.aie-toolbar{position:absolute;z-index:100;display:flex;align-items:center;gap:2px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:5px 6px;box-shadow:0 4px 16px rgba(0,0,0,.12);white-space:nowrap}.dark .aie-toolbar{background:rgba(24,24,27,.95);border-color:hsla(0,0%,100%,.08);box-shadow:0 8px 32px rgba(0,0,0,.4)}.aie-toolbar__state{display:flex;align-items:center;gap:2px}.aie-toolbar__btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;border:none;background:transparent;color:#525252;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.aie-toolbar__btn--active,.aie-toolbar__btn:hover{background:#f5f5f5;color:#171717}.aie-toolbar__btn--danger:hover{background:#fef2f2;color:#dc2626}.aie-toolbar__btn--disabled{opacity:.4;cursor:not-allowed}.aie-toolbar__btn--disabled:hover{background:transparent;color:#525252}.dark .aie-toolbar__btn{color:#bbb}.dark .aie-toolbar__btn--active,.dark .aie-toolbar__btn:hover{background:#2a2a2a;color:#fff}.dark .aie-toolbar__btn--danger:hover{background:#2a1a1a;color:#f87171}.dark .aie-toolbar__btn--disabled:hover{background:transparent;color:#bbb}.aie-toolbar__divider{width:1px;height:22px;background:#e5e5e5;margin:0 3px;flex-shrink:0}.dark .aie-toolbar__divider{background:#333}.aie-toolbar__btn-wrapper{position:relative}.aie-toolbar__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:5px 8px;background:#171717;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:all .15s ease;z-index:200}.aie-toolbar__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#171717}.aie-toolbar__btn-wrapper:hover .aie-toolbar__tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.aie-toolbar__opacity-wrapper{position:relative}.aie-toolbar__inline-slider{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:6px 12px;box-shadow:0 4px 16px rgba(0,0,0,.12);white-space:nowrap}.dark .aie-toolbar__inline-slider{background:rgba(24,24,27,.95);border-color:hsla(0,0%,100%,.08);box-shadow:0 4px 16px rgba(0,0,0,.3)}.aie-toolbar__opacity-range{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:rgba(0,0,0,.1);outline:none;cursor:pointer}.dark .aie-toolbar__opacity-range{background:hsla(0,0%,100%,.1)}.aie-toolbar__opacity-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#171717;cursor:pointer;transition:transform .2s}.dark .aie-toolbar__opacity-range::-webkit-slider-thumb{background:#fff}.aie-toolbar__opacity-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.aie-toolbar__opacity-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#171717;cursor:pointer;border:none}.dark .aie-toolbar__opacity-range::-moz-range-thumb{background:#fff}.aie-toolbar__opacity-val{font-size:11px;color:#525252;min-width:32px;text-align:right;font-weight:500}.dark .aie-toolbar__opacity-val{color:#ccc}.aie-toolbar__brush-control{display:flex;align-items:center;gap:8px;padding:0 8px}.aie-toolbar__brush-label{font-size:11px;color:#666}.aie-toolbar__brush-slider{width:80px;accent-color:var(--primary)}.aie-toolbar__brush-value{font-size:11px;color:var(--primary);min-width:24px;text-align:right}.aie-toolbar__confirm{display:flex;align-items:center;gap:6px;padding:0 4px}.aie-toolbar__confirm-text{font-size:11px;font-weight:500;color:#dc2626;white-space:nowrap}.dark .aie-toolbar__confirm-text{color:#f87171}.aie-toolbar__confirm-yes{display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:5px;border:none;background:#dc2626;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.aie-toolbar__confirm-yes:hover{background:#b91c1c}.aie-toolbar__confirm-no{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:5px;border:none;background:transparent;color:#737373;cursor:pointer;transition:all .15s}.aie-toolbar__confirm-no:hover{background:#f5f5f5;color:#171717}.dark .aie-toolbar__confirm-no{color:#999}.dark .aie-toolbar__confirm-no:hover{background:#2a2a2a;color:#fff}.aie-toolbar__btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.aie-toolbar__confirm-no:focus-visible,.aie-toolbar__confirm-yes:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.aie-popover__action:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.aie-popover__style-item:focus-visible,.aie-popover__variation-item:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.aie-paint-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none}.aie-paint-canvas--bounded{width:auto;height:auto;border:1px dashed rgba(167,139,250,.5);border-radius:2px}.aie-paint-canvas--active{pointer-events:auto;cursor:crosshair}.aie-paint-canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:49;background:rgba(0,0,0,.3);pointer-events:none}.aie-paint-canvas-overlay--active{pointer-events:auto;cursor:not-allowed}.aie-popover-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.aie-popover-container{z-index:201}.aie-popover{animation:aie-popover-enter .15s ease-out;background:hsla(0,0%,100%,.98);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:16px;width:300px;box-shadow:0 8px 32px rgba(0,0,0,.15)}.dark .aie-popover{background:rgba(24,24,27,.98);border-color:hsla(0,0%,100%,.08);box-shadow:0 16px 48px rgba(0,0,0,.5)}.aie-popover--compact{width:240px}.aie-popover__title{font-size:13px;font-weight:600;margin-bottom:10px;color:#171717;display:flex;align-items:center;gap:6px}.dark .aie-popover__title{color:#fff}.aie-popover__hint{font-size:11px;color:#a3a3a3;margin-bottom:10px;line-height:1.5}.dark .aie-popover__hint{color:#555}.aie-popover__textarea{width:100%;background:#fff;border:1px solid #e5e5e5;border-radius:7px;padding:8px 10px;color:#171717;font-size:12px;resize:none;font-family:inherit;min-height:50px}.dark .aie-popover__textarea{background:#111;border-color:#333;color:#fff}.aie-popover__textarea:focus{outline:none;border-color:var(--primary)}.aie-popover__textarea::placeholder{color:#a3a3a3}.dark .aie-popover__textarea::placeholder{color:#444}.aie-popover__action{width:100%;padding:9px;background:linear-gradient(135deg,var(--primary-hover),var(--primary));border:none;border-radius:7px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;margin-top:10px;transition:opacity .15s}.aie-popover__action:hover{opacity:.9}.aie-popover__action--disabled{opacity:.4;cursor:not-allowed}.aie-popover__error{font-size:11px;color:#dc2626;margin-top:10px}.aie-popover__warning{font-size:11px;color:#d97706;margin-bottom:6px}.aie-popover__style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}.aie-popover__style-item{aspect-ratio:1;border-radius:8px;border:2px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#737373}.aie-popover__style-item:hover{border-color:#a3a3a3}.aie-popover__style-item--selected{border-color:var(--primary);background:#f5f3ff;color:var(--primary)}.dark .aie-popover__style-item{border-color:#2a2a2a;background:#111;color:#777}.dark .aie-popover__style-item:hover{border-color:#444}.dark .aie-popover__style-item--selected{background:#1a1a2e}.aie-popover__style-icon{display:flex;align-items:center;justify-content:center;color:inherit}.aie-popover__opacity-control{display:flex;align-items:center;gap:10px;margin-top:6px}.aie-popover__opacity-slider{flex:1;accent-color:var(--primary)}.aie-popover__opacity-value{font-size:13px;font-weight:600;color:var(--primary);min-width:36px;text-align:right}.aie-popover__variations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.aie-popover__variation-item{aspect-ratio:4/3;border-radius:8px;border:2px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0}.aie-popover__variation-item:hover{border-color:#a3a3a3}.dark .aie-popover__variation-item{border-color:#2a2a2a;background:#111}.dark .aie-popover__variation-item:hover{border-color:#444}.aie-popover__variation-item--selected{border-color:var(--primary)}.aie-popover__variation-img{width:100%;height:100%;object-fit:cover}.aie-popover__variation-label{position:absolute;bottom:4px;right:6px;font-size:9px;color:#666;background:rgba(0,0,0,.6);padding:1px 5px;border-radius:3px}.aie-popover__elements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.aie-popover__element-item{aspect-ratio:1;border-radius:8px;border:1px solid #e5e5e5;background:repeating-conic-gradient(#f5f5f5 0 25%,#fff 0 50%) 50% /10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:18px;cursor:pointer;transition:all .2s}.dark .aie-popover__element-item{border-color:#2a2a2a;background:repeating-conic-gradient(#1a1a1a 0 25%,#222 0 50%) 50% /10px 10px}.aie-popover__element-item:hover{border-color:var(--primary)}.aie-popover__element-label{font-size:9px;color:#737373;background:rgba(0,0,0,.05);padding:1px 5px;border-radius:3px}.dark .aie-popover__element-label{color:#777;background:rgba(0,0,0,.5)}.aie-popover__element-icon{display:flex;align-items:center;justify-content:center;color:inherit}.aie-popover__element-hint{font-size:10px;color:#4ade80;margin-top:10px;line-height:1.4}.aie-panel{max-height:calc(100vh - 80px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.08),0 20px 25px -5px rgba(0,0,0,.05);animation:aie-slide-in .25s ease-out;overflow:hidden}@keyframes aie-slide-in{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.dark .aie-panel{background:#27272a;border-color:hsla(0,0%,100%,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 10px 15px -3px rgba(0,0,0,.4)}.aie-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:600;color:#171717}.dark .aie-panel__header{background:#27272a;border-bottom-color:hsla(0,0%,100%,.08);color:#f4f4f5}.aie-panel__header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#737373;font-size:14px;cursor:pointer;transition:all .15s}.aie-panel__header-btn:hover{background:#f5f5f5;color:#171717}.dark .aie-panel__header-btn:hover{background:#3f3f46;color:#f4f4f5}.aie-panel__auth{padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fafafa}.aie-panel__auth-text{font-size:13px;color:#737373}.aie-panel__auth-btn{width:100%;padding:12px 20px;background:#171717;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.aie-panel__auth-btn:hover{background:#262626}.dark .aie-panel__auth{background:#18181b}.dark .aie-panel__auth-text{color:#a1a1aa}.dark .aie-panel__auth-btn{background:#f4f4f5;color:#18181b}.dark .aie-panel__auth-btn:hover{background:#e4e4e7}.aie-panel__credits{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;font-size:12px;font-weight:500;color:#525252;border-bottom:1px solid rgba(0,0,0,.06)}.aie-panel__credits-cost{font-weight:400;color:#a3a3a3;font-size:11px}.dark .aie-panel__credits{color:#d4d4d8;border-bottom-color:hsla(0,0%,100%,.08)}.dark .aie-panel__credits-cost{color:#71717a}.aie-panel__result{padding:18px;display:flex;flex-direction:column;gap:12px;background:#fafafa}.aie-panel__result-img{width:100%;border-radius:8px;display:block;background-color:#fff;background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 0),linear-gradient(-45deg,#e5e5e5 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e5e5e5 0),linear-gradient(-45deg,transparent 75%,#e5e5e5 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.aie-panel__result-header{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;min-height:36px;margin:-4px 0 0;padding:0 10px 0 8px;background:transparent;border:1px solid transparent;border-radius:8px;color:#404040;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .15s}.aie-panel__result-header:hover{background:#f5f5f5;border-color:#e5e5e5;color:#171717}.aie-panel__result-back-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#eee;color:inherit;transition:inherit}.aie-panel__result-header:hover .aie-panel__result-back-icon{background:#e5e5e5}.aie-panel__result-title{color:inherit}.aie-panel__result-actions{display:flex;gap:8px}.aie-panel__result-note{margin:-2px 0 0;color:#737373;font-size:12px;line-height:1.45}.aie-panel__result-profile-link{margin-left:4px;color:#525252;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s}.aie-panel__result-profile-link:hover{color:#171717}.aie-panel__result-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#f5f5f5;border:none;border-radius:8px;color:#525252;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.aie-panel__result-btn:hover{background:#ebebeb;color:#171717}.aie-panel__result-btn--primary{flex:1;background:#171717;color:#fff}.aie-panel__result-btn--primary:hover{background:#262626}.aie-panel__result-new{width:100%;padding:10px;background:transparent;border:1px dashed #d4d4d4;border-radius:8px;font-size:12px;font-weight:500;color:#737373;cursor:pointer;transition:all .15s}.aie-panel__result-new:hover{border-color:#a3a3a3;color:#525252;background:#fafafa}.dark .aie-panel__result{background:#18181b}.dark .aie-panel__result-header{color:#d4d4d8}.dark .aie-panel__result-header:hover{background:#27272a;border-color:#3f3f46;color:#f4f4f5}.dark .aie-panel__result-back-icon{background:#27272a}.dark .aie-panel__result-header:hover .aie-panel__result-back-icon{background:#3f3f46}.dark .aie-panel__result-note{color:#a1a1aa}.dark .aie-panel__result-profile-link{color:#d4d4d8}.dark .aie-panel__result-profile-link:hover{color:#f4f4f5}.dark .aie-panel__result-btn{background:#3f3f46;color:#d4d4d8}.dark .aie-panel__result-btn:hover{background:#52525b;color:#f4f4f5}.dark .aie-panel__result-btn--primary{background:#f4f4f5;color:#18181b}.dark .aie-panel__result-btn--primary:hover{background:#e4e4e7}.dark .aie-panel__result-new{border-color:#52525b;color:#a1a1aa}.dark .aie-panel__result-new:hover{border-color:#71717a;color:#d4d4d8;background:#27272a}.aie-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:#fafafa;gap:16px;color:#737373;font-size:13px}.aie-panel__loading-hint{max-width:250px;margin:-6px 0 0;color:#737373;font-size:12px;line-height:1.45;text-align:center}.dark .aie-panel__loading{background:#18181b;color:#a1a1aa}.dark .aie-panel__loading-hint{color:#a1a1aa}.aie-panel__error{padding:12px 14px;margin:12px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;font-size:12px;color:#dc2626;display:flex;flex-direction:column;gap:8px}.aie-panel__error-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#171717;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s;width:fit-content}.aie-panel__error-btn:hover{background:#262626}.dark .aie-panel__error{background:#3f3f46;border-color:#dc2626}.dark .aie-panel__error-btn{background:#f4f4f5;color:#18181b}.dark .aie-panel__error-btn:hover{background:#e4e4e7}.aie-panel__tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.06)}.aie-panel__tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;color:#737373;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.aie-panel__tab:hover{color:#171717}.aie-panel__tab--active{color:#171717;border-bottom-color:#171717}.dark .aie-panel__tabs{border-bottom-color:hsla(0,0%,100%,.08)}.dark .aie-panel__tab{color:#71717a}.dark .aie-panel__tab:hover{color:#f4f4f5}.dark .aie-panel__tab--active{color:#f4f4f5;border-bottom-color:#f4f4f5}.aie-panel__body{flex:1;overflow-y:auto;padding:18px;background:#fafafa}.dark .aie-panel__body{background:#18181b}.aie-panel__section{display:flex;flex-direction:column;gap:12px}.aie-panel__privacy{padding:8px 18px}.aie-panel__privacy-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#525252;cursor:pointer;user-select:none}.dark .aie-panel__privacy-label{color:#a3a3a3}.aie-panel__privacy-label--locked{opacity:.6;cursor:default}.aie-panel__privacy-checkbox{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.aie-panel__privacy-label--locked .aie-panel__privacy-checkbox{cursor:default}.aie-panel__privacy-hint{margin-top:4px;font-size:11px;color:var(--primary);padding-left:20px}.aie-panel__privacy-upgrade{display:block;margin-top:4px;font-size:11px;color:#8b5cf6;padding-left:20px;text-decoration:none}.aie-panel__privacy-upgrade:hover{text-decoration:underline}.aie-panel__footer{padding:12px 18px;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px}.dark .aie-panel__footer{border-top-color:hsla(0,0%,100%,.08)}.aie-panel__preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.aie-panel__preset{aspect-ratio:1;border-radius:12px;border:1px solid #e5e5e5;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px}.aie-panel__preset:hover{border-color:#171717}.aie-panel__preset--selected{border-color:#171717;background:#f5f5f5}.dark .aie-panel__preset{border-color:#52525b;background:#3f3f46}.dark .aie-panel__preset:hover{border-color:#f4f4f5}.dark .aie-panel__preset--selected{border-color:#f4f4f5;background:#52525b}.aie-panel__preset-icon{font-size:24px}.aie-panel__preset-name{font-size:10px;color:#737373}.aie-panel__preset--selected .aie-panel__preset-name{color:#171717}.dark .aie-panel__preset-name{color:#a1a1aa}.dark .aie-panel__preset--selected .aie-panel__preset-name{color:#f4f4f5}.aie-panel__prompt{width:100%;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:12px 14px;color:#171717;font-size:13px;resize:none;font-family:inherit;min-height:60px;line-height:1.5;transition:border-color .15s}.aie-panel__prompt:focus{outline:none;border-color:#171717}.aie-panel__prompt::placeholder{color:#a3a3a3}.aie-panel__prompt--small{min-height:50px;margin-top:10px}.dark .aie-panel__prompt{background:#3f3f46;border-color:#52525b;color:#f4f4f5}.dark .aie-panel__prompt:focus{border-color:#a1a1aa}.dark .aie-panel__prompt::placeholder{color:#71717a}.aie-panel__tag-section{margin-top:4px}.aie-panel__tag-label{font-size:10px;font-weight:600;color:#737373;margin-bottom:6px;letter-spacing:.5px}.dark .aie-panel__tag-label{color:#a1a1aa}.aie-panel__tag-row{display:flex;flex-wrap:wrap;gap:5px}.aie-panel__tag{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid #e5e5e5;background:#fff;font-size:11px;color:#525252;cursor:pointer;transition:all .15s;white-space:nowrap}.aie-panel__tag:hover{border-color:#171717;color:#171717}.aie-panel__tag--selected{border-color:#171717}.aie-panel__tag--selected,.aie-panel__tag--selected:hover{background:#171717;color:#fff}.dark .aie-panel__tag{border-color:#52525b;background:#3f3f46;color:#d4d4d8}.dark .aie-panel__tag:hover{border-color:#f4f4f5;color:#f4f4f5}.dark .aie-panel__tag--selected{border-color:#f4f4f5}.dark .aie-panel__tag--selected,.dark .aie-panel__tag--selected:hover{background:#f4f4f5;color:#18181b}.aie-panel__tag-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.dark .aie-panel__tag-dot{border-color:hsla(0,0%,100%,.2)}.aie-panel__color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.aie-panel__preset-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.aie-panel__preset-chips::-webkit-scrollbar{display:none}.aie-panel__preset-chip{flex-shrink:0;padding:5px 12px;border-radius:20px;border:1px solid #e5e5e5;background:#fff;font-size:11px;color:#525252;cursor:pointer;transition:all .15s;white-space:nowrap}.aie-panel__preset-chip:hover{border-color:#171717;color:#171717}.dark .aie-panel__preset-chip{border-color:#52525b;background:#3f3f46;color:#d4d4d8}.dark .aie-panel__preset-chip:hover{border-color:#f4f4f5;color:#f4f4f5}.aie-panel__prompt-wrapper{position:relative}.aie-panel__char-count{position:absolute;bottom:8px;right:10px;font-size:10px;color:#a3a3a3;pointer-events:none}.dark .aie-panel__char-count{color:#71717a}.aie-panel__upload{border:2px dashed #d4d4d4;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.aie-panel__upload:hover{border-color:#a3a3a3;background:#fafafa}.dark .aie-panel__upload{border-color:#52525b;background:#3f3f46}.dark .aie-panel__upload:hover{border-color:#71717a;background:#52525b}.aie-panel__upload-icon{font-size:24px;margin-bottom:6px;display:flex;justify-content:center}.aie-panel__upload-text{font-size:12px;color:#525252}.dark .aie-panel__upload-text{color:#d4d4d8}.aie-panel__upload-hint{font-size:10px;color:#a3a3a3;margin-top:4px}.dark .aie-panel__upload-hint{color:#71717a}.aie-panel__upload--uploading{cursor:default;opacity:.7}.aie-panel__upload-spinner{animation:aie-spin 1s linear infinite;margin:0 auto 6px;display:block}.aie-panel__ref-preview{position:relative;border-radius:8px;overflow:hidden}.aie-panel__ref-image{width:100%;height:auto;max-height:200px;object-fit:contain;display:block;border-radius:8px;background:#f5f5f5}.dark .aie-panel__ref-image{background:#27272a}.aie-panel__ref-clear{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.aie-panel__ref-clear:hover{background:rgba(0,0,0,.9)}.aie-panel__generate{width:100%;padding:12px;background:#171717;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.aie-panel__generate:hover{background:#262626}.aie-panel__generate--disabled{background:#d4d4d4;cursor:not-allowed}.dark .aie-panel__generate{background:#f4f4f5;color:#18181b}.dark .aie-panel__generate:hover{background:#e4e4e7}.dark .aie-panel__generate--disabled{background:#52525b;color:#71717a}.aie-panel__buy-credits{width:100%;padding:10px;background:transparent;border:1px solid #d4d4d4;border-radius:8px;color:#171717;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;text-decoration:none}.aie-panel__buy-credits:hover{background:#f5f5f5;border-color:#a3a3a3}.dark .aie-panel__buy-credits{border-color:#52525b;color:#f4f4f5}.dark .aie-panel__buy-credits:hover{background:#3f3f46;border-color:#71717a}.aie-panel__spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:aie-spin .8s linear infinite}@keyframes aie-spin{to{transform:rotate(1turn)}}@keyframes aie-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes aie-scale-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes aie-popover-enter{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.assets-panel{max-height:calc(100vh - 80px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.08),0 20px 25px -5px rgba(0,0,0,.05);animation:assets-slide-in .25s ease-out;overflow:hidden}@keyframes assets-slide-in{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.dark .assets-panel{background:#27272a;border-color:hsla(0,0%,100%,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 10px 15px -3px rgba(0,0,0,.4)}.assets-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);font-size:13px;font-weight:600;color:#171717}.dark .assets-panel__header{background:#27272a;border-bottom-color:hsla(0,0%,100%,.08);color:#f4f4f5}.assets-panel__header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#737373;cursor:pointer;transition:all .15s}.assets-panel__header-btn:hover{background:#f5f5f5;color:#171717}.dark .assets-panel__header-btn:hover{background:#3f3f46;color:#f4f4f5}.assets-panel__body{flex:1;overflow-y:auto;padding:14px;background:#fafafa}.dark .assets-panel__body{background:#18181b}.assets-panel__upload{border:2px dashed #d4d4d4;border-radius:10px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s;background:#fff;margin-bottom:14px}.assets-panel__upload:hover{border-color:#a3a3a3;background:#f5f5f5}.dark .assets-panel__upload{border-color:#52525b;background:#3f3f46}.dark .assets-panel__upload:hover{border-color:#71717a;background:#52525b}.assets-panel__upload-icon{display:flex;justify-content:center;margin-bottom:4px;color:#a3a3a3}.assets-panel__upload-text{font-size:12px;color:#525252}.dark .assets-panel__upload-text{color:#d4d4d8}.assets-panel__upload-hint{font-size:10px;color:#a3a3a3;margin-top:2px}.dark .assets-panel__upload-hint{color:#71717a}.assets-panel__auth{padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px}.assets-panel__auth-text{font-size:11px;color:#a3a3a3}.dark .assets-panel__auth-text{color:#71717a}.assets-panel__auth-btn{padding:8px 16px;background:#171717;border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.assets-panel__auth-btn:hover{background:#262626}.dark .assets-panel__auth-btn{background:#f4f4f5;color:#18181b}.dark .assets-panel__auth-btn:hover{background:#e4e4e7}.assets-panel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.assets-panel__item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5e5e5;background:#fff;cursor:pointer;transition:border-color .15s}.assets-panel__item:hover{border-color:#171717}.dark .assets-panel__item{border-color:#3f3f46;background:#27272a}.dark .assets-panel__item:hover{border-color:#a1a1aa}.assets-panel__item-img{width:100%;height:100%;object-fit:cover;display:block}.assets-panel__item-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .15s}.assets-panel__item:hover .assets-panel__item-overlay{opacity:1}.assets-panel__item-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:hsla(0,0%,100%,.9);color:#171717;cursor:pointer;transition:all .15s}.assets-panel__item-btn:hover{background:#fff}.assets-panel__item-btn--danger:hover{background:#fef2f2;color:#dc2626}.assets-panel__empty{text-align:center;padding:16px 8px;font-size:12px;color:#a3a3a3}.dark .assets-panel__empty{color:#71717a}.assets-panel__loading{display:flex;justify-content:center;padding:24px}.assets-panel__spinner{width:20px;height:20px;border:2px solid #e5e5e5;border-top-color:#171717;border-radius:50%;animation:aie-spin .8s linear infinite}.dark .assets-panel__spinner{border-color:#f4f4f5 #3f3f46 #3f3f46}.assets-panel__space{padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.dark .assets-panel__space{border-bottom-color:hsla(0,0%,100%,.08)}.assets-panel__space-label{display:flex;justify-content:space-between;font-size:10px;color:#a3a3a3;margin-bottom:4px}.dark .assets-panel__space-label{color:#71717a}.assets-panel__space-bar{height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.dark .assets-panel__space-bar{background:#3f3f46}.assets-panel__space-fill{height:100%;background:#171717;border-radius:2px;transition:width .3s ease}.dark .assets-panel__space-fill{background:#f4f4f5}.assets-panel__space-fill--warning{background:#f59e0b}.assets-panel__space-fill--danger{background:#dc2626}.assets-panel__item-size{position:absolute;top:4px;right:4px;padding:2px 6px;background:rgba(0,0,0,.6);color:#fff;font-size:9px;border-radius:4px;opacity:0;transition:opacity .15s;pointer-events:none;z-index:1}.assets-panel__item:hover .assets-panel__item-size{opacity:1}.assets-panel__item-btn-wrap{position:relative}.assets-panel__item-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:3px 8px;background:rgba(0,0,0,.8);color:#fff;font-size:10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.assets-panel__item-btn-wrap:hover .assets-panel__item-tooltip{opacity:1}.assets-panel__delete-confirm{position:absolute;inset:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10}.assets-panel__delete-confirm-text{font-size:11px;color:#fff}.assets-panel__delete-confirm-actions{display:flex;gap:6px}.assets-panel__popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:10px 14px;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:10;text-align:center;min-width:140px}.dark .assets-panel__popover{background:#27272a;border-color:hsla(0,0%,100%,.1);box-shadow:0 4px 16px rgba(0,0,0,.4)}.assets-panel__popover-text{font-size:11px;color:#525252;margin-bottom:8px}.dark .assets-panel__popover-text{color:#d4d4d8}.assets-panel__popover-actions{display:flex;gap:6px;justify-content:center}.assets-panel__popover-btn{padding:4px 12px;border-radius:6px;border:1px solid #e5e5e5;background:#fff;color:#525252;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.assets-panel__popover-btn:hover{background:#f5f5f5}.dark .assets-panel__popover-btn{border-color:#3f3f46;background:#3f3f46;color:#d4d4d8}.dark .assets-panel__popover-btn:hover{background:#52525b}.assets-panel__popover-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.assets-panel__popover-btn--danger:hover{background:#b91c1c}.dark .assets-panel__popover-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.dark .assets-panel__popover-btn--danger:hover{background:#b91c1c}.assets-panel__quota-error{margin:0 16px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.dark .assets-panel__quota-error{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3)}.assets-panel__quota-error-msg{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#dc2626;line-height:1.4}.dark .assets-panel__quota-error-msg{color:#f87171}.assets-panel__quota-error-msg svg{flex-shrink:0;margin-top:1px}.assets-panel__quota-error-actions{display:flex;gap:6px;margin-top:8px}.assets-panel__quota-error-btn{flex:1;padding:5px 0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#525252;font-size:11px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none;transition:all .15s}.assets-panel__quota-error-btn:hover{background:#f5f5f5}.dark .assets-panel__quota-error-btn{border-color:#3f3f46;background:#3f3f46;color:#d4d4d8}.dark .assets-panel__quota-error-btn:hover{background:#52525b}.assets-panel__quota-error-btn--upgrade{background:#171717;border-color:#171717;color:#fff}.assets-panel__quota-error-btn--upgrade:hover{background:#262626}.dark .assets-panel__quota-error-btn--upgrade{background:#f4f4f5;border-color:#f4f4f5;color:#18181b}.zone-color-popover{background:rgba(26,26,26,.95);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;padding:6px 8px;box-shadow:0 4px 20px rgba(0,0,0,.5);animation:zone-pop-in .12s ease-out;transition:left .14s ease-out,top .14s ease-out;will-change:left,top}@keyframes zone-pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.zone-color-popover{animation:none;transition:none}}.zone-popover-row{display:flex;align-items:center;gap:5px}.zone-swatch-picker{position:relative;width:30px;height:30px;border-radius:7px;cursor:pointer;border:none;overflow:hidden;transition:all .1s;flex-shrink:0;background:conic-gradient(from 0deg,red,#ff8000,#ff0,#0f0,#0ff,#00f,#8000ff,#ff0080,red)}.zone-swatch-picker:hover{transform:scale(1.12)}.zone-swatch-clear-fill{position:relative;width:30px;height:30px;border-radius:7px;cursor:pointer;border:1px solid hsla(0,0%,100%,.24);background:linear-gradient(45deg,hsla(0,0%,100%,.14) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.14) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.14) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.14) 0);background-color:hsla(0,0%,100%,.08);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;transition:all .1s;flex-shrink:0}.zone-swatch-clear-fill:after{content:"";position:absolute;left:5px;right:5px;top:14px;height:2px;border-radius:999px;background:#ef4444;transform:rotate(-45deg)}.zone-swatch-clear-fill:hover:not(:disabled){transform:scale(1.12)}.zone-swatch-clear-fill:disabled{cursor:not-allowed;opacity:.42}.zone-picker-input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.zone-swatch-divider{width:1px;height:22px;background:hsla(0,0%,100%,.2);margin:0 2px;flex-shrink:0}.zone-swatch{width:30px;height:30px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:all .1s;flex-shrink:0}.zone-swatch:hover{transform:scale(1.12)}.zone-swatch.active{border-color:#fff;transform:scale(1.1)}.zone-swatch.light{border:1px solid hsla(0,0%,100%,.3)}.dark .assets-panel__quota-error-btn--upgrade:hover{background:#e4e4e7}