@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:#f6f2ea;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f2ea;overflow-x:hidden}.toast-stack{position:fixed;top:22px;right:22px;z-index:3000;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(35,48,42,.12);border-radius:12px;background:#fffdf8f5;box-shadow:0 16px 42px #222f2929;color:#17201d;font-size:14px;font-weight:800;line-height:1.35;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:toast-in .18s ease-out both}.toast-item span{overflow:hidden;text-overflow:ellipsis}.toast-item.success{border-color:#0d7e6638;color:#0d7e66}.toast-item.error{border-color:#c4433638;color:#c44336}.toast-item.info{border-color:#5060582e;color:#506058}.confirm-dialog-layer{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:20px;background:#12181657;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-dialog-backdrop{position:absolute;inset:0;background:transparent}.confirm-dialog{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;width:min(460px,100%);padding:24px;border:1px solid rgba(168,67,54,.18);border-radius:14px;background:#fffdf8;box-shadow:0 28px 80px #12181642;text-align:center}.confirm-dialog-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:999px;background:#fff1ee;color:#bd4436}.confirm-dialog h2{margin:0;color:#1a2d25;font-size:18px;font-weight:900}.confirm-dialog p{margin:8px 0 0;color:#66736d;font-size:13px;line-height:1.6}.confirm-dialog-actions{display:flex;justify-content:center;gap:10px;padding-top:4px}.confirm-dialog-actions button{min-height:40px;padding:9px 14px;border-radius:8px;font-weight:900}.confirm-dialog-actions .secondary{border:1px solid #d2c9b8;background:#fffdf8;color:#26352f}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1680px,100%);margin:0 auto;padding:26px}.app-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;z-index:1500;align-self:start;display:flex;flex-direction:column;gap:14px;height:100vh;padding:22px 14px;border-right:1px solid rgba(55,67,59,.14);background:#fffdf8c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-brand{display:grid;justify-items:center;gap:7px;padding:4px 8px 14px;border-bottom:1px solid rgba(216,207,192,.78);text-align:center}.sidebar-brand img{display:block;width:58px;height:58px;object-fit:contain;mix-blend-mode:multiply}.sidebar-brand strong{display:block;color:#14231e;font-size:12px;font-weight:500;letter-spacing:.2em;line-height:1}.side-nav{display:grid;gap:6px}.side-nav button{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:center;min-height:48px;padding:10px 12px 10px 16px;border:0;border-radius:8px;background:transparent;color:#58625c;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}.side-nav button:before{content:"";position:absolute;top:12px;bottom:12px;left:6px;width:3px;border-radius:999px;background:transparent}.side-nav button:hover{background:#23714f0f;color:#203d33}.side-nav button.active{background:linear-gradient(90deg,#23714f21,#23714f0a);color:#164c36}.side-nav button.active:before{background:#23714f}.side-nav button svg{width:18px;height:18px;stroke-width:2}.side-nav strong{font-size:13px;font-weight:500;line-height:1.1}.language-nav-item{position:relative;z-index:1}.side-nav .language-nav-button{grid-template-columns:20px max-content 16px;column-gap:12px}.side-nav .language-nav-button>svg:last-child{justify-self:end;margin-left:28px}.language-nav-button small{display:block;margin-top:3px;color:#87918b;font-size:11px;font-weight:700;line-height:1}.language-nav-button.active small,.language-nav-button:hover small{color:#4f665c}.language-popover{position:absolute;left:calc(100% + 14px);top:0;z-index:2200;display:grid;gap:6px;width:220px;padding:10px;border:1px solid rgba(35,113,79,.16);border-radius:14px;background:#fffdf8;box-shadow:0 22px 60px #12181633;color:#20352d}.side-nav .language-popover button{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:46px;padding:8px 10px;border-radius:10px;background:transparent;color:#25362f}.side-nav .language-popover button:before{display:none}.side-nav .language-popover button:hover,.side-nav .language-popover button.active{background:#e8f3ed;color:#0f715c}.app-content{width:100%;min-width:0;padding:26px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:4px 2px 22px}.eyebrow{margin:0 0 7px;color:#476257;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:720px;color:#14231e;font-size:clamp(28px,2.8vw,40px);line-height:1.08;letter-spacing:0}h2{font-size:15px;letter-spacing:0}.status-rail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.app-topbar{align-items:center;padding:2px 2px 18px}.topbar-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.settings-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid #89b09b;border-radius:8px;background:#f6fff9;color:#1e5c42;font-size:13px;font-weight:850}.utility-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:850}.status-step{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border:1px solid #d6d0c3;border-radius:8px;background:#ffffffb8;color:#605b51;font-size:13px;font-weight:750}.status-step span,.step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#ece5d8;color:#5e5a51;font-size:12px;font-weight:850}.status-step.done{border-color:#89b09b;color:#1e5c42}.status-step.current{border-color:#23714f;background:#eaf4ed;color:#164c36;box-shadow:0 10px 24px #23714f14}.status-step.done span,.step-badge,.status-step.current span{background:#23714f;color:#fff}.top-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-4px 0 18px}.top-progress .status-step{justify-content:flex-start;min-height:48px;padding:11px 14px;font-size:14px}.step-badge.muted{background:#e4ded2;color:#3d4c45}.panel{border:1px solid rgba(55,67,59,.16);border-radius:8px;background:#ffffffc7;box-shadow:0 16px 50px #222a2514;padding:16px}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#183229}.split-title{justify-content:space-between;gap:16px}.split-title>div:first-child{display:flex;align-items:center;gap:9px}label{display:grid;gap:7px;margin-bottom:12px}label span{color:#605a4e;font-size:12px;font-weight:800}input,select,textarea{width:100%;min-height:38px;border:1px solid #d4cdbf;border-radius:7px;background:#fffdf8;color:#17201d;outline:none;padding:9px 10px;font-size:14px;font-weight:300}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#23714f;box-shadow:0 0 0 3px #23714f1f}.reference-workbench{display:grid;grid-template-columns:minmax(520px,.92fr) minmax(520px,1.08fr);gap:14px;align-items:stretch;min-width:0}.generation-output-row{display:grid;gap:14px;margin-top:14px;min-width:0}.intake-panel,.prompt-settings-panel{min-height:0;height:100%}.intake-panel,.prompt-settings-panel{display:flex;flex-direction:column}.prompt-settings-panel{justify-content:flex-start}.upload-zone{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin:-4px 0 12px}.upload-zone input{display:none}.upload-zone label{display:flex;align-items:center;justify-content:center;gap:8px;width:260px;min-height:40px;margin:0;border-radius:7px;background:#1c6f4d;color:#fff;cursor:pointer;font-weight:850}.clear-canvas-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid rgba(40,55,49,.14);border-radius:7px;background:#ffffffe0;color:#4e5e57;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 18px #15201d0f}.clear-canvas-button:hover{border-color:#165e4b47;color:#085f4c}.link-import{display:grid;grid-template-columns:22px minmax(0,1fr) 104px;align-items:center;gap:8px;margin:-2px 0 14px;padding:8px;border:1px solid #e1d8c9;border-radius:8px;background:#fbf8f1}.link-import svg{color:#23714f;justify-self:center}.link-import input{min-height:36px;border-color:transparent;background:#fffdf8}.link-import button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:7px;background:#e8f0ea;color:#1c6f4d;font-weight:850}.reference-capture-stack{display:grid;gap:12px}.crop-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;overflow:hidden;border:1px dashed #c4baa8;border-radius:8px;background:linear-gradient(45deg,rgba(22,32,29,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(22,32,29,.04) 25%,transparent 25%),#f8f5ef;background-size:20px 20px}.crop-stage.is-panning{cursor:grabbing}.crop-stage .ReactCrop{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:inherit;cursor:grab}.crop-stage.is-panning .ReactCrop{cursor:grabbing}.crop-stage .ReactCrop__crop-selection{cursor:move}.crop-stage .ReactCrop__child-wrapper{display:block;width:100%;height:100%;min-height:inherit}.crop-viewport{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:inherit;overflow:hidden}.crop-stage .crop-image-layer{display:block;max-width:100%;max-height:440px;transition:transform .12s ease-out;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none}.crop-zoom-control{--zoom-button-size: 32px;--zoom-gap: 14px;--zoom-track-height: 100px;position:absolute;top:50%;right:18px;z-index:4;display:grid;grid-template-rows:var(--zoom-button-size) var(--zoom-track-height) var(--zoom-button-size);justify-items:center;gap:var(--zoom-gap);width:42px;height:calc(var(--zoom-button-size) * 2 + var(--zoom-track-height) + var(--zoom-gap) * 2);border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.crop-zoom-track{position:relative;z-index:2;width:32px;height:var(--zoom-track-height);cursor:pointer;touch-action:none}.crop-zoom-track:before{content:"";position:absolute;inset:0 auto 0 50%;width:10px;border-radius:999px;background:#ffffffd1;transform:translate(-50%)}.crop-zoom-track:focus,.crop-zoom-track:focus-visible{outline:none}.crop-zoom-progress{position:absolute;left:50%;bottom:0;z-index:2;width:4px;height:var(--zoom-progress, 0%);border-radius:999px;background:transparent;opacity:0;pointer-events:none;transform:translate(-50%)}.crop-zoom-thumb{position:absolute;left:50%;top:calc(100% - var(--zoom-progress, 0%));z-index:3;width:18px;height:18px;border-radius:999px;background:#0f7a61;box-shadow:0 5px 12px #0f7a613d;pointer-events:none;transform:translate(-50%,-50%)}.crop-zoom-control button{position:relative;z-index:3;display:grid;place-items:center;width:var(--zoom-button-size);height:var(--zoom-button-size);min-height:var(--zoom-button-size);padding:0;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffd1;color:#27483c;box-shadow:0 8px 22px #0f18152e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crop-zoom-control button.active{border-color:#23714f;background:#e8f0ea;color:#164c36}.crop-rotate-control{position:absolute;top:12px;left:12px;z-index:4;display:inline-flex;gap:6px}.crop-rotate-control button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:5px 9px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffe0;color:#27483c;font-size:11px;font-weight:800;box-shadow:0 6px 16px #0f181524;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crop-rotate-control button:hover{background:#fff;color:#0f7a61}.crop-confirm-floating{position:absolute;left:50%;bottom:18px;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;min-height:42px;padding:9px 16px;border-radius:7px;background:#1c6f4d;color:#fff;box-shadow:0 12px 28px #141c182e;font-weight:850;transform:translate(-50%)}.cropped-stage{display:grid;place-items:center;gap:10px;width:100%;height:100%;min-height:inherit;padding:18px;color:#1e5c42;font-size:13px;font-weight:850;text-align:center}.cropped-stage img{max-width:100%;max-height:390px;border-radius:8px;background:#e6ede6;object-fit:contain;box-shadow:0 12px 30px #222a251f}.intake-notes{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;padding:12px;border-radius:8px;background:#f8f4ec}.intake-notes label{width:100%;margin-bottom:0}.intake-notes textarea{min-height:82px;max-height:132px}.hint{color:#81796c;font-size:12px;line-height:1.45;text-align:center}.intake-notes .hint{grid-column:1 / -1;margin:0}.action-row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:14px}.vertical-actions{display:flex;flex-direction:column;align-items:center;margin-top:0;width:148px}.vertical-actions button{width:100%}.action-row button,.generate-button,figure button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:7px;background:#1c6f4d;color:#fff;font-weight:850}.action-row .secondary,figure .secondary,.secondary{border:1px solid #d2c9b8;background:#fffdf8;color:#26352f}.empty-state{display:grid;place-items:center;gap:10px;min-height:180px;color:#81796d;text-align:center;font-size:14px;font-weight:700}.crop-empty-state{position:relative;width:min(420px,78%);min-height:220px;padding:34px 24px;border:0;background:transparent;color:#6f7c75}.crop-empty-state:before,.crop-empty-state:after{content:"";position:absolute;width:52px;height:52px;opacity:.62}.crop-empty-state:before{top:4px;left:4px;border-top:2px solid currentColor;border-left:2px solid currentColor;border-radius:8px 0 0}.crop-empty-state:after{right:4px;bottom:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 0 8px}.crop-empty-state svg{width:62px;height:62px;padding:14px;border:1px solid rgba(40,55,49,.12);border-radius:999px;background:#ffffffc2;color:#62716a;box-shadow:0 14px 32px #15201d14}.crop-empty-state span{max-width:320px;color:#607069;font-size:15px;line-height:1.5}.project-brief textarea{min-height:156px;max-height:280px}.optional-settings-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px;border:1px solid rgba(40,55,49,.13);border-radius:8px;background:#ffffffb8}.optional-settings-note>div{display:grid;gap:3px;min-width:0}.optional-settings-note strong{color:#183229;font-size:14px}.optional-settings-note span{color:#81796c;font-size:12px;line-height:1.45}.optional-settings-note button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:34px;padding:7px 10px;border:1px solid #d2c9b8;border-radius:7px;background:#fffdf8;color:#26352f;font-size:13px;font-weight:850}.optional-settings-body{display:grid;gap:12px;min-height:0}.optional-settings-empty{display:grid;place-items:center;gap:8px;min-height:220px;padding:18px;border:1px dashed rgba(40,55,49,.16);border-radius:8px;color:#81796c;text-align:center}.optional-settings-empty strong{color:#183229;font-size:15px}.optional-settings-empty span{max-width:360px;font-size:13px;line-height:1.55}.prompt-presets{display:grid;gap:12px;flex:1;grid-template-rows:auto minmax(0,1fr) auto auto;margin:0;padding:12px;border:1px solid #e3dbce;border-radius:8px;background:#fbf8f1;min-height:0;overflow:hidden}.preset-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.preset-header-title{display:grid;gap:3px}.preset-header strong{color:#183229;font-size:14px}.preset-header span,.preset-header-title span{color:#81796c;font-size:12px;line-height:1.4;text-align:left}.preset-manage-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:7px 10px;border:1px solid #d6d0c3;border-radius:7px;background:#fffdf8;color:#4c554f;font-size:12px;font-weight:850;white-space:nowrap}.preset-manage-button:hover{border-color:#23714f;background:#e8f0ea;color:#174c36}.preset-scroll{display:grid;gap:12px;max-height:min(430px,48vh);min-height:0;overflow-y:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-gutter:stable}.preset-scroll::-webkit-scrollbar{width:8px}.preset-scroll::-webkit-scrollbar-track{border-radius:999px;background:#2837310f}.preset-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#23714f47}.preset-group{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px;align-items:start}.preset-group>span{min-width:92px;padding-top:8px;color:#605a4e;font-size:13px;font-weight:850;white-space:nowrap}.preset-group>div{display:flex;flex-wrap:wrap;gap:7px}.preset-group button{min-height:30px;padding:5px 9px;border:1px solid #d6d0c3;border-radius:7px;background:#fffdf8;color:#4c554f;font-size:12px;font-weight:300}.preset-group button:hover{border-color:#23714f;background:#e8f0ea;color:#174c36}.preset-group button.aspect-preset-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:64px;height:34px;min-height:34px;padding:5px 8px}.preset-chip-plain{display:inline-flex;align-items:stretch;max-width:100%}.preset-group .preset-chip-button.custom{border-color:#1c6f4d;background:#f7fbf7;color:#174c36}.aspect-shape{flex:0 0 auto;display:block;width:18px;height:18px;border:1px solid #4e5d55;border-radius:3px;background:transparent}.aspect-shape.ratio-2-3{width:13px;height:20px}.aspect-shape.ratio-3-2{width:22px;height:15px}.aspect-shape.ratio-3-4{width:15px;height:20px}.aspect-shape.ratio-4-3{width:21px;height:16px}.aspect-shape.ratio-4-5{width:16px;height:20px}.aspect-shape.ratio-5-4{width:21px;height:17px}.aspect-shape.ratio-4-7{width:11px;height:20px}.aspect-shape.ratio-7-4{width:23px;height:13px}.aspect-shape.ratio-16-9{width:24px;height:14px}.aspect-shape.ratio-9-16{width:11px;height:20px}.aspect-shape.ratio-21-9{width:26px;height:12px}.aspect-shape.ratio-9-21{width:10px;height:23px}.aspect-shape.ratio-2-1{width:24px;height:13px}.aspect-shape.ratio-1-2{width:12px;height:22px}.aspect-shape.ratio-3-1{width:26px;height:10px}.aspect-shape.ratio-1-3{width:9px;height:24px}.aspect-shape.auto{position:relative;width:23px;height:23px;border-radius:999px}.aspect-shape.auto:before,.aspect-shape.auto:after{content:"";position:absolute;inset:5px;border:1.5px solid currentColor;border-radius:2px}.aspect-shape.auto:after{inset:8px 4px;border-radius:999px}.aspect-ratio-text{color:#4c554f;font-size:11px;font-weight:300;line-height:1;white-space:nowrap}.preset-add-form{display:grid;grid-template-columns:minmax(88px,.8fr) minmax(88px,.8fr) minmax(180px,1.6fr) auto;gap:8px;align-items:end;padding-top:10px;border-top:1px solid #eee5d8}.preset-add-form label{margin-bottom:0}.preset-add-form input{min-height:34px}.preset-add-form button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 10px;border-radius:7px;background:#1c6f4d;color:#fff;font-size:13px;font-weight:850;white-space:nowrap}.negative-hints{align-self:stretch;margin-bottom:0}.negative-hints>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-reset-button{border:1px solid #d9ded8;border-radius:8px;background:#fff;color:#547065;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer}.inline-reset-button:hover{border-color:#aebfb7;color:#0f7a61}.negative-hints textarea{min-height:176px;max-height:320px}.prompt-box{font-size:14px;font-weight:300}.prompt-compose{display:grid;gap:12px}.prompt-compose-row{margin-top:14px}.prompt-compose-title{margin-bottom:0}.local-reference-library{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #eee5d8}.library-mini-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-mini-header>div{display:flex;align-items:center;gap:9px}.library-mini-header h3{margin:0;color:#183229;font-size:14px}.count-pill{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;background:#eee8dc;color:#3d4c45;font-size:13px}.reference-list{display:grid;gap:10px;max-height:310px;overflow:auto;padding-right:4px;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-row{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px;border:1px solid #e3dbce;border-radius:8px;background:#fffdf8}.reference-media{position:relative;width:112px;height:112px;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#f5f1e8;border:1px solid rgba(40,55,49,.08)}.reference-media img{width:100%;height:100%;object-fit:contain;display:block}.result-grid img{width:100%;height:100%;object-fit:contain}.reference-media span{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#17201dc7;color:#fff;font-size:12px;font-weight:850}.reference-note{margin-bottom:0}.reference-role-select{height:34px;min-height:34px;margin-bottom:8px;padding:0 30px 0 10px;border-radius:8px;font-size:13px;font-weight:750}.reference-note textarea{height:72px;min-height:72px;max-height:72px;overflow-y:auto;padding-right:34px;resize:none}.icon-danger{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#fff2ef;color:#a33a2c}.empty-library{grid-column:1 / -1;display:grid;place-items:center;gap:10px;min-height:410px;border:1px dashed #c9c0ae;border-radius:8px;color:#81796d;font-size:14px;font-weight:800}.compact-empty-library{min-height:150px}.prompt-box{min-height:220px;max-height:340px;font-size:inherit}.prompt-setting-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:12px}.reverse-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:40px;padding:9px 13px;border-radius:7px;background:#1c6f4d;color:#fff;font-weight:850}.prompt-editor-wrap{position:relative;min-width:0}.prompt-loading-overlay{position:absolute;inset:1px;z-index:2;display:grid;place-items:center;align-content:center;gap:8px;border-radius:7px;background:#ffffffd1;color:#183229;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.prompt-loading-overlay svg{color:#1c6f4d}.prompt-loading-overlay strong{font-size:15px}.prompt-loading-overlay span{max-width:340px;color:#81796c;font-size:12px;line-height:1.45}.prompt-compose.is-loading{border-color:#165e4b47;box-shadow:0 18px 54px #0f7a6121}.prompt-meta{display:grid;gap:12px;margin-top:14px;color:#4d584f;font-size:13px}.prompt-meta strong{color:#193229}.prompt-meta p,.prompt-meta ul{margin:6px 0 0}.prompt-meta ul{padding-left:18px}details summary{display:flex;align-items:center;gap:9px;cursor:pointer;color:#183229;font-size:15px;font-weight:850;list-style:none}details summary::-webkit-details-marker{display:none}.settings-body{margin-top:14px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.generate-button{width:min(320px,100%);min-height:40px;margin:0 auto 12px;font-size:14px;font-weight:500;justify-self:center}.generate-mode-hint{margin:-4px auto 12px;max-width:640px;color:#607069;font-size:12px;font-weight:500;line-height:1.45;text-align:center}.generate-button.loading{position:relative;overflow:hidden;background:linear-gradient(90deg,#9fbfaa,#8fb39d,#9fbfaa);box-shadow:0 14px 28px #23714f29;animation:buttonPulse 1.4s ease-in-out infinite}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.generation-log-panel{display:grid;gap:10px;padding:14px;border:1px solid rgba(26,90,70,.14);border-radius:8px;background:#fbfcfa;box-shadow:inset 0 1px #ffffffbf}.generation-log-header{display:flex;align-items:center;justify-content:space-between;color:#21332e}.generation-log-header strong{font-size:15px}.generation-log-header span{color:#738078;font-size:13px}.generation-log-panel ol{display:grid;gap:8px;max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none}.generation-log-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:baseline;padding:8px 10px;border-radius:8px;background:#f4f7f4;color:#3f4b46}.generation-log-item span{color:#718179;font-variant-numeric:tabular-nums;font-size:12px}.generation-log-item p{margin:0;line-height:1.45}.generation-log-item.success{background:#0e7e5f14;color:#0c604d}.generation-log-item.error{background:#bf342b14;color:#9d2e26}.result-grid.has-results{grid-template-columns:minmax(0,min(620px,100%));justify-content:center;justify-items:center}figure{display:grid;gap:8px;margin:0}figure img{aspect-ratio:1;border-radius:8px;background:#efe8dc}.result-grid figure img{display:block;height:min(620px,52vw);aspect-ratio:1}.result-grid.has-results figure{width:fit-content;max-width:100%;justify-items:stretch}.result-grid.has-results figure img{width:auto;height:auto;max-width:min(620px,100%);max-height:min(780px,76vh);aspect-ratio:auto;object-fit:contain}.result-empty{grid-column:1 / -1;min-height:340px;border:1px dashed #c9c0ae;border-radius:8px}.result-grid.loading{min-height:430px}.basic-runner-view,.basic-runner-panel{display:grid;gap:14px}.basic-runner-grid{display:grid;grid-template-columns:minmax(460px,1.2fr) minmax(360px,.8fr);gap:14px;align-items:stretch;min-height:620px}.basic-prompt-column,.basic-control-column{display:grid;gap:12px;align-content:stretch;min-width:0;height:100%}.basic-prompt-column{align-content:start}.basic-control-column{grid-template-rows:minmax(220px,1fr) auto auto 56px}.basic-prompt-field,.basic-negative-field{display:grid;grid-template-rows:auto minmax(0,1fr);margin-bottom:0;min-height:0}.basic-prompt-field textarea{min-height:260px}.basic-negative-field textarea{height:100%;min-height:0}.storyboard-template-panel{display:grid;gap:0;padding:12px 14px;border:1px solid #dfe7e2;border-radius:8px;background:linear-gradient(180deg,#f8fcfafa,#f1f7f4e6);box-shadow:0 14px 34px #1532260f}.storyboard-template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.storyboard-template-header>div:first-child{display:grid;gap:4px;min-width:0}.storyboard-template-header strong,.storyboard-beat-header strong{color:#17372d;font-size:14px;font-weight:900}.storyboard-template-header span,.storyboard-beat-header span{color:#8a9691;font-size:12px;line-height:1.5}.storyboard-toggle-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid rgba(15,122,97,.18);border-radius:7px;background:#ffffffc7;color:#0f715c;font-size:13px;font-weight:850}.storyboard-toggle-button:hover{background:#e5f3ee}.storyboard-template-content{display:grid;gap:12px;margin-top:12px}.storyboard-ai-brief{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:10px;border:1px solid rgba(15,122,97,.12);border-radius:8px;background:#ffffffa3}.storyboard-ai-brief label{min-width:0}.storyboard-ai-brief textarea{min-height:84px}.storyboard-ai-brief>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 12px;border-radius:7px;background:#0f7a61;color:#fff;font-size:13px;font-weight:850;white-space:nowrap;box-shadow:0 10px 20px #0f7a6121}.storyboard-ai-brief>button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.storyboard-reference-upload{display:grid;gap:10px;padding:10px;border:1px solid rgba(15,122,97,.12);border-radius:8px;background:#ffffff94}.storyboard-reference-upload input{display:none}.storyboard-reference-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.storyboard-reference-header>div{display:grid;gap:3px;min-width:0}.storyboard-reference-header strong{color:#17372d;font-size:14px;font-weight:900}.storyboard-reference-header span{color:#8a9691;font-size:12px;line-height:1.5}.storyboard-reference-add-button,.storyboard-reference-add-card,.storyboard-reference-empty{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(15,122,97,.25);border-radius:7px;background:#ffffffc7;color:#0f715c;cursor:pointer;font-size:12px;font-weight:850}.storyboard-reference-add-button{flex:0 0 auto;min-height:32px;padding:7px 10px}.storyboard-reference-empty{min-height:92px;padding:16px;color:#607069}.storyboard-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.storyboard-reference-item{position:relative;min-height:92px;border:1px solid rgba(40,55,49,.08);border-radius:7px;background:#eef3ef;overflow:hidden}.storyboard-reference-item img{display:block;width:100%;height:92px;object-fit:contain}.storyboard-reference-item>span{position:absolute;left:6px;top:6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#18231eb8;color:#fff;font-size:11px;font-weight:850}.storyboard-reference-item button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#18231eb8;color:#fff}.storyboard-reference-item button:hover{background:#a33a2ce6}.storyboard-reference-add-card{min-height:92px;flex-direction:column;color:#607069}.storyboard-ai-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));align-items:end;gap:8px;padding:10px;border:1px solid rgba(15,122,97,.12);border-radius:8px;background:#ffffff80}.storyboard-ai-controls label{display:grid;gap:6px}.storyboard-ai-controls span{color:#53625b;font-size:12px;font-weight:850}.storyboard-ai-controls select{width:100%;min-height:36px;padding:7px 10px;border:1px solid #d7e2dd;border-radius:7px;background:#ffffffe6;color:#17372d;font-size:13px;font-weight:800}.storyboard-recommend-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:36px;padding:7px 10px;border:1px solid rgba(15,122,97,.24);border-radius:7px;background:#e5f3ee;color:#0f715c;font-size:13px;font-weight:850;white-space:nowrap}.storyboard-recommend-button:hover{border-color:#0f7a6161;background:#d8eee7}.storyboard-preset-tabs{display:inline-flex;flex:0 0 auto;gap:6px;padding:4px;border:1px solid rgba(15,122,97,.14);border-radius:8px;background:#ffffffb3}.storyboard-preset-tabs button{min-height:30px;padding:6px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#53625b;font-size:12px;font-weight:850}.storyboard-preset-tabs button.active{border-color:#0f7a613d;background:#e5f3ee;color:#0f715c}.prompt-card-draw-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(28,43,38,.18);border-radius:8px;background:linear-gradient(135deg,#17201df5,#323d38eb),radial-gradient(circle at top right,rgba(197,211,199,.16),transparent 42%);box-shadow:0 14px 34px #1532261f}.prompt-card-draw-copy{display:grid;gap:4px;min-width:0}.prompt-card-draw-copy strong{color:#f5f1e8;font-size:14px;font-weight:900}.prompt-card-draw-copy span{max-width:62ch;color:#b9c2bd;font-size:12px;line-height:1.5}.prompt-card-draw-preview{grid-column:1 / -1;display:grid;gap:8px;min-width:0;padding-top:2px}.prompt-card-draw-preview strong{color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}.prompt-card-draw-preview div{display:flex;flex-wrap:wrap;gap:6px}.prompt-card-draw-preview span{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border:1px solid rgba(245,241,232,.14);border-radius:6px;background:#ffffff0f;color:#d7ded9;font-size:11px;font-weight:800}.prompt-card-recipe{display:grid;gap:6px;margin:0;padding:8px;border:1px solid rgba(245,241,232,.11);border-radius:6px;background:#ffffff0b}.prompt-card-recipe div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;align-items:start}.prompt-card-recipe dt{color:#f5f1e8c2;font-size:10px;font-weight:900}.prompt-card-recipe dd{margin:0;color:#d7ded9;font-size:11px;line-height:1.45}.prompt-card-draw-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid rgba(245,241,232,.16);border-radius:7px;background:#f5f1e8;color:#17201d;font-size:13px;font-weight:900;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.prompt-card-draw-button:hover{border-color:#f5f1e852;background:#fff;transform:translateY(-1px)}.prompt-card-draw-button:active{transform:translateY(0) scale(.98)}.storyboard-template-grid{display:grid;grid-template-columns:1fr;gap:10px}.storyboard-template-panel label,.storyboard-template-field{display:grid;gap:6px;margin:0}.storyboard-template-panel label span,.storyboard-template-field span{color:#53625b;font-size:12px;font-weight:850}.storyboard-template-panel input,.storyboard-template-panel textarea{width:100%;border-color:#d7e2dd;background:#ffffffe0;font-size:13px}.storyboard-template-panel textarea{min-height:0;resize:vertical}.storyboard-extra-prompt-field{padding:10px;border:1px solid rgba(15,122,97,.12);border-radius:8px;background:#ffffff94}.storyboard-extra-prompt-field textarea{min-height:86px}.storyboard-beat-list{display:grid;gap:8px;max-height:300px;padding:10px;border:1px solid rgba(15,122,97,.12);border-radius:8px;background:#ffffff94;overflow:auto}.storyboard-subject-list{display:grid;gap:9px;padding:10px;border:1px solid rgba(15,122,97,.12);border-radius:8px;background:#ffffff94}.storyboard-beat-header,.storyboard-list-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:3px}.storyboard-beat-header>div,.storyboard-list-header>div{display:grid;gap:3px;min-width:0}.storyboard-beat-header button,.storyboard-list-header button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:7px 10px;border:1px dashed rgba(15,122,97,.25);border-radius:7px;background:#ffffffc7;color:#0f715c;font-size:12px;font-weight:850}.storyboard-beat-header button:disabled,.storyboard-list-header button:disabled{opacity:.45;cursor:not-allowed}.storyboard-list-header strong{color:#17372d;font-size:14px;font-weight:900}.storyboard-list-header span{color:#8a9691;font-size:12px;line-height:1.5}.storyboard-beat-list label{grid-template-columns:26px minmax(0,1fr) 30px;align-items:center;gap:8px}.storyboard-subject-list label{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:7px 8px;align-items:start}.storyboard-subject-list label>span{grid-column:1 / -1}.storyboard-subject-list label>textarea{min-height:104px}.storyboard-beat-list label>span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#17372d;color:#fff;font-size:11px;font-weight:900}.storyboard-beat-list label>button,.storyboard-subject-list label>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(148,65,54,.16);border-radius:7px;background:#ffffffc7;color:#8a5a51}.storyboard-beat-list label>button:hover,.storyboard-subject-list label>button:hover{border-color:#94413647;background:#fff1ee;color:#9a3c31}.storyboard-beat-list label>button:disabled,.storyboard-subject-list label>button:disabled{opacity:.36;cursor:not-allowed}.storyboard-template-actions{display:flex;justify-content:flex-end;gap:8px}.storyboard-template-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:850}.storyboard-template-actions .storyboard-apply-button{border:1px solid rgba(15,122,97,.28);background:#0f7a61;color:#fff;box-shadow:0 10px 20px #0f7a6121}.storyboard-template-actions .storyboard-apply-button:hover{border-color:#0f7a616b;background:#0d6f58}.basic-upload-box{position:relative;height:100%;min-height:0;border:1px dashed #c9c0ae;border-radius:8px;background:#fffdf8;overflow:hidden}.basic-upload-box input{display:none}.basic-upload-empty{display:grid;place-items:center;align-content:center;gap:10px;width:100%;height:100%;min-height:240px;margin:0;color:#607069;cursor:pointer;font-size:14px;font-weight:850}.basic-upload-empty svg{color:#1c6f4d}.basic-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(108px,1fr);gap:8px;height:100%;min-height:240px;padding:8px;background:#f4efe6}.basic-image-grid:has(.basic-image-preview:first-child:last-child){grid-template-columns:1fr}.basic-image-preview{position:relative;display:block;width:100%;height:100%;min-height:108px;padding:0;background:#efe8dc;border:1px solid rgba(40,55,49,.08);border-radius:7px;overflow:hidden}.basic-image-preview img{width:100%;height:100%;min-height:108px;border-radius:0;background:#efe8dc;object-fit:contain;display:block}.basic-image-preview>span{position:absolute;left:8px;top:8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#18231eb8;color:#fff;font-size:12px;font-weight:850}.basic-image-remove{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#18231eb8;color:#fff;box-shadow:0 8px 18px #131c182e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.basic-image-remove:hover{background:#a33a2ce6;color:#fff}.basic-upload-add{display:grid;place-items:center;align-content:center;gap:6px;height:100%;min-height:108px;margin:0;border:1px dashed #c9c0ae;border-radius:7px;background:#fffdf8c7;color:#607069;cursor:pointer;font-size:12px;font-weight:850}.basic-upload-add svg{color:#1c6f4d}.basic-option-group{display:grid;gap:9px;padding:12px;border:1px solid #e3dbce;border-radius:8px;background:#fbf8f1}.basic-option-group strong{color:#183229;font-size:13px;font-weight:500}.basic-option-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.basic-option-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.basic-option-list button{min-height:36px;padding:7px 9px;border:1px solid #d6d0c3;border-radius:7px;background:#fffdf8;color:#4c554f;font-size:13px;font-weight:300}.basic-option-list button.basic-aspect-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.basic-option-list button.active{border-color:#0f7a6152;background:#e8f0ea;color:#0f715c;box-shadow:0 6px 16px #0f7a6114}.basic-generate-button{width:100%;height:56px;margin:0}.basic-output-panel{margin-top:0}.basic-mode-hint{margin:0;max-width:none;text-align:right}.loading-state{position:relative;display:grid;place-items:center;align-content:center;gap:28px;overflow:hidden;min-height:430px;background:radial-gradient(circle at 50% 42%,rgba(15,122,97,.16),transparent 28%),radial-gradient(circle at 24% 18%,rgba(255,255,255,.98),transparent 24%),linear-gradient(135deg,#fbfdf9f5,#e1f1ebe6)}.loading-state:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,122,97,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(15,122,97,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 70%);mask-image:radial-gradient(circle at center,black 0%,transparent 70%);opacity:.75;animation:gridDrift 8s linear infinite}.loading-state:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.8) 48%,transparent 64%);transform:translate(-110%);animation:shimmer 2.2s cubic-bezier(.4,0,.2,1) infinite}.loading-core{position:relative;z-index:1;width:116px;height:116px;filter:drop-shadow(0 18px 34px rgba(15,122,97,.18))}.loading-core:before{content:"";position:absolute;inset:38px;border-radius:50%;background:#0f7a61;box-shadow:0 0 0 10px #0f7a611f,0 0 42px #0f7a6161;animation:corePulse 1.45s ease-in-out infinite}.loading-ring,.loading-scan,.loading-dot{position:absolute;pointer-events:none}.loading-ring{inset:0;border-radius:50%;border:2px solid rgba(15,122,97,.18)}.loading-ring-outer{border-top-color:#0f7a61eb;border-right-color:#0f7a615c;animation:orbit 1.5s linear infinite}.loading-ring-middle{inset:17px;border-left-color:#0f7a61c2;border-bottom-color:#0f7a6157;animation:orbit 2.2s linear infinite reverse}.loading-ring-inner{inset:34px;border-top-color:#ffffffe6;border-right-color:#0f7a6185;animation:orbit .95s linear infinite}.loading-scan{left:50%;top:6px;bottom:6px;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(15,122,97,.9),transparent);transform-origin:center;animation:scanSweep 1.8s cubic-bezier(.4,0,.2,1) infinite}.loading-dot{width:7px;height:7px;border-radius:999px;background:#0f7a61;box-shadow:0 0 18px #0f7a6170;animation:particleFloat 1.6s ease-in-out infinite}.loading-dot-a{left:16px;top:24px}.loading-dot-b{right:12px;top:58px;animation-delay:-.45s}.loading-dot-c{left:44px;bottom:8px;animation-delay:-.9s}.loading-state>span{position:relative;z-index:1;color:#42564f;font-size:16px;font-weight:850;letter-spacing:0}.autosave-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#eef6ef;color:#226044;font-size:12px;font-weight:850}.history-panel{margin-top:14px;padding-top:14px;border-top:1px solid #e7dfd2}.history-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#183229}.text-button{min-height:28px;padding:4px 8px;border-radius:6px;background:transparent;color:#81796c;font-size:12px;font-weight:850}.history-list{display:grid;gap:8px;max-height:360px;overflow:auto}.history-item{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:8px;border:1px solid #e3dbce;border-radius:8px;background:#fffdf8}.history-preview{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:7px;background:#f1eadf;color:#81796c}.history-preview img{width:100%;height:100%;object-fit:cover}.history-body{display:grid;gap:3px;min-width:0;padding:0;background:transparent;color:#27342f;text-align:left}.history-body span{color:#81796c;font-size:11px;font-weight:750}.history-body strong{overflow:hidden;color:#183229;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-body p{overflow:hidden;color:#5d625d;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.history-delete{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#fff2ef;color:#a33a2c}.history-empty{display:grid;place-items:center;min-height:72px;border:1px dashed #c9c0ae;border-radius:8px;color:#81796c;font-size:12px;font-weight:800}.error{margin-bottom:12px;padding:10px 12px;border:1px solid #e2b1a9;border-radius:8px;background:#fff2ef;color:#922b1f;font-size:13px;line-height:1.45}.global-error{margin-top:-8px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#141c185c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-modal{width:min(760px,100%);max-height:min(860px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(55,67,59,.18);border-radius:8px;background:#fffdf8;box-shadow:0 28px 80px #141c1847;padding:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h2{font-size:22px}.modal-close{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:38px;border-radius:7px;font-weight:850}.preset-manager-modal{width:min(980px,calc(100vw - 48px));padding:22px;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#fcfaf5f5),#fffdf8}.preset-manager-modal .modal-header{align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(40,55,49,.1);margin-bottom:18px}.preset-manager-modal .eyebrow{margin-bottom:5px;color:#6f7a73;font-size:13px;font-weight:850}.preset-manager-modal .modal-header h2{margin:0;color:#13231d;font-size:25px;line-height:1.1}.preset-manager-list{display:grid;gap:9px;max-height:min(560px,58vh);overflow-y:auto;padding-right:6px}.preset-manager-head,.preset-manager-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,.85fr) minmax(260px,1.9fr) 48px;gap:10px;align-items:center}.preset-manager-head{position:sticky;top:0;z-index:1;padding:0 12px 5px;background:linear-gradient(180deg,#fffdf8,#fffdf8f0);color:#81796c;font-size:12px;font-weight:850}.preset-manager-row{padding:10px;border:1px solid rgba(40,55,49,.1);border-radius:10px;background:#fbf8f19e;box-shadow:0 1px #fffc inset}.preset-manager-row input,.preset-manager-row textarea{box-sizing:border-box;width:100%;height:48px;min-height:48px;padding:12px 14px;border-radius:9px;font-size:13px;line-height:20px}.preset-manager-row textarea{resize:none;overflow-y:auto}.preset-manager-row .icon-only{width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:10px}.preset-manager-empty{min-height:220px}.preset-manager-error{margin-top:12px}.preset-manager-footer{align-items:center;padding-top:16px;border-top:1px solid rgba(40,55,49,.1);margin-top:16px}.preset-manager-footer>button,.preset-manager-footer .settings-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:850}.provider-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px}.provider-tab-item{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;overflow:hidden;border:1px solid #d6d0c3;border-radius:8px;background:#f8f4ec;color:#4a514b}.provider-tab-item.active{border-color:#23714f;background:#e8f0ea;color:#174c36}.provider-tab-select,.provider-tab-edit,.provider-tabs .add-provider{min-height:34px;padding:7px 12px;border:1px solid #d6d0c3;border-radius:8px;background:#f8f4ec;color:#4a514b;font-size:13px;font-weight:850}.provider-tab-item .provider-tab-select{max-width:168px;min-width:0;border:0;border-radius:0;background:transparent;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-tab-item .provider-tab-edit{width:32px;min-width:32px;padding:0;border:0;border-left:1px solid rgba(35,113,79,.12);border-radius:0;background:transparent;color:inherit}.provider-tab-item .provider-tab-edit:hover{background:#23714f14}.provider-tab-item input{width:168px;min-height:34px;padding:7px 10px;border:0;outline:none;background:transparent;color:inherit;font-size:13px;font-weight:850}.provider-tabs .add-provider{flex:0 0 auto;border-style:dashed;background:#fffdf8}.modal-settings-body{margin-top:0}.channel-settings{padding:14px;border:1px solid #e3dbce;border-radius:8px;margin-top:12px;background:#fbf8f1}.channel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.channel-header h3{margin:0;color:#183229;font-size:15px}.channel-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.secret-input{position:relative;display:flex;align-items:center}.secret-input input{padding-right:46px}.secret-input button{position:absolute;right:8px;display:grid;place-items:center;width:30px;min-height:30px;padding:0;border-radius:7px;background:transparent;color:#607069}.secret-input button:hover{background:#0f7a6114;color:#085f4c}.test-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:7px;font-weight:850}.settings-inline-hint{margin:2px 0 0;color:#6f7c75;font-size:13px;line-height:1.5}.settings-message{margin-top:12px;padding:10px 12px;border:1px solid #cdddcf;border-radius:8px;background:#f3faf4;color:#1e5c42;font-size:13px;line-height:1.45}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#81796c;font-size:13px}.settings-page{position:relative;max-width:1180px}.settings-toast{position:absolute;top:18px;right:18px;z-index:5;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid rgba(15,122,97,.18);border-radius:999px;background:#e4f4eef0;color:#085f4c;font-size:13px;font-weight:500;box-shadow:0 14px 30px #15201d1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.settings-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:7px;font-weight:500;white-space:nowrap}.clear-key-button{color:#8c5b18}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.history-view{display:grid;gap:16px;font-weight:500}.history-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid rgba(40,55,49,.1);border-radius:10px;background:#fffdf8c7}.history-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #d6d0c3;border-radius:8px;background:#fffdf8;color:#4c554f;font-size:13px;font-weight:850}.history-tabs button.active{border-color:#0f7a613d;background:#e8f0ea;color:#0f715c}.history-tabs button span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#0f7a611a;color:#0f715c;font-size:12px}.history-tabs .history-clear-tab-button{margin-left:auto;border-color:#c6433629;background:#fff2efc7;color:#b83d32}.history-tabs .history-clear-tab-button:hover{border-color:#c6433642;background:#fff1ee;color:#9f352c}.history-tabs .history-clear-tab-button:disabled{opacity:.42}.history-summary{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;gap:10px;align-items:stretch;padding:10px}.summary-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:40px;padding:8px 11px;border:1px solid #e3dbce;border-radius:8px;background:#fffdf8}.summary-card strong{color:#153229;font-size:18px;font-weight:500;line-height:1}.summary-card span{color:#70695f;font-size:12px;font-weight:500}.history-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.history-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:8px;grid-auto-flow:dense;gap:14px;align-items:start}.history-work-card{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(40,55,49,.1);border-radius:12px;background:#fffdf8db;box-shadow:0 12px 28px #16201c14}.history-work-preview{position:relative;display:block;width:100%;padding:0;border:0;background:#eef2ed;text-align:left}.history-work-preview img{display:block;width:100%;max-height:520px;object-fit:contain;background:#eef2ed}.history-work-preview span{position:absolute;left:12px;top:12px;min-height:28px;padding:6px 10px;border-radius:999px;background:#ffffffd1;color:#0f715c;font-size:12px;font-weight:850;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-work-meta{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;align-items:start;padding:11px 12px 12px}.history-work-meta>div{display:grid;gap:5px;min-width:0}.history-work-meta strong{overflow:hidden;color:#182d25;font-size:13px;font-weight:900;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.history-work-meta span{overflow:hidden;color:#7e8a84;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.history-lightbox{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:22px;background:#1214145c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-lightbox-backdrop{position:absolute;inset:0;background:transparent}.history-lightbox-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;--history-lightbox-height: min(900px, calc(100dvh - 44px) );--history-lightbox-image-padding: 34px;--history-lightbox-image-max-height: calc(var(--history-lightbox-height) - (var(--history-lightbox-image-padding) * 2));width:min(1500px,100%);height:var(--history-lightbox-height);max-height:100%;overflow:hidden;border-radius:18px;background:#f7f6f3;box-shadow:0 30px 90px #0e141247}.history-lightbox-image{display:grid;place-items:center;min-width:0;min-height:0;padding:var(--history-lightbox-image-padding);background:radial-gradient(circle at center,#fffffff2,#e8ebe8e6);overflow:hidden}.history-lightbox-fit-frame{display:grid;place-items:center;width:100%;max-height:var(--history-lightbox-image-max-height);min-width:0;min-height:0;overflow:hidden}.history-lightbox-fit-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--history-lightbox-image-max-height);border-radius:12px;object-fit:contain;object-position:center;box-shadow:0 18px 60px #151e1b29}.history-lightbox-image.portrait img{width:auto;height:var(--history-lightbox-image-max-height)}.history-lightbox-image.landscape img,.history-lightbox-image.square img{width:100%;height:auto}.history-lightbox-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;min-width:0;min-height:0;max-height:100%;padding:22px;background:#fffdf8;overflow:hidden}.history-lightbox-author{display:grid;grid-template-columns:42px minmax(0,1fr) 36px;gap:11px;align-items:center}.history-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#0f715c;color:#fff;font-size:17px;font-weight:900}.history-lightbox-author strong{display:block;color:#17231e;font-size:15px;font-weight:900}.history-lightbox-author span{display:block;margin-top:3px;color:#87928c;font-size:12px;line-height:1.35}.history-lightbox-author button{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(40,55,49,.12);border-radius:999px;background:#fff;color:#52615a}.history-lightbox-prompt{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.history-lightbox-prompt span{color:#8a928e;font-size:12px;font-weight:850}.history-lightbox-prompt p{min-height:0;overflow:auto;margin:0;padding-right:8px;color:#333d38;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.history-lightbox-actions{display:grid;grid-template-columns:1fr;gap:9px}.history-lightbox-actions.compact{grid-template-columns:1fr 1fr}.history-lightbox-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border-radius:9px;background:#111816;color:#fff;font-weight:900}.history-lightbox-actions .secondary{border:1px solid #d2c9b8;background:#fffdf8;color:#26352f}.history-lightbox-actions .danger-button{background:#fff1ee;color:#bb3f34}.history-record{display:grid;gap:14px;min-width:0;padding:14px}.record-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.record-header span{color:#81796c;font-size:12px;font-weight:500}.record-header h2{margin-top:4px;font-size:16px;font-weight:500}.record-body{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);gap:14px;align-items:start}.record-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.record-gallery figure{position:relative;gap:0;overflow:hidden;border:1px solid #e3dbce;border-radius:8px;background:#eef2ed}.record-gallery figure:first-child{grid-column:1 / -1}.record-gallery figure img{width:100%;height:300px;background:#efe8dc;object-fit:contain}.record-gallery figure:not(:first-child) img{height:150px}.record-gallery figure button{position:absolute;right:8px;bottom:8px;min-height:30px;padding:6px 9px;border-color:#ffffffb8;background:#ffffffe0;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.record-image-empty{grid-column:1 / -1;min-height:210px}.record-detail{display:grid;gap:12px;min-width:0}.record-stats{display:flex;flex-wrap:wrap;gap:7px}.record-stats span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#eef6ef;color:#226044;font-size:12px;font-weight:500}.record-prompt-preview{display:grid;gap:7px;min-width:0;padding:12px;border:1px solid #e3dbce;border-radius:8px;background:#fbf8f1}.record-prompt-preview strong{color:#183229;font-size:13px;font-weight:500}.record-prompt-preview p{overflow:auto;max-height:210px;padding-right:6px;color:#4d584f;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.record-notes{display:grid;gap:8px;color:#4d584f;font-size:12px}.record-notes strong{color:#183229;font-weight:500}.record-notes>div{display:flex;flex-wrap:wrap;gap:7px}.record-notes>div span{display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:5px 9px;border:1px solid rgba(40,55,49,.12);border-radius:999px;background:#ffffffb8;color:#4d584f;line-height:1.35}.record-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.record-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:38px;padding:8px 12px;border-radius:7px;background:#1c6f4d;color:#fff;font-weight:500}.record-actions .secondary{border:1px solid #d2c9b8;background:#fffdf8;color:#26352f;font-weight:500}.history-summary .danger-button{min-height:46px;padding:8px 12px;font-weight:500}.history-empty-state{grid-column:1 / -1;display:grid;place-items:center;gap:10px;width:100%;min-height:320px;color:#81796c;text-align:center}.history-empty-state strong{color:#183229;font-size:18px}@media(max-width:1360px){.history-records{grid-template-columns:1fr}.history-masonry{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:7px;background:#fff2ef;color:#a33a2c;font-weight:850}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(110%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes gridDrift{to{background-position:34px 34px}}@keyframes corePulse{0%,to{transform:scale(.92);opacity:.78}50%{transform:scale(1.08);opacity:1}}@keyframes scanSweep{0%{transform:translate(-50%) rotate(0);opacity:.2}45%,60%{opacity:.95}to{transform:translate(-50%) rotate(360deg);opacity:.2}}@keyframes particleFloat{0%,to{transform:translateZ(0) scale(.78);opacity:.36}50%{transform:translate3d(4px,-8px,0) scale(1);opacity:1}}@keyframes buttonPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media(max-width:1440px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.app-sidebar{padding:20px 12px}.app-content{padding:22px}.reference-workbench{grid-template-columns:minmax(520px,.94fr) minmax(420px,1.06fr)}}@media(max-width:1020px){.reference-workbench{grid-template-columns:1fr;align-items:start}.intake-panel,.prompt-settings-panel{height:auto}.prompt-presets{flex:none;max-height:420px}.negative-hints{margin-top:0}.preset-add-form,.record-body{grid-template-columns:1fr}}@media(max-width:1180px){.app-layout{display:block}.app-sidebar{position:sticky;top:0;z-index:10;height:auto;padding:12px 18px;border-right:0;border-bottom:1px solid rgba(55,67,59,.14);background:#fffdf8f0}.sidebar-brand{display:grid;align-items:center;justify-items:center;gap:6px;padding:0 2px 10px}.sidebar-brand img{width:52px;height:52px}.sidebar-brand strong{font-size:12px}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.side-nav button{min-height:46px;padding:9px 10px}.top-progress{grid-template-columns:1fr;margin-bottom:14px}.app-content{width:100%;padding:22px 18px}.history-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.history-summary .danger-button{grid-column:1 / -1;justify-self:end}.history-tabs button{flex:1 1 140px}.history-masonry{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.history-lightbox-main{grid-template-columns:minmax(0,1fr);--history-lightbox-height: min(940px, calc(100dvh - 28px) );--history-lightbox-image-padding: 22px;--history-lightbox-image-max-height: max(280px, calc(52vh - (var(--history-lightbox-image-padding) * 2)));height:var(--history-lightbox-height);overflow:hidden}.history-lightbox-panel{grid-template-rows:auto auto minmax(220px,1fr) auto}.history-lightbox-image{min-height:52vh;padding:var(--history-lightbox-image-padding)}}@media(max-width:980px){.app-topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start;width:100%}.settings-grid,.basic-runner-grid{grid-template-columns:1fr}.settings-actions,.settings-actions button{width:100%}.intake-notes{min-height:auto}.vertical-actions{flex-direction:row;width:auto}.crop-stage{min-height:min(520px,62vw)}.crop-stage .crop-image-layer{max-height:min(520px,62vw)}.record-body{grid-template-columns:1fr}.history-lightbox-main{width:100%}}@media(max-width:860px){.app-sidebar{padding:10px 12px}.sidebar-brand{gap:5px}.side-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.side-nav button{flex:0 0 150px}.language-nav-item{flex:0 0 170px}.side-nav .language-nav-button{width:100%}.language-popover{left:0;top:calc(100% + 8px)}.app-content{padding:18px 12px}.topbar,.modal-header,.modal-footer,.split-title{align-items:start;flex-direction:column}.preset-manager-head{display:none}.preset-manager-row,.history-masonry{grid-template-columns:1fr}.preset-manager-row .icon-only{width:100%}.link-import,.result-grid,.grid-two{grid-template-columns:1fr}.topbar-actions,.action-row,.record-actions,.prompt-setting-toolbar{align-items:stretch;flex-direction:column}.settings-button,.utility-button,.action-row button,.reverse-primary-button,.record-actions button,.danger-button{width:100%}.upload-zone{width:100%;min-width:0}.upload-zone{align-items:stretch;flex-direction:column}.upload-zone label,.clear-canvas-button{width:100%}.link-import{align-items:stretch}.link-import svg{display:none}.crop-rotate-control{top:8px;left:8px;right:8px;display:grid;grid-template-columns:1fr 1fr}.crop-rotate-control button{min-height:26px;padding-inline:6px;font-size:10px}.vertical-actions{flex-direction:column;width:100%}.intake-notes{grid-template-columns:1fr;min-height:auto;padding:12px}.crop-stage{min-height:min(420px,88vw)}.crop-stage .crop-image-layer{max-height:min(420px,88vw)}.crop-zoom-control{inset:50% 14px auto auto}.preset-header,.preset-group{grid-template-columns:1fr}.preset-header{flex-direction:column}.preset-manage-button{width:100%}.preset-scroll{max-height:min(360px,44vh)}.reference-row{grid-template-columns:112px minmax(0,1fr)}.empty-library{min-height:260px}.prompt-box{min-height:240px}.history-summary{grid-template-columns:1fr}.history-summary .danger-button{justify-self:stretch}.basic-mode-hint{text-align:left}}@media(max-width:560px){.app-content{padding:14px 10px 20px}.panel{padding:12px;box-shadow:0 10px 30px #222a250f}h1{font-size:28px}.panel-title,.split-title>div:first-child{align-items:flex-start}.upload-zone,.link-import{gap:8px}.crop-stage{min-height:320px}.crop-stage .crop-image-layer{max-height:320px}.reference-row{grid-template-columns:96px minmax(0,1fr)}.reference-media{width:96px;height:96px;aspect-ratio:1}.reference-note textarea{min-height:86px}.result-grid{grid-template-columns:1fr}.basic-runner-grid{min-height:auto}.basic-prompt-column,.basic-control-column{grid-template-rows:none}.basic-upload-box,.basic-upload-empty{min-height:220px;height:220px}.basic-image-grid{min-height:220px}.basic-image-preview img{height:108px}.basic-option-list,.basic-option-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.storyboard-ai-brief{grid-template-columns:1fr}.storyboard-ai-brief>button{width:100%}.storyboard-ai-controls{grid-template-columns:1fr}.storyboard-reference-header{align-items:stretch;flex-direction:column}.storyboard-reference-add-button{width:100%}.prompt-card-draw-panel{grid-template-columns:1fr}.prompt-card-draw-button{width:100%}.reference-list{grid-template-columns:1fr;max-height:none}.result-grid figure img{height:min(420px,92vw)}.record-gallery{grid-template-columns:1fr}.record-gallery figure:first-child{grid-column:auto}.record-gallery figure:not(:first-child) img,.record-gallery figure img{height:260px}.record-header{align-items:stretch;flex-direction:column}.history-delete{align-self:flex-end}}@media(max-width:420px){.app-sidebar{padding:9px 8px}.side-nav button{flex-basis:148px;grid-template-columns:18px minmax(0,1fr);gap:8px}.app-content{padding-inline:8px}h1{font-size:25px}.panel-title h2{font-size:14px}.crop-stage{min-height:270px}.crop-stage .crop-image-layer{max-height:270px}.record-gallery figure:not(:first-child) img,.record-gallery figure img{height:220px}}:root{--surface-canvas: #f4f6f3;--surface-panel: rgba(255, 255, 255, .88);--surface-soft: #f7f8f4;--surface-muted: #eef2ed;--ink: #15201d;--ink-soft: #4e5e57;--ink-muted: #78837c;--line: rgba(40, 55, 49, .13);--line-strong: rgba(22, 94, 75, .28);--brand: #0f7a61;--brand-strong: #085f4c;--brand-soft: #e4f4ee;--brand-tint: rgba(15, 122, 97, .1);--accent: #c86f45;--danger: #b33b2e;--shadow-soft: 0 18px 54px rgba(21, 32, 29, .08);--shadow-lift: 0 18px 42px rgba(15, 122, 97, .14)}body{color:var(--ink);background:linear-gradient(180deg,#ffffffb8,#f4f6f300 260px),linear-gradient(90deg,rgba(15,122,97,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(15,122,97,.045) 1px,transparent 1px),var(--surface-canvas);background-size:auto,44px 44px,44px 44px,auto}::selection{background:#0f7a612e;color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#4e5e5752;background-clip:padding-box}.app-sidebar{border-right-color:var(--line);background:linear-gradient(180deg,#fffffff0,#f7f8f4db),#ffffffe6;box-shadow:1px 0 #ffffffb8 inset}.sidebar-brand{border-bottom-color:var(--line)}.sidebar-brand strong,h1,h2,.panel-title,.library-mini-header h3,.preset-header strong,.channel-header h3,.history-empty-state strong,.record-notes strong,.record-header h2{color:var(--ink)}.eyebrow,label span,.preset-group>span,.summary-card span,.record-header span,.hint,.preset-header span,.history-body span,.history-empty,.history-empty-state{color:var(--ink-muted)}.side-nav button{color:var(--ink-soft)}.side-nav button:hover{background:#0f7a6114;color:var(--brand-strong)}.side-nav button.active{background:linear-gradient(90deg,#0f7a6129,#0f7a610e);color:var(--brand-strong)}.side-nav button.active:before,.status-step.done span,.status-step.current span,.step-badge{background:var(--brand)}.status-step,.summary-card,.reference-row,.history-item,.provider-tabs button{border-color:var(--line);background:#ffffffc2}.status-step.current{border-color:var(--line-strong);background:var(--brand-soft);color:var(--brand-strong);box-shadow:0 10px 28px #0f7a611c}.status-step.done{border-color:var(--line-strong);color:var(--brand-strong)}.step-badge.muted,.count-pill{background:var(--surface-muted);color:var(--ink-soft)}.panel,.settings-modal{border-color:var(--line);background:linear-gradient(180deg,#fffffff0,#fafbf8e0),var(--surface-panel);box-shadow:var(--shadow-soft)}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}input,select,textarea{border-color:#28373129;background:#ffffffe0;color:var(--ink);box-shadow:0 1px #ffffffc7 inset}input::placeholder,textarea::placeholder{color:#4e5e578f}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f7a6121,0 1px #ffffffd1 inset}.upload-zone label,.action-row button,.generate-button,figure button,.preset-add-form button,.reverse-primary-button,.record-actions button{background:linear-gradient(180deg,#118b70,var(--brand-strong));color:#fff;box-shadow:0 10px 22px #0f7a6129;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.upload-zone label:hover,.action-row button:hover,.generate-button:hover,figure button:hover,.preset-add-form button:hover,.reverse-primary-button:hover,.record-actions button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.action-row .secondary,figure .secondary,.secondary,.record-actions .secondary,.settings-button,.utility-button,.link-import button,.optional-settings-note button{border-color:#28373129;background:#ffffffe6;color:var(--ink);box-shadow:0 8px 18px #15201d0f}.action-row .secondary:hover,figure .secondary:hover,.secondary:hover,.record-actions .secondary:hover,.settings-button:hover,.utility-button:hover,.link-import button:hover,.optional-settings-note button:hover{border-color:var(--line-strong);color:var(--brand-strong);transform:translateY(-1px)}.link-import,.intake-notes,.prompt-presets,.optional-settings-note,.channel-settings,.record-prompt-preview,.record-gallery figure{border-color:var(--line);background:var(--surface-soft)}.link-import svg{color:var(--brand);border-color:#0f7a613d}.crop-stage{border-color:#2837312e;background:linear-gradient(135deg,#ffffffc7,#ffffff38 44%,#0f7a6114),linear-gradient(90deg,rgba(15,122,97,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(15,122,97,.055) 1px,transparent 1px),radial-gradient(circle at 50% 46%,rgba(255,255,255,.92),rgba(255,255,255,.2) 34%,transparent 56%),#edf3ef;background-size:auto,28px 28px,28px 28px,auto,auto;box-shadow:0 1px #fffc inset}.crop-stage:after{content:"";position:absolute;pointer-events:none}.crop-stage:after{left:50%;bottom:-32%;width:74%;aspect-ratio:1;border-radius:26px;background:#0f7a610b;transform:translate(-50%) rotate(45deg)}.crop-stage .ReactCrop__crop-selection{border-color:#ffffffeb;box-shadow:0 0 0 9999px #15201d70,0 0 0 1px #0f7a61cc}.crop-confirm-floating{background:linear-gradient(180deg,#118b70,var(--brand-strong));box-shadow:0 18px 36px #0f7a6138}.crop-zoom-control{border:0;background:transparent;box-shadow:none}.crop-zoom-control button{border-color:#ffffffb8;background:#ffffffd1;color:#27483c}.crop-zoom-control button.active{border-color:#0f7a6147;background:#e8f0eae6;color:var(--brand-strong)}.preset-group button,.provider-tabs button{border-color:var(--line);background:#ffffffb8;color:var(--ink-soft);transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.preset-group button:hover,.provider-tabs button.active{border-color:var(--line-strong);background:var(--brand-soft);color:var(--brand-strong)}.provider-tabs .provider-tab-item{border-color:var(--line);background:#ffffffb8}.provider-tabs .provider-tab-item.active{border-color:var(--line-strong);background:var(--brand-soft);color:var(--brand-strong)}.provider-tabs .provider-tab-item .provider-tab-select,.provider-tabs .provider-tab-item .provider-tab-edit{border-color:transparent;background:transparent;color:inherit}.provider-tabs .provider-tab-item .provider-tab-select{border:0}.provider-tabs .provider-tab-item .provider-tab-edit{border:0;border-left:1px solid rgba(15,122,97,.14)}.aspect-auto-text{color:currentColor;font-size:12px;font-weight:300;line-height:1;white-space:nowrap}.provider-tabs .provider-tab-item .provider-tab-edit:hover{background:#0f7a6114}.aspect-shape{border-color:var(--ink-soft)}.reference-media,.history-preview,figure img,.record-gallery figure img,.cropped-stage img{background:#e8eee9}.reference-media span{background:#15201dc2;box-shadow:0 6px 16px #15201d29}.empty-state,.empty-library,.result-empty,.optional-settings-empty{border-color:#2837312e;color:var(--ink-muted);background:#ffffff6b}.crop-empty-state{z-index:1;background:transparent}.generate-button.loading{background:linear-gradient(90deg,#71b6a5 0%,var(--brand) 50%,#71b6a5 100%);box-shadow:var(--shadow-lift)}.autosave-pill,.settings-message{border-color:#0f7a612e;background:var(--brand-soft);color:var(--brand-strong)}.summary-card strong{color:var(--brand-strong)}.danger-button,.history-delete,.icon-danger{background:#fff0ec;color:var(--danger)}.danger-button:hover,.history-delete:hover,.icon-danger:hover{background:#ffe8e1}.error{border-color:#b33b2e47;background:#fff0ec;color:#8f2a20}.modal-backdrop{background:#15201d6b}:root{--ui-bg: #eef1ed;--ui-bg-grid: rgba(27, 47, 42, .05);--ui-rail: #151b19;--ui-rail-soft: #202824;--ui-panel: rgba(255, 255, 255, .92);--ui-panel-solid: #fbfcfa;--ui-soft: #f4f7f3;--ui-soft-2: #e8eee8;--ui-line: rgba(28, 43, 38, .12);--ui-line-strong: rgba(16, 112, 88, .3);--ui-ink: #111917;--ui-ink-2: #40514a;--ui-ink-3: #718078;--ui-brand: #0b745e;--ui-brand-2: #0f9478;--ui-brand-soft: #e0f3ed;--ui-accent: #c16b37;--ui-accent-soft: #fff0e6;--ui-danger: #b63d2f;--ui-radius: 8px;--ui-shadow-sm: 0 8px 22px rgba(20, 28, 25, .06);--ui-shadow-md: 0 18px 46px rgba(20, 28, 25, .1);--ui-shadow-lg: 0 28px 80px rgba(15, 22, 20, .18)}html{background:var(--ui-bg)}body{color:var(--ui-ink);background:linear-gradient(180deg,#ffffffdb,#eef1ed00 360px),linear-gradient(90deg,var(--ui-bg-grid) 1px,transparent 1px),linear-gradient(180deg,var(--ui-bg-grid) 1px,transparent 1px),var(--ui-bg);background-size:auto,36px 36px,36px 36px,auto}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(15,148,120,.35);outline-offset:2px}.app-layout{grid-template-columns:244px minmax(0,1fr);background:transparent;transition:grid-template-columns .18s ease}.app-layout.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.app-sidebar{padding:18px 12px;border-right:0;background:linear-gradient(180deg,#ffffff0b,#fff0),var(--ui-rail);box-shadow:12px 0 34px #0f161421}.sidebar-brand{justify-items:start;grid-template-columns:42px minmax(0,1fr) 34px;gap:10px;padding:8px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.sidebar-brand img{width:42px;height:42px;padding:4px;border-radius:8px;background:#ffffffeb;mix-blend-mode:normal}.sidebar-brand strong{align-self:center;color:#f6fbf8;font-size:13px;font-weight:850;letter-spacing:.14em}.sidebar-collapse-button{display:grid;place-items:center;align-self:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0e;color:#ecf5f0c7;transition:background .16s ease,border-color .16s ease,color .16s ease}.sidebar-collapse-button:hover{border-color:#3cdcb438;background:#0f947829;color:#fff}.sidebar-collapsed .app-sidebar{padding-inline:10px}.sidebar-collapsed .sidebar-brand{grid-template-columns:1fr;justify-items:center;gap:8px;padding-inline:4px}.sidebar-collapsed .sidebar-brand strong{display:none}.sidebar-collapsed .sidebar-brand img{width:42px;height:42px}.sidebar-collapsed .side-nav button{grid-template-columns:1fr;justify-items:center;min-height:46px;padding:10px}.sidebar-collapsed .side-nav button span,.sidebar-collapsed .language-nav-button>svg:last-child{display:none}.sidebar-collapsed .side-nav button.active{box-shadow:inset 0 -3px 0 var(--ui-brand-2)}.sidebar-collapsed .language-nav-item{width:100%}.sidebar-collapsed .side-nav .language-nav-button{grid-template-columns:1fr}.sidebar-collapsed .language-popover{left:calc(100% + 10px)}.side-nav{gap:5px}.side-nav button{min-height:44px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:#ecf5f0ad}.side-nav button:before{display:none}.side-nav button svg{color:#b1c4bbe6}.side-nav strong{color:inherit;font-size:13px;font-weight:800}.side-nav button:hover{border-color:#ffffff14;background:#ffffff0f;color:#fff}.side-nav button.active{border-color:#3cdcb438;background:linear-gradient(90deg,#0f94783d,#ffffff12);color:#fff;box-shadow:inset 3px 0 0 var(--ui-brand-2)}.language-nav-button small{color:#d2dfd994}.language-popover{border-color:#ffffff1f;background:#202824;box-shadow:var(--ui-shadow-lg);color:#fff}.side-nav .language-popover button{color:#ecf5f0c2}.side-nav .language-popover button:hover,.side-nav .language-popover button.active{background:#0f94782e;color:#fff}.app-content{padding:22px}.top-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.top-progress .status-step,.status-step{min-height:42px;border-color:var(--ui-line);border-radius:8px;background:#ffffffb8;color:var(--ui-ink-3);box-shadow:none}.status-step span,.step-badge{background:#e6ece7;color:var(--ui-ink-2)}.status-step.done,.status-step.current{border-color:#0f947838;background:var(--ui-brand-soft);color:var(--ui-brand)}.status-step.done span,.status-step.current span,.step-badge:not(.muted){background:var(--ui-brand);color:#fff}.step-badge.muted{background:#e6ece7;color:var(--ui-ink-2)}.panel{border:1px solid var(--ui-line);border-radius:10px;background:linear-gradient(180deg,#fffffff5,#fafcf9e6),var(--ui-panel);box-shadow:var(--ui-shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-title{min-height:34px;color:var(--ui-ink)}.panel-title h2,.library-mini-header h3,.channel-header h3,.storyboard-template-header strong,.storyboard-list-header strong,.storyboard-beat-header strong{color:var(--ui-ink);font-size:15px;font-weight:900}label span,.hint,.generate-mode-hint,.storyboard-template-header span,.storyboard-list-header span,.storyboard-beat-header span,.preset-header span,.optional-settings-note span{color:var(--ui-ink-3)}input,select,textarea{min-height:40px;border-color:var(--ui-line);border-radius:8px;background:#ffffffe6;color:var(--ui-ink);font-weight:450}textarea{line-height:1.58}input:focus,select:focus,textarea:focus{border-color:var(--ui-brand-2);box-shadow:0 0 0 3px #0f947821}.upload-zone label,.action-row button,.generate-button,figure button,.preset-add-form button,.reverse-primary-button,.storyboard-ai-brief>button,.storyboard-template-actions .storyboard-apply-button{border:1px solid rgba(15,148,120,.2);border-radius:8px;background:linear-gradient(180deg,var(--ui-brand-2),var(--ui-brand));color:#fff;box-shadow:0 10px 22px #0f947829;font-weight:850}.secondary,.action-row .secondary,figure .secondary,.record-actions .secondary,.settings-button,.utility-button,.clear-canvas-button,.optional-settings-note button,.storyboard-toggle-button,.storyboard-recommend-button,.storyboard-template-actions .secondary,.preset-manage-button,.provider-tab-select,.provider-tab-edit,.provider-tabs .add-provider{border:1px solid var(--ui-line);border-radius:8px;background:#ffffffdb;color:var(--ui-ink-2);box-shadow:none}.secondary:hover,.action-row .secondary:hover,figure .secondary:hover,.record-actions .secondary:hover,.clear-canvas-button:hover,.optional-settings-note button:hover,.storyboard-toggle-button:hover,.storyboard-recommend-button:hover,.preset-manage-button:hover{border-color:var(--ui-line-strong);background:#fff;color:var(--ui-brand)}.reference-workbench{gap:16px}.intake-panel,.prompt-settings-panel,.basic-runner-panel,.output-panel,.settings-page{overflow:hidden}.upload-zone{margin-top:0}.link-import,.intake-notes,.prompt-presets,.optional-settings-note,.optional-settings-empty,.storyboard-template-panel,.storyboard-ai-controls,.storyboard-ai-brief,.storyboard-subject-list,.storyboard-beat-list,.storyboard-extra-prompt-field,.basic-option-group,.channel-settings,.generation-log-panel{border-color:var(--ui-line);border-radius:8px;background:var(--ui-soft);box-shadow:none}.crop-stage{border:1px solid rgba(30,49,43,.16);background:linear-gradient(90deg,rgba(15,148,120,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(15,148,120,.05) 1px,transparent 1px),radial-gradient(circle at 50% 44%,#ffffffeb,#ffffff52 36%,#0f947814 72%),#edf3ef;background-size:28px 28px,28px 28px,auto,auto}.crop-empty-state:before,.crop-empty-state:after{opacity:.44}.reference-row,.history-work-card,.provider-tab-item,.summary-card{border-color:var(--ui-line);border-radius:8px;background:#ffffffd1;box-shadow:none}.reference-list{gap:12px}.reference-media,.basic-image-preview,.basic-upload-box,.result-grid figure img,.history-work-preview,.history-preview{border-color:#1c2b261a;background:#e9eeea}.prompt-box,.basic-prompt-field textarea{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.negative-hints textarea,.basic-negative-field textarea{min-height:130px}.basic-runner-grid{grid-template-columns:minmax(520px,1.08fr) minmax(360px,.92fr);min-height:660px}.basic-control-column{grid-template-rows:minmax(240px,1fr) auto auto 58px}.basic-upload-box{background:linear-gradient(90deg,rgba(30,49,43,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(30,49,43,.04) 1px,transparent 1px),#eef3ef;background-size:28px 28px}.basic-upload-empty,.basic-upload-add{color:var(--ui-ink-3)}.basic-option-list button,.preset-group button,.storyboard-preset-tabs button,.history-tabs button{border-color:var(--ui-line);border-radius:8px;background:#ffffffc7;color:var(--ui-ink-2);font-weight:800}.basic-option-list button.active,.preset-group button:hover,.storyboard-preset-tabs button.active,.history-tabs button.active{border-color:#0f94783d;background:var(--ui-brand-soft);color:var(--ui-brand)}.prompt-card-draw-panel{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(135deg,#121816,#26312c 62%,#17201d),#17201d;box-shadow:0 18px 42px #0f161433}.prompt-card-draw-button{border-radius:8px;background:#fff;color:#121816}.prompt-card-recipe{border-color:#ffffff1a;background:#ffffff0d}.result-grid.has-results{grid-template-columns:minmax(0,min(720px,100%))}.result-grid.has-results figure{padding:10px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-panel-solid)}.generation-log-item{border:1px solid rgba(28,43,38,.06);background:#ffffff9e}.loading-state{border-color:#0f94782e;background:linear-gradient(90deg,rgba(15,148,120,.055) 1px,transparent 1px),linear-gradient(180deg,rgba(15,148,120,.045) 1px,transparent 1px),radial-gradient(circle at 50% 44%,rgba(15,148,120,.14),transparent 32%),#f8fbf8;background-size:34px 34px,34px 34px,auto,auto}.history-tabs{position:sticky;top:14px;z-index:5;border-color:var(--ui-line);border-radius:10px;background:#fbfcfae0;box-shadow:var(--ui-shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.history-work-card{overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.history-work-card:hover{border-color:#0f947838;box-shadow:var(--ui-shadow-md);transform:translateY(-2px)}.history-work-preview{background:#e8eee9}.history-work-meta{background:#ffffffeb}.history-work-meta strong{display:-webkit-box;min-width:0;max-width:100%;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-delete,.icon-danger,.danger-button{border:1px solid rgba(182,61,47,.14);border-radius:8px;background:#fff0ec;color:var(--ui-danger)}.history-lightbox-main{border-radius:14px;background:#f4f7f3}.history-lightbox-panel{border-left:1px solid var(--ui-line);background:var(--ui-panel-solid)}.history-avatar{background:linear-gradient(180deg,var(--ui-brand-2),var(--ui-brand))}.settings-page{max-width:none}.provider-tabs{padding:8px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-soft)}.provider-tab-item.active{border-color:#0f947847;background:var(--ui-brand-soft)}.settings-grid{gap:16px}.channel-settings{margin-top:0}.settings-toast,.autosave-pill,.settings-message{border:1px solid rgba(15,148,120,.18);border-radius:999px;background:var(--ui-brand-soft);color:var(--ui-brand)}.toast-item,.confirm-dialog,.settings-modal{border-color:var(--ui-line);border-radius:10px;background:#fbfcfaf5;box-shadow:var(--ui-shadow-lg)}.error{border-color:#b63d2f38;border-radius:8px;background:#fff0ec;color:#8c2c22}@media(max-width:1180px){.app-layout.sidebar-collapsed{display:block}.app-sidebar{background:#151b19f5}.sidebar-brand{grid-template-columns:36px auto 34px;justify-content:start}.sidebar-brand img{width:36px;height:36px}.side-nav button{flex:1 1 150px}.sidebar-collapsed .app-sidebar,.sidebar-collapsed .sidebar-brand,.sidebar-collapsed .side-nav button,.sidebar-collapsed .side-nav .language-nav-button{width:auto}.sidebar-collapsed .sidebar-brand{grid-template-columns:36px auto 34px;justify-items:start}.sidebar-collapsed .sidebar-brand strong,.sidebar-collapsed .side-nav button span,.sidebar-collapsed .language-nav-button>svg:last-child{display:block}.sidebar-collapsed .side-nav button{grid-template-columns:18px minmax(0,1fr);justify-items:start}}@media(max-width:980px){.app-content{padding:16px}.basic-runner-grid,.reference-workbench{grid-template-columns:1fr}.basic-control-column{grid-template-rows:none}}@media(max-width:640px){.app-content{padding:12px}.top-progress{grid-template-columns:1fr}.panel{padding:12px}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.side-nav button{width:100%;min-width:0;grid-template-columns:18px minmax(0,1fr);gap:8px}.language-nav-item{width:100%;min-width:0}.side-nav .language-nav-button{width:100%}.side-nav button span{min-width:0}.side-nav button strong,.language-nav-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-preset-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.side-nav button,.language-nav-item,.side-nav .language-nav-button{width:100%}}@media(max-width:900px){.app-layout,.app-layout.sidebar-collapsed{display:block;grid-template-columns:1fr;min-height:100dvh}.app-sidebar,.sidebar-collapsed .app-sidebar{position:sticky;top:0;z-index:1800;width:100%;height:auto;min-height:0;padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);background:#151b19fa;box-shadow:0 14px 32px #0f161429;overflow:visible}.sidebar-brand,.sidebar-collapsed .sidebar-brand{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;align-items:center;justify-items:start;gap:10px;padding:0;border-bottom:0;text-align:left}.sidebar-brand img,.sidebar-collapsed .sidebar-brand img{width:36px;height:36px;padding:4px;border-radius:8px;background:#fffffff0}.sidebar-brand strong,.sidebar-collapsed .sidebar-brand strong{display:block;color:#f6fbf8;font-size:13px;font-weight:850;letter-spacing:.14em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapse-button{justify-self:end;width:38px;height:38px;min-height:38px}.side-nav{display:grid;grid-template-columns:1fr;gap:7px;max-height:min(430px,calc(100dvh - 72px));margin-top:10px;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.08);overflow-y:auto;overscroll-behavior:contain}.sidebar-collapsed .side-nav{display:none}.side-nav button,.sidebar-collapsed .side-nav button,.side-nav .language-nav-button,.sidebar-collapsed .side-nav .language-nav-button{width:100%;min-width:0;min-height:42px;grid-template-columns:18px minmax(0,1fr);justify-items:start;gap:10px;padding:8px 10px}.side-nav button span,.sidebar-collapsed .side-nav button span,.sidebar-collapsed .language-nav-button>svg:last-child{display:block}.side-nav strong{font-size:13px;line-height:1.15}.language-nav-item{width:100%;min-width:0}.side-nav .language-nav-button{grid-template-columns:18px minmax(0,1fr) 16px}.side-nav .language-nav-button>svg:last-child{display:block;margin-left:0}.language-popover,.sidebar-collapsed .language-popover{position:static;width:100%;margin-top:6px;border-radius:8px;background:#202824}.app-content{padding:12px 10px 22px}.optional-settings-note{display:grid;grid-template-columns:1fr;align-items:stretch;gap:12px}.optional-settings-note>div,.preset-header-title{min-width:0}.optional-settings-note strong,.optional-settings-note span{overflow-wrap:anywhere}.optional-settings-note button{width:100%;min-height:44px}.preset-header{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px}.preset-manage-button{width:100%;min-height:42px}.prompt-presets{display:flex;flex:none;flex-direction:column;align-content:start;grid-template-rows:auto auto auto auto;height:auto;min-height:auto;max-height:none;overflow:visible}.preset-scroll{flex:none;height:auto;min-height:auto;max-height:none;padding-right:0;overflow:visible}.preset-group{grid-template-columns:1fr;gap:6px}.preset-group>span{min-width:0;padding-top:0;white-space:normal}.preset-group>div{min-width:0}.preset-chip-plain{min-width:0}.preset-group button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.preset-add-form{grid-template-columns:1fr;align-items:stretch}.preset-add-form button{width:100%;min-height:44px}.prompt-settings-panel{height:auto;max-height:none;overflow:visible}}@media(max-width:420px){.app-sidebar,.sidebar-collapsed .app-sidebar{padding-inline:10px}}