@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color:#222724;font-synthesis:none;--green:#173f35;--green-2:#245b4c;--green-soft:#e4ebe7;--coral:#d7654c;--coral-dark:#b94d38;--warm:#f8f6f0;--line:#deded6;--muted:#747974;background:#f3f1eb;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#f3f1eb;background-image:radial-gradient(#173f3509 .7px,#0000 .7px);background-size:5px 5px;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #d7654c}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f6f0e0;border-bottom:1px solid #173f3521;grid-template-columns:285px 1fr 285px;align-items:center;height:64px;padding:0 24px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:var(--green);border-radius:7px;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.brand-mark span{transform-origin:0;background:#f7f4eb;border-radius:2px;height:2px;display:block;position:absolute;transform:rotate(-35deg)}.brand-mark span:first-child{width:23px;top:23px;left:6px}.brand-mark span:nth-child(2){width:17px;top:18px;left:9px}.brand-mark span:nth-child(3){background:#e88169;width:10px;top:13px;left:14px}.brand strong{color:#18362f;font-size:15px;line-height:1.2;display:block}.brand small{color:#878b85;letter-spacing:1.7px;margin-top:3px;font-size:8px;display:block}.main-nav{justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.main-nav button{color:#666b67;cursor:pointer;background:0 0;border:0;height:100%;padding:0 16px;font-size:13px;position:relative}.main-nav button:hover{color:var(--green)}.main-nav button.active{color:var(--green);font-weight:600}.main-nav button.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:0;left:14px;right:14px}.top-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.power-pill{height:34px;color:var(--green);background:#ffffff8c;border:1px solid #d6ddd7;border-radius:7px;align-items:center;gap:6px;margin-right:4px;padding:0 11px;display:flex}.power-pill span{font-size:13px;font-weight:700}.power-pill small{color:#858984;font-size:10px}.icon-button{color:#606762;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{color:var(--green);background:#ecefe9;border-color:#d8ddd8}.icon-button.active{color:var(--coral);background:#fff0eb;border-color:#efc7bd}.avatar{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:50%;width:32px;height:32px;font-weight:700}.top-actions>.icon-button:last-child{display:none}.workspace{border-bottom:1px solid var(--line);background:#efeee8;grid-template-columns:322px minmax(520px,1fr) 294px;max-width:1920px;height:calc(100vh - 170px);min-height:670px;margin:0 auto;display:grid;position:relative}.settings-panel,.results-panel{background:var(--warm);z-index:5;flex-direction:column;min-height:0;display:flex;position:relative}.settings-panel{border-right:1px solid var(--line)}.results-panel{border-left:1px solid var(--line)}.panel-heading,.results-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:67px;padding:14px 18px;display:flex}.panel-heading h1,.results-heading h2{color:#213b34;letter-spacing:0;margin:0;font-size:16px}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.results-heading>div{align-items:baseline;gap:8px;display:flex}.results-heading span{color:var(--muted);font-size:11px}.settings-scroll,.results-scroll{scrollbar-width:thin;scrollbar-color:#c5c8c2 transparent;min-height:0;overflow:auto}.settings-scroll{padding:0 18px 18px}.results-scroll{padding:14px}.field-group{border-bottom:1px solid #e5e3dd;padding:13px 0}.field-label{color:#35403b;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field-hint{color:#949790;font-size:10px}.label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.label-row .field-label{margin-bottom:8px}.text-input,select{color:#313733;background:#fff;border:1px solid #d6d7d0;border-radius:6px;width:100%;height:36px;padding:0 10px;font-size:12px;transition:border-color .15s,box-shadow .15s}.text-input:hover,select:hover{border-color:#aeb8b1}.text-input:focus,select:focus{border-color:var(--green-2);outline:0;box-shadow:0 0 0 3px #245b4c17}.prompt-input{resize:vertical;color:#343b37;background:#fff;border:1px solid #d6d7d0;border-radius:6px;width:100%;min-height:76px;padding:9px 10px;font-size:11px;line-height:1.55;transition:border-color .15s,box-shadow .15s}.prompt-input::placeholder{color:#a1a49f}.prompt-input:hover{border-color:#aeb8b1}.prompt-input:focus{border-color:var(--green-2);outline:0;box-shadow:0 0 0 3px #245b4c17}.prompt-presets{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.prompt-presets button{color:#777d78;cursor:pointer;background:#fff;border:1px solid #d9dad4;border-radius:5px;min-height:25px;padding:0 7px;font-size:9px}.prompt-presets button:hover,.prompt-presets button.active{color:var(--green);background:#eef3ef;border-color:#8fa69b}.prompt-presets button.prompt-polish{color:var(--coral-dark);align-items:center;gap:4px;margin-left:auto;display:flex}.segment-grid,.choice-grid,.ratio-group{gap:5px;display:grid}.mode-grid{grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:repeat(3,1fr)}.segment-grid button,.choice-grid button,.ratio-group button{color:#616661;cursor:pointer;background:#fff;border:1px solid #d8d8d1;border-radius:6px;min-height:32px;font-size:11px}.segment-grid button:hover,.choice-grid button:hover,.ratio-group button:hover{color:var(--green);border-color:#8ea298}.segment-grid button.active,.choice-grid button.active,.ratio-group button.active{background:var(--green-soft);color:var(--green);border-color:#64877b;font-weight:600}.upload-preview{background:#fff;border:1px solid #d8d8d1;border-radius:7px;grid-template-columns:48px 1fr 30px 30px;align-items:center;gap:7px;min-height:58px;padding:6px;display:grid}.upload-preview>img,.upload-preview>.image-fallback{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:48px;height:44px}.upload-info{min-width:0}.upload-info strong,.upload-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.upload-info strong{color:#37413c;font-size:11px}.upload-info span{color:#979a94;margin-top:5px;font-size:9px}.upload-preview .icon-button{width:28px;height:28px}.empty-upload{color:#61716a;cursor:pointer;background:#f7f8f5;border:1px dashed #9eaaa3;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:70px;font-size:11px;display:flex}.empty-upload:hover{border-color:var(--green-2);background:#eef3ef}.split-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.split-fields .field-label{margin-bottom:6px}.range-group output{color:var(--green);font-size:11px;font-weight:600}.range-group input{width:100%;height:4px;accent-color:var(--green-2);cursor:pointer;border-radius:4px}.range-ends{color:#a1a39d;justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.text-action{color:var(--coral-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.palette-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.palette{cursor:pointer;background:#fff;border:1px solid #d8d8d1;border-radius:6px;height:31px;padding:3px;display:flex;position:relative;overflow:hidden}.palette span{flex:1;height:100%}.palette span:first-child{border-radius:3px 0 0 3px}.palette span:last-of-type{border-radius:0 3px 3px 0}.palette.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.palette i{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;bottom:2px;right:2px}.inline-options{grid-template-columns:1fr 82px;gap:10px;display:grid}.ratio-group{grid-template-columns:repeat(4,1fr)}.ratio-group button{min-width:0;padding:0}.stepper{text-align:center;background:#fff;border:1px solid #d8d8d1;border-radius:6px;grid-template-columns:27px 1fr 27px;align-items:center;height:32px;display:grid}.stepper button{cursor:pointer;background:0 0;border:0;place-items:center;height:100%;display:grid}.stepper button:hover{color:var(--coral)}.stepper span{font-size:12px;font-weight:600}.advanced-section{padding-top:4px}.toggle-row{border-bottom:1px solid #e9e7e1;justify-content:space-between;align-items:center;min-height:49px;display:flex}.toggle-row .field-label{margin:0 0 3px}.toggle{cursor:pointer;background:#c8cbc6;border:0;border-radius:10px;width:36px;height:20px;padding:2px;transition:background .2s}.toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0003}.toggle.on{background:var(--green-2)}.toggle.on span{transform:translate(16px)}.generate-dock,.export-dock{border-top:1px solid var(--line);background:#f8f6f0f2;padding:12px 14px;position:relative}.generate-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:0 13px;display:flex;box-shadow:0 4px 10px #b449342e}.generate-button:hover{background:var(--coral-dark)}.generate-button span{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.generate-button small{opacity:.82;font-size:10px}.canvas-panel{background:#e8e7e1;grid-template-rows:54px minmax(0,1fr) 66px;min-width:0;display:grid;overflow:hidden}.canvas-toolbar{background:#f6f5f0cc;border-bottom:1px solid #d8d8d1;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.toolbar-left{color:#515954;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.status-dot{background:#4a9472;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4a94721f}.canvas-size{color:#9a9d97;margin-left:3px;font-weight:400}.toolbar-actions{align-items:center;gap:3px;display:flex}.zoom-value{text-align:center;color:#727773;width:42px;font-size:10px}.tablet-results-button{cursor:pointer;background:#fff;border:1px solid #d2d4cd;border-radius:6px;align-items:center;gap:5px;height:32px;padding:0 9px;font-size:11px;display:none}.canvas-stage{background-image:linear-gradient(45deg,#173f3506 25%,#0000 25%),linear-gradient(-45deg,#173f3506 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#173f3506 75%),linear-gradient(-45deg,#0000 75%,#173f3506 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;justify-content:center;align-items:center;min-height:0;padding:18px 26px;display:flex;overflow:hidden}.image-canvas{aspect-ratio:4/3;transform-origin:50%;background:#d9d9d2;max-width:100%;height:100%;max-height:720px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 12px 35px #29302b26}.image-canvas.selecting{cursor:crosshair}.image-canvas.selecting:after{content:"";z-index:6;pointer-events:none;background:#101c171f;position:absolute;inset:0}.main-image,.image-canvas>.image-fallback{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.canvas-selection{z-index:8;pointer-events:none;background:#ff846a14;border:2px solid #ff846a;transition:left .14s,top .14s,width .14s,height .14s;position:absolute;box-shadow:0 0 0 999px #0f19151f,inset 0 0 0 1px #ffffffbf}.canvas-selection.locked{background:#3781601a;border-color:#61a786}.canvas-selection>span{color:#fff;white-space:nowrap;background:#e46d55;border-radius:5px 5px 0 0;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:9px;display:flex;position:absolute;top:-27px;left:-2px}.canvas-selection.locked>span{background:var(--green-2)}.canvas-selection>i{color:#e46d55;background:#fff;border:2px solid;border-radius:2px;width:8px;height:8px;position:absolute}.canvas-selection.locked>i{color:var(--green-2)}.canvas-selection>i:first-of-type{top:-5px;left:-5px}.canvas-selection>i:nth-of-type(2){top:-5px;right:-5px}.canvas-selection>i:nth-of-type(3){bottom:-5px;left:-5px}.canvas-selection>i:nth-of-type(4){bottom:-5px;right:-5px}.selection-toolbar{z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#f8f8f4f0;border:1px solid #ffffff8c;border-radius:7px;align-items:center;gap:4px;min-height:38px;padding:4px 5px 4px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #151e1933}.selection-toolbar>span{color:#626b66;white-space:nowrap;margin-right:5px;font-size:9px}.selection-toolbar .icon-button{width:28px;height:28px}.selection-apply{background:var(--coral);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:5px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:9px;display:flex}.selection-apply:hover{background:var(--coral-dark)}.canvas-selection.crop{background:#df9b3314;border-color:#df9b33}.canvas-selection.crop>span{background:#b97921}.canvas-selection.crop>i{color:#b97921}.compare-before{z-index:2;border-right:2px solid #fffffff2;position:absolute;inset:0 auto 0 0;overflow:hidden}.compare-before .main-image,.compare-before .image-fallback{-o-object-fit:cover;object-fit:cover;width:calc(100vw - 360px);min-width:760px;max-width:none;height:100%}.compare-before>span,.compare-after-label{z-index:4;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1f1cad;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;top:14px}.compare-before>span{left:14px}.compare-after-label{right:14px}.compare-slider{z-index:6;opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.compare-handle{z-index:5;width:30px;height:40px;color:var(--green);pointer-events:none;background:#fff;border-radius:6px;place-items:center;margin:-20px 0 0 -15px;display:grid;position:absolute;top:50%;box-shadow:0 3px 12px #0003}.generation-overlay{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#31413b;background:#efefe9e8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-orbit{width:72px;height:72px;color:var(--green);border:1px solid #9cb0a8;border-radius:50%;place-items:center;display:grid;position:relative}.progress-orbit strong{font-size:12px;position:absolute;bottom:-27px}.generation-overlay h3{margin:43px 0 5px;font-size:16px}.generation-overlay p{color:#737a76;margin:0;font-size:11px}.progress-track{background:#d6d9d4;border-radius:4px;width:min(250px,60%);height:4px;margin:18px 0;overflow:hidden}.progress-track span{background:var(--coral);height:100%;transition:width .35s;display:block}.generation-overlay button{color:#777d79;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;display:flex}.canvas-meta{background:#f8f7f2e6;border-top:1px solid #d7d7d0;grid-template-columns:minmax(145px,190px) minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:0 12px 0 17px;display:grid}.canvas-meta>div:first-child{min-width:0}.canvas-meta strong,.canvas-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.canvas-meta strong{font-size:12px}.canvas-meta span{color:#8b8f89;margin-top:5px;font-size:10px}.canvas-meta span svg{vertical-align:-2px;margin-right:4px}.edit-actions{scrollbar-width:thin;justify-content:flex-end;align-items:center;gap:5px;min-width:0;padding:3px 0;display:flex;overflow-x:auto}.edit-actions>button:not(.icon-button){cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d4ce;border-radius:6px;flex:none;align-items:center;gap:5px;height:32px;padding:0 8px;font-size:9px;display:flex}.edit-actions>button:hover{color:var(--green);border-color:#91a69c}.canvas-panel:fullscreen{background:#e8e7e1;grid-template-rows:54px minmax(0,1fr) 70px;width:100vw;height:100vh}.canvas-panel:fullscreen .canvas-stage{padding:18px 28px}.canvas-panel:fullscreen .image-canvas{max-height:calc(100vh - 155px)}.canvas-panel:fullscreen .canvas-meta{background:#f8f7f2}.canvas-panel.fullscreen-fallback{z-index:65;background:#e8e7e1;grid-template-rows:54px minmax(0,1fr) 70px;width:100vw;height:100vh;position:fixed;inset:0}.canvas-panel.fullscreen-fallback .canvas-stage{padding:18px 28px}.canvas-panel.fullscreen-fallback .image-canvas{max-height:calc(100vh - 155px)}.canvas-panel.fullscreen-fallback .canvas-meta{background:#f8f7f2}.result-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-card{aspect-ratio:1/1.12;cursor:pointer;background:#e3e3dc;border:2px solid #0000;border-radius:7px;margin:0;position:relative;overflow:hidden}.result-card>img,.result-card>.image-fallback{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.result-card.selected{border-color:var(--coral);box-shadow:0 0 0 1px #d7654c33}.result-card:hover .result-overlay{opacity:1;transform:translateY(0)}.result-overlay{opacity:0;justify-content:flex-end;gap:1px;transition:all .16s;display:flex;position:absolute;top:4px;left:4px;right:4px;transform:translateY(-5px)}.result-overlay .icon-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8f8f4e6;width:25px;height:25px}.result-overlay .icon-button:hover{color:var(--coral)}.result-caption{color:#fff;background:linear-gradient(#0000,#171c19c2);justify-content:space-between;align-items:center;min-height:29px;padding:5px 7px;font-size:9px;display:flex;position:absolute;inset:auto 0 0}.result-caption span{text-overflow:ellipsis;white-space:nowrap;padding-top:7px;overflow:hidden}.section-title{justify-content:space-between;align-items:center;padding:20px 0 10px;display:flex}.section-title>span{color:#37413c;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.section-title button{color:#8e928c;cursor:pointer;background:0 0;border:0;font-size:9px}.timeline{border-top:1px solid #e3e3dc}.timeline-item{grid-template-columns:12px 1fr 30px;align-items:center;gap:7px;min-height:54px;display:grid;position:relative}.timeline-item>i{background:#c2c6c1;border-radius:50%;width:7px;height:7px;position:relative}.timeline-item>i.active{background:var(--coral)}.timeline-item:not(:last-child)>i:after{content:"";background:#d8dad5;width:1px;height:48px;position:absolute;top:8px;left:3px}.timeline-item strong,.timeline-item span{display:block}.timeline-item strong{color:#515853;font-size:9px;font-weight:500;line-height:1.4}.timeline-item span{color:#a0a39d;margin-top:3px;font-size:8px}.timeline-item .icon-button{width:28px;height:28px}.export-button{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:40px;font-size:12px;display:flex}.export-button:hover{background:#0f322a}.export-button svg:last-child{margin-left:auto}.export-menu{z-index:20;background:#fff;border:1px solid #d6d8d2;border-radius:7px;padding:5px;position:absolute;bottom:58px;left:14px;right:14px;box-shadow:0 10px 25px #262c2821}.export-menu button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:5px;grid-template-columns:24px 1fr auto;align-items:center;width:100%;min-height:35px;padding:0 7px;font-size:10px;display:grid}.export-menu button:hover{background:#eff3f0}.export-menu button span{color:#9a9d97;font-size:9px}.drawer-close{cursor:pointer;background:0 0;border:0;display:none}.drawer-backdrop{display:none}.empty-results,.image-fallback{color:#8b918c;background:#e2e4df;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.empty-results{border:1px dashed #c3c7c1;border-radius:7px;min-height:210px}.empty-results strong{color:#58605b;margin-top:3px;font-size:12px}.templates-section{background:#f8f6f0;border-bottom:1px solid #deded7;padding:45px 24px 64px}.templates-inner{max-width:1440px;margin:0 auto}.templates-heading{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.templates-heading h2{color:#203b33;margin:4px 0 0;font-size:21px}.eyebrow{letter-spacing:1.9px;color:var(--coral-dark);font-size:8px;font-weight:700}.templates-heading>button{cursor:pointer;background:#fff;border:1px solid #d6d8d2;border-radius:6px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:10px;display:flex}.templates-heading>button svg{transform:rotate(-90deg)}.template-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.template-item{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.template-item>div{aspect-ratio:16/10;background:#e2e3de;border-radius:7px;position:relative;overflow:hidden}.template-item img,.template-item .image-fallback{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.template-item:hover img{transform:scale(1.035)}.template-item>div>span{width:28px;height:28px;color:var(--green);opacity:0;background:#f8f8f4e6;border-radius:6px;place-items:center;transition:all .18s;display:grid;position:absolute;bottom:8px;right:8px}.template-item:hover>div>span{opacity:1}.template-item strong{color:#37413c;margin-top:9px;font-size:12px;display:block}.template-item small{color:#969992;margin-top:3px;font-size:9px;display:block}.toast{z-index:100;color:#4e5752;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffcf5;border:1px solid #d3d7d2;border-radius:7px;align-items:center;gap:8px;max-width:calc(100vw - 30px);min-height:42px;padding:0 15px;font-size:11px;animation:.2s ease-out toast-in;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #1f262224}.toast.success svg{color:#36805f}.toast.error svg{color:var(--coral)}.toast.info svg{color:#587d71}.notification-trigger{display:inline-flex;position:relative}.notification-trigger>i{background:var(--coral);color:#fff;border:2px solid var(--warm);pointer-events:none;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-2px;right:-2px}.avatar.active{box-shadow:0 0 0 3px #173f3524}.edit-actions>button.active{color:var(--green);background:var(--green-soft);border-color:#64877b}.feature-view{background:#f5f3ed;min-height:calc(100vh - 64px);padding:38px 24px 70px}.feature-view-inner{max-width:1400px;margin:0 auto}.feature-view-heading{border-bottom:1px solid #d9d9d2;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:25px;display:flex}.feature-view-heading h1{color:#203a33;margin:5px 0 6px;font-size:27px}.feature-view-heading p{color:#777d78;margin:0;font-size:12px}.feature-heading-actions{gap:8px;display:flex}.primary-command,.secondary-command{cursor:pointer;border-radius:7px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;display:inline-flex}.primary-command{border:1px solid var(--green);background:var(--green);color:#fff}.primary-command:hover{background:#0f322a}.secondary-command{color:#56605a;background:#fff;border:1px solid #d2d4ce}.secondary-command:hover{color:var(--green);border-color:#91a69c}.view-toolbar{justify-content:space-between;align-items:center;min-height:62px;display:flex}.view-toolbar>span{color:#8d918c;font-size:10px}.view-tabs{gap:4px;display:flex}.view-tabs button{color:#767b76;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;height:31px;padding:0 11px;font-size:10px}.view-tabs button:hover{color:var(--green);background:#fff}.view-tabs button.active{color:var(--green);background:#fff;border-color:#b7c5bd;font-weight:600}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.asset-item{border-bottom:1px solid #d9dbd4;min-width:0;padding-bottom:11px}.asset-image{aspect-ratio:16/10;background:#e1e3dd;border-radius:7px;position:relative;overflow:hidden}.asset-image img,.asset-image>.image-fallback{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .25s}.asset-item:hover .asset-image img{transform:scale(1.025)}.asset-image>span,.scene-image>span{min-height:23px;color:var(--green);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8f8f4e8;border-radius:5px;align-items:center;gap:4px;padding:0 7px;font-size:9px;display:flex;position:absolute;top:8px;left:8px}.asset-info,.scene-info,.library-info{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.asset-info strong,.asset-info small,.scene-info strong,.scene-info small,.library-info strong,.library-info small{display:block}.asset-info strong,.scene-info strong,.library-info strong{color:#35413b;font-size:12px}.asset-info small,.scene-info small,.library-info small{color:#929690;margin-top:4px;font-size:9px}.asset-info button,.scene-info button{color:#53605a;cursor:pointer;background:#fff;border:1px solid #d3d5cf;border-radius:6px;flex:none;align-items:center;gap:3px;height:30px;padding:0 9px;font-size:9px;display:flex}.asset-info button:hover,.scene-info button:hover{color:var(--green);border-color:#7f9a8e}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.scene-item{border-bottom:1px solid #d9dbd4;padding-bottom:12px}.scene-image{aspect-ratio:16/9;background:#e1e3dd;border-radius:7px;position:relative;overflow:hidden}.scene-image img,.scene-image>.image-fallback{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .28s}.scene-item:hover .scene-image img{transform:scale(1.025)}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.library-item{border-bottom:1px solid #d9dbd4;min-width:0;padding-bottom:10px}.library-preview{aspect-ratio:1/1.05;cursor:pointer;background:#e1e3dd;border:0;border-radius:7px;width:100%;padding:0;position:relative;overflow:hidden}.library-preview img,.library-preview>.image-fallback{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .25s}.library-preview>span{min-height:29px;color:var(--green);opacity:0;background:#f8f8f4eb;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:9px;transition:all .18s;display:flex;position:absolute;inset:auto 8px 8px auto;transform:translateY(4px)}.library-preview:hover img{transform:scale(1.025)}.library-preview:hover>span{opacity:1;transform:none}.library-info .icon-button{width:29px;height:29px}.library-empty{color:#8e938e;border:1px dashed #c6cac4;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:260px;display:flex}.library-empty strong{color:#4f5a54;font-size:13px}.library-empty span{font-size:10px}.interaction-backdrop{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#1a211d4d;border:0;position:fixed;inset:64px 0 0}.interaction-modal{z-index:80;background:#faf9f5;border:1px solid #d6d8d2;border-radius:8px;width:min(620px,100vw - 28px);max-height:calc(100vh - 120px);animation:.18s ease-out modal-in;position:fixed;top:90px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 20px 60px #1c241f3b}.modal-heading{border-bottom:1px solid #dedfd9;justify-content:space-between;align-items:center;min-height:56px;padding:0 15px 0 18px;display:flex}.modal-heading>div{color:var(--green);align-items:center;gap:8px;display:flex}.modal-heading h2{color:#2e3e37;margin:0;font-size:14px}.global-search{color:#68736d;background:#fff;border:1px solid #bdc7c0;border-radius:7px;grid-template-columns:23px 1fr auto;align-items:center;height:45px;margin:14px;padding:0 12px;display:grid}.global-search:focus-within{border-color:var(--green-2);box-shadow:0 0 0 3px #245b4c14}.global-search input{background:0 0;border:0;outline:0;min-width:0;font-size:12px}.global-search span{color:#9a9d98;border:1px solid #dedfd9;border-radius:4px;padding:3px 5px;font-size:8px}.search-content{min-height:220px;padding:0 14px 15px}.search-section-label{color:#858a85;text-transform:uppercase;margin:8px 0;font-size:9px;font-weight:600}.quick-links{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.quick-links button{text-align:left;min-width:0;min-height:78px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #dfe0da;border-radius:7px;grid-template-columns:25px 1fr 16px;align-items:center;padding:10px;display:grid}.quick-links button:hover{background:#f3f7f4;border-color:#91a69c}.quick-links span,.search-results span{min-width:0}.quick-links strong,.quick-links small,.search-results strong,.search-results small{display:block}.quick-links span{color:#45514b;font-size:11px;font-weight:600}.quick-links small{color:#929690;margin-top:5px;font-size:8px;font-weight:400}.search-results{gap:4px;display:grid}.search-results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:52px 1fr 22px;align-items:center;gap:9px;min-height:58px;padding:6px;display:grid}.search-results button:hover{background:#edf2ee}.search-results img,.search-results .image-fallback{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:52px;height:46px}.search-results strong{color:#46524c;font-size:11px}.search-results small{color:#959994;margin-top:5px;font-size:9px}.search-results svg{color:#89908b}.search-empty{color:#939792;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:210px;display:flex}.search-empty strong{color:#53605a;margin-top:5px;font-size:12px}.search-empty span{font-size:9px}.help-intro{border-bottom:1px solid #e0e0da;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin:15px;padding-bottom:15px;display:grid}.help-intro .brand-mark{width:36px;height:36px}.help-intro strong,.help-intro span{display:block}.help-intro strong{color:#2e423a;font-size:12px}.help-intro span{color:#8a8e89;margin-top:4px;font-size:9px}.help-intro>i{color:var(--green);background:#e9efeb;border-radius:4px;padding:4px 7px;font-size:8px;font-style:normal}.help-links{grid-template-columns:1fr 1fr;gap:7px;padding:0 15px 10px;display:grid}.help-links button{text-align:left;cursor:pointer;min-height:66px;color:var(--green);background:#fff;border:1px solid #dfe0da;border-radius:7px;grid-template-columns:26px 1fr 16px;align-items:center;padding:0 10px;display:grid}.help-links button:hover{border-color:#91a69c}.help-links strong,.help-links small{display:block}.help-links span{color:#4c5751;font-size:10px;font-weight:600}.help-links small{color:#969a95;margin-top:4px;font-size:8px;font-weight:400}.faq-list{padding:4px 15px 12px}.faq-item{border-bottom:1px solid #e3e3dd}.faq-item>button{color:#4e5953;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0;font-size:10px;display:flex}.faq-item p{color:#7f8580;margin:-2px 0 12px;font-size:9px;line-height:1.65}.about-footer{color:#66726b;background:#f0f3f0;border-top:1px solid #dedfd9;align-items:center;gap:6px;min-height:40px;padding:0 15px;font-size:9px;display:flex}.header-popover{z-index:80;background:#faf9f5;border:1px solid #d6d8d2;border-radius:8px;width:330px;max-height:calc(100vh - 78px);animation:.16s ease-out popover-in;position:fixed;top:58px;right:18px;overflow:auto;box-shadow:0 15px 40px #1c241f33}.notifications-popover{right:54px}.account-popover{width:286px;right:18px}.popover-heading{border-bottom:1px solid #dfe0da;justify-content:space-between;align-items:center;min-height:52px;padding:0 13px;display:flex}.popover-heading>div{align-items:baseline;gap:7px;display:flex}.popover-heading h2{color:#34433c;margin:0;font-size:13px}.popover-heading span{color:#929690;font-size:9px}.popover-heading>button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.notification-list button{text-align:left;cursor:pointer;background:#f7faf7;border:0;border-bottom:1px solid #e5e5df;grid-template-columns:9px 1fr;gap:7px;width:100%;min-height:75px;padding:10px 13px;display:grid}.notification-list button:hover{background:#edf3ef}.notification-list button.read{background:0 0}.notification-list button>i{background:var(--coral);border-radius:50%;width:6px;height:6px;margin-top:5px}.notification-list button.read>i{background:#c4c7c2}.notification-list strong,.notification-list small,.notification-list time{display:block}.notification-list strong{color:#46524c;font-size:10px}.notification-list small{color:#737a75;margin-top:4px;font-size:9px;line-height:1.5}.notification-list time{color:#a0a39e;margin-top:5px;font-size:8px}.popover-footer{width:100%;height:42px;color:var(--green);cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.popover-footer:hover{background:#f0f4f1}.account-summary{align-items:center;gap:10px;padding:15px 13px;display:flex}.account-avatar{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.account-summary strong,.account-summary span{display:block}.account-summary strong{color:#3e4b45;font-size:11px}.account-summary span{color:#969a95;margin-top:4px;font-size:8px}.plan-summary{min-height:47px;color:var(--green);background:#e8eeea;border-radius:6px;justify-content:space-between;align-items:center;margin:0 13px 8px;padding:0 10px;font-size:9px;display:flex}.plan-summary strong{font-size:14px}.plan-summary small{font-size:8px;font-weight:400}.account-actions{border-top:1px solid #e1e2dc;padding:5px 8px}.account-actions button{text-align:left;color:#56615b;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:25px 1fr 16px;align-items:center;width:100%;height:38px;font-size:10px;display:grid}.account-actions button:hover{color:var(--green);background:#edf2ee}.logout-action{color:#a65b49;cursor:pointer;background:0 0;border:0;border-top:1px solid #e1e2dc;align-items:center;gap:7px;width:calc(100% - 16px);height:37px;margin:0 8px 8px;padding:0 8px;font-size:10px;display:flex}.mobile-nav-drawer{z-index:80;background:#faf9f5;width:min(330px,88vw);animation:.18s ease-out drawer-in;position:fixed;top:58px;bottom:0;right:0;box-shadow:-15px 0 40px #1c241f33}.mobile-nav-drawer nav{padding:8px}.mobile-nav-drawer nav button{text-align:left;color:#5f6863;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:28px 1fr 18px;align-items:center;width:100%;height:44px;font-size:11px;display:grid}.mobile-nav-drawer nav button:hover,.mobile-nav-drawer nav button.active{color:var(--green);background:#e9efeb}.mobile-menu-secondary{border-top:1px solid #dedfd9;gap:5px;padding:10px;display:grid}.mobile-menu-secondary button{color:#69716c;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;height:37px;font-size:10px;display:flex}.compact-modal{width:min(490px,100vw - 28px)}.full-history{padding:8px 15px 15px}.full-history>div{border-bottom:1px solid #e1e2dc;grid-template-columns:44px 1fr 70px;align-items:center;min-height:57px;display:grid}.full-history>div>span{color:var(--coral-dark);font-size:10px;font-weight:700}.full-history strong,.full-history small{display:block}.full-history strong{color:#4b5751;font-size:10px}.full-history small{color:#999c97;margin-top:4px;font-size:8px}.full-history button{color:#59645e;cursor:pointer;background:#fff;border:1px solid #d4d6d0;border-radius:5px;justify-content:center;align-items:center;gap:4px;height:29px;font-size:9px;display:flex}.edit-command-grid{grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.edit-command-grid button{text-align:left;min-height:105px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #dcddd7;border-radius:7px;flex-direction:column;align-items:flex-start;padding:14px;display:flex}.edit-command-grid button:hover{background:#f1f5f2;border-color:#8fa499}.edit-command-grid strong{color:#46524c;margin-top:10px;font-size:11px}.edit-command-grid span{color:#929691;margin-top:5px;font-size:8px}.mobile-steps,.mobile-generate-dock{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes drawer-in{0%{opacity:0;transform:translate(20px)}}@media (width<=1180px){.topbar{grid-template-columns:240px 1fr 240px;padding:0 16px}.main-nav button{padding:0 10px}.workspace{grid-template-columns:310px minmax(450px,1fr)}.results-panel{z-index:30;width:310px;transition:transform .22s;position:absolute;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-14px 0 35px #232b2629}.results-panel.drawer-open{transform:translate(0)}.drawer-close{place-items:center;display:grid}.drawer-backdrop{z-index:25;background:#1e252138;border:0;display:block;position:absolute;inset:0}.tablet-results-button{display:flex}}@media (width<=860px){.topbar{grid-template-columns:1fr auto;height:58px;padding:0 13px}.main-nav,.top-actions>.icon-button:not(:last-child),.top-actions .power-pill{display:none}.top-actions>.icon-button:last-child{display:inline-flex}.top-actions .notification-trigger,.top-actions .avatar{display:none}.feature-view{min-height:calc(100vh - 58px);padding:27px 14px 90px}.feature-view-heading{flex-direction:column;align-items:flex-start;gap:17px}.feature-view-heading h1{font-size:22px}.feature-heading-actions{width:100%}.feature-heading-actions button{flex:1;justify-content:center}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interaction-backdrop{inset:58px 0 0}.interaction-modal{max-height:calc(100vh - 88px);top:72px}.header-popover{top:65px;right:10px}.mobile-nav-drawer{top:58px}.mobile-steps{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f6f0f2;grid-template-columns:repeat(3,1fr);height:47px;padding:0 14px;display:grid;position:sticky;top:58px}.mobile-steps button{color:#8a8e89;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.mobile-steps button span{border:1px solid #b8bcb7;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;display:grid}.mobile-steps button.active{color:var(--green);font-weight:600}.mobile-steps button.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:0;left:20%;right:20%}.mobile-steps button.active span{background:var(--green);color:#fff;border-color:var(--green)}.workspace{background:#f2f1ec;height:auto;min-height:calc(100vh - 105px);display:block}.settings-panel,.canvas-panel,.results-panel{width:100%;min-height:calc(100vh - 105px);box-shadow:none;border:0;display:none;position:relative;inset:auto;transform:none}.settings-panel.mobile-step-1{display:flex}.canvas-panel.mobile-step-2{display:grid}.results-panel.mobile-step-3{display:flex}.settings-panel{padding-bottom:72px}.settings-scroll{padding-bottom:24px;overflow:visible}.generate-dock{display:none}.panel-heading{min-height:65px}.canvas-panel{grid-template-rows:50px minmax(390px,calc(100vh - 220px)) 78px}.canvas-stage{padding:12px}.image-canvas{aspect-ratio:4/5;width:100%;height:auto;max-height:100%}.canvas-meta{grid-template-columns:1fr;align-items:start;gap:5px;padding:7px 10px}.edit-actions{justify-content:flex-start;width:100%}.edit-actions>button:not(.icon-button){flex:none;justify-content:center}.selection-toolbar{max-width:calc(100% - 18px);bottom:9px}.selection-toolbar>span{text-overflow:ellipsis;overflow:hidden}.compare-before .main-image,.compare-before .image-fallback{width:100vw;min-width:0}.results-panel{padding-bottom:70px}.results-scroll{overflow:visible}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-card{aspect-ratio:1/1.04}.result-overlay{opacity:1;transform:none}.export-dock{z-index:4;position:sticky;bottom:70px}.drawer-close,.drawer-backdrop,.tablet-results-button{display:none}.templates-section{padding:34px 14px 96px}.template-row{scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.template-item{scroll-snap-align:start;flex:0 0 70%}.templates-heading h2{font-size:18px}.mobile-generate-dock{z-index:45;padding:10px 13px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f6f0f2;border-top:1px solid #d9d9d2;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-generate-dock button{background:var(--coral);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:46px;font-size:13px;font-weight:600;display:flex}.toast{top:117px}}@media (width<=480px){.brand strong{font-size:14px}.brand small{display:none}.avatar{width:30px;height:30px}.panel-heading,.settings-scroll{padding-left:14px;padding-right:14px}.split-fields{grid-template-columns:1fr 1fr}.inline-options{grid-template-columns:minmax(0,1fr) 82px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-row{gap:5px}.canvas-toolbar{padding:0 8px}.canvas-size{display:none}.zoom-value{width:34px}.selection-toolbar>span{display:none}.selection-toolbar{padding-left:5px}.prompt-presets button.prompt-polish{margin-left:0}.result-grid{gap:7px}.results-scroll{padding:10px}.result-card{border-width:2px}.result-overlay .icon-button{width:27px;height:27px}.templates-heading>button{padding:0 8px}.template-item{flex-basis:82%}.feature-view{padding-left:12px;padding-right:12px}.feature-heading-actions{flex-direction:column}.feature-heading-actions button{width:100%}.view-toolbar{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}.view-tabs{width:100%;overflow-x:auto}.view-tabs button{flex:none}.asset-grid,.library-grid{grid-template-columns:1fr}.asset-image{aspect-ratio:16/9}.quick-links,.help-links{grid-template-columns:1fr}.interaction-modal{width:calc(100vw - 16px);max-height:calc(100vh - 74px);top:66px}.global-search{margin:10px}.search-content{padding-left:10px;padding-right:10px}.header-popover{width:calc(100vw - 16px);right:8px}.edit-command-grid{grid-template-columns:1fr 1fr;padding:10px}.edit-command-grid button{min-height:96px;padding:11px}}