.aie-toolbar{position:absolute;z-index:var(--z-editor-chrome,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;cursor:default}.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:var(--z-editor-toolbar-popover,1250)}.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__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__range{background:hsla(0,0%,100%,.1)}.aie-toolbar__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__range::-webkit-slider-thumb{background:#fff}.aie-toolbar__range::-webkit-slider-thumb:hover{transform:scale(1.2)}.aie-toolbar__range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#171717;cursor:pointer;border:none}.dark .aie-toolbar__range::-moz-range-thumb{background:#fff}.aie-toolbar__range-value{font-size:11px;color:#525252;min-width:32px;text-align:right;font-weight:500}.dark .aie-toolbar__range-value{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__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}.aie-popover-container,.aie-popover-overlay{z-index:var(--z-editor-zone-popover,1300)}.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:min(300px,calc(100vw - 16px));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:min(240px,calc(100vw - 16px))}.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);max-height:calc(100dvh - 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__title{display:flex;min-width:0;align-items:center;gap:8px;white-space:nowrap}.aie-panel__mode-switch{display:flex;flex-shrink:0;gap:2px;padding:2px;border:1px solid #e4e4e7;border-radius:8px;background:#f4f4f5}.aie-panel__mode-button{min-height:28px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#71717a;font-size:11px;font-weight:600;cursor:pointer}.aie-panel__mode-button:hover{color:#18181b}.aie-panel__mode-button--active{background:#fff;color:#18181b;box-shadow:0 1px 3px rgba(0,0,0,.08)}.aie-panel__mode-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dark .aie-panel__mode-switch{border-color:#3f3f46;background:#18181b}.dark .aie-panel__mode-button{color:#a1a1aa}.dark .aie-panel__mode-button--active,.dark .aie-panel__mode-button:hover{color:#fff}.dark .aie-panel__mode-button--active{background:#3f3f46}.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;color:#fff}.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;color:#18181b}.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);max-height:calc(100dvh - 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}@media (pointer:coarse){.aie-panel__preset-chip,.aie-panel__tag{min-height:40px;padding:9px 14px}.aie-panel__preset-chip{display:inline-flex;align-items:center}.aie-panel__tab{min-height:40px;padding:12px 10px}.aie-panel__privacy-checkbox{width:20px;height:20px}}.HeroPlayground_root__TW9T_{position:absolute;inset:0;--toolbar-lift:28px;--ink:#484540;--muted:#716b63;--surface:rgba(255,253,248,.88);--line:rgba(70,60,48,.13);--soft:rgba(70,60,48,.055)}.dark .HeroPlayground_root__TW9T_{--ink:#dedad3;--muted:#ada79e;--surface:rgba(25,25,24,.88);--line:rgba(255,245,230,.13);--soft:rgba(255,245,230,.065)}.HeroPlayground_scene__f5k5C{position:absolute;inset:0;bottom:max(0px,calc(900px - 100vh));outline-offset:-4px;border-radius:12px}.HeroPlayground_controls__T8MSt{position:absolute;left:50%;bottom:calc(max(17%, calc(17% + (900px - 100vh) / 2)) + var(--toolbar-lift));width:max-content;max-width:calc(100% - 16px);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;transform:translate(-50%,6px)}.HeroPlayground_controls__T8MSt,.HeroPlayground_selection__RJ71m{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease .1s,transform .42s cubic-bezier(.16,1,.3,1) .1s,visibility 0s linear .38s}.HeroPlayground_dragging___204S :is(.HeroPlayground_controls__T8MSt,.HeroPlayground_selection__RJ71m),.HeroPlayground_root__TW9T_:has(.HeroPlayground_scene__f5k5C:focus-visible,.HeroPlayground_dock__jTpHt :focus-visible) :is(.HeroPlayground_controls__T8MSt,.HeroPlayground_selection__RJ71m),.HeroPlayground_touchOpen__gRjw4 :is(.HeroPlayground_controls__T8MSt,.HeroPlayground_selection__RJ71m){opacity:1;visibility:visible;transition-delay:0s}.HeroPlayground_dragging___204S .HeroPlayground_controls__T8MSt,.HeroPlayground_root__TW9T_:has(.HeroPlayground_scene__f5k5C:focus-visible,.HeroPlayground_dock__jTpHt :focus-visible) .HeroPlayground_controls__T8MSt,.HeroPlayground_touchOpen__gRjw4 .HeroPlayground_controls__T8MSt{transform:translate(-50%);pointer-events:auto}@media (hover:hover) and (pointer:fine){.HeroPlayground_root__TW9T_:hover :is(.HeroPlayground_controls__T8MSt,.HeroPlayground_selection__RJ71m){opacity:1;visibility:visible;transition-delay:0s}.HeroPlayground_root__TW9T_:hover .HeroPlayground_controls__T8MSt{transform:translate(-50%);pointer-events:auto}}.HeroPlayground_selection__RJ71m{position:absolute;inset:0}.HeroPlayground_scene__f5k5C canvas{cursor:default!important}.HeroPlayground_dock__jTpHt{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);backdrop-filter:blur(16px);box-shadow:0 4px 18px #0000000c;max-width:100%}.HeroPlayground_dock__jTpHt button,.HeroPlayground_touchTrigger__Bu5Ht{cursor:pointer;border:0;display:flex;align-items:center;justify-content:center;border-radius:7px;color:var(--ink);flex-shrink:0}.HeroPlayground_dock__jTpHt button{height:34px}.HeroPlayground_dock__jTpHt button,.HeroPlayground_touchTrigger__Bu5Ht{transition:background .22s ease,transform .3s cubic-bezier(.16,1,.3,1),opacity .22s ease}.HeroPlayground_dock__jTpHt button:focus-visible,.HeroPlayground_touchTrigger__Bu5Ht:focus-visible{outline:2px solid var(--muted);outline-offset:3px}.HeroPlayground_dock__jTpHt button:disabled{opacity:.35;cursor:not-allowed}.HeroPlayground_dock__jTpHt button:active:not(:disabled){transform:scale(.96)}.HeroPlayground_samples__GliP1{display:flex;gap:2px}.HeroPlayground_dock__jTpHt .HeroPlayground_sample__VH7v_{width:34px;background:transparent;touch-action:none;cursor:pointer;padding:3px}.HeroPlayground_sample__VH7v_ img{width:28px;height:28px;pointer-events:none;user-select:none}.HeroPlayground_sample__VH7v_[aria-pressed=true]{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}.HeroPlayground_sample__VH7v_:hover:not(:disabled){background:var(--soft);transform:translateY(-2px)}.HeroPlayground_dock__jTpHt .HeroPlayground_touchClose__gYUTP,.HeroPlayground_download__ewtbe,.HeroPlayground_upload__4gnVh{width:34px;background:transparent}.HeroPlayground_download__ewtbe:hover:not(:disabled),.HeroPlayground_touchClose__gYUTP:hover,.HeroPlayground_upload__4gnVh:hover:not(:disabled){background:var(--soft)}.HeroPlayground_uploadHintPositioner__0yIom{z-index:3}.HeroPlayground_uploadHint__aApzb{max-width:min(240px,calc(100vw - 32px));padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);backdrop-filter:blur(16px);box-shadow:0 4px 18px #0000000c;color:var(--ink);font-size:12px;font-weight:500;line-height:1.5;text-align:center;transform-origin:var(--transform-origin);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}.HeroPlayground_uploadHint__aApzb[data-ending-style],.HeroPlayground_uploadHint__aApzb[data-starting-style]{opacity:0;transform:translateY(3px)}.HeroPlayground_uploadHint__aApzb[data-instant]{transition:none}.HeroPlayground_divider__R3i4l{height:18px;width:1px;flex-shrink:0;background:var(--line);margin:0 3px}.HeroPlayground_dock__jTpHt .HeroPlayground_editor__G_X5J{gap:6px;padding:0 9px;font-size:11px;white-space:nowrap;color:#fff;font-weight:600;background:linear-gradient(to right,var(--color-purple-500,#a855f7),var(--color-blue-500,#3b82f6));box-shadow:0 2px 6px #7c3aed20}.HeroPlayground_editor__G_X5J:hover:not(:disabled){background:linear-gradient(to right,var(--color-purple-600,#9333ea),var(--color-blue-600,#2563eb));box-shadow:0 3px 9px #7c3aed30}.HeroPlayground_dock__jTpHt .HeroPlayground_touchClose__gYUTP,.HeroPlayground_touchTrigger__Bu5Ht{display:none}.HeroPlayground_feedback__xmvDo{position:absolute;bottom:26%;left:50%;transform:translateX(-50%);z-index:3;width:max-content;max-width:80%;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:11px;text-align:center;pointer-events:none}.HeroPlayground_ghost__RyOQZ{position:fixed;left:0;top:0;width:52px;height:52px;padding:5px;border-radius:11px;background:#262522eb;border:1px solid #ffffff26;box-shadow:0 8px 20px #00000020;pointer-events:none;z-index:9999}@media (max-width:767px){.HeroPlayground_scene__f5k5C{bottom:56px}.HeroPlayground_controls__T8MSt{bottom:20px}.HeroPlayground_feedback__xmvDo{bottom:76px;font-size:10px}}@media (hover:none),(pointer:coarse){.HeroPlayground_touchTrigger__Bu5Ht{display:flex;position:absolute;left:50%;bottom:calc(max(17%, calc(17% + (900px - 100vh) / 2)) + var(--toolbar-lift));transform:translateX(-50%);min-height:44px;padding:0 12px;gap:5px;border-radius:20px;background:transparent;font-size:11px;color:var(--muted)}.HeroPlayground_touchOpen__gRjw4 .HeroPlayground_touchTrigger__Bu5Ht{visibility:hidden;pointer-events:none}.HeroPlayground_dock__jTpHt{padding:4px;gap:1px}.HeroPlayground_samples__GliP1{gap:0}.HeroPlayground_dock__jTpHt .HeroPlayground_download__ewtbe,.HeroPlayground_dock__jTpHt .HeroPlayground_editor__G_X5J,.HeroPlayground_dock__jTpHt .HeroPlayground_sample__VH7v_,.HeroPlayground_dock__jTpHt .HeroPlayground_touchClose__gYUTP,.HeroPlayground_dock__jTpHt .HeroPlayground_upload__4gnVh{width:44px;height:44px;padding:0}.HeroPlayground_dock__jTpHt .HeroPlayground_touchClose__gYUTP{display:flex}.HeroPlayground_editor__G_X5J span{display:none}.HeroPlayground_divider__R3i4l{margin:0 2px}.HeroPlayground_sample__VH7v_:hover:not(:disabled){transform:none}}@media (max-width:767px) and (hover:none),(max-width:767px) and (pointer:coarse){.HeroPlayground_touchTrigger__Bu5Ht{bottom:20px}}@media (prefers-reduced-motion:reduce){.HeroPlayground_ghost__RyOQZ,.HeroPlayground_root__TW9T_ *{transition:none!important;animation:none!important}.HeroPlayground_sample__VH7v_:hover:not(:disabled){transform:none}}