:root{--bg: #e4e4e4;--bg-elevated: #ffffff;--bg-surface: #f6f6f6;--border: #c8c8c8;--border-soft: #d8d8d8;--border-highlight: rgba(0, 0, 0, .06);--text: #0a0a0a;--muted: #5c5c5c;--brand-peach: #eeb8a0;--brand-lime: #d4ff4d;--accent: var(--brand-lime);--accent-dim: #c4e838;--accent-ink: #0a0a0a;--accent-glow: rgba(223, 255, 0, .35);--accent-muted: rgba(223, 255, 0, .55);--danger: #c41e1e;--selection: rgba(223, 255, 0, .28);--selection-stroke: #0a0a0a;--pasteboard: #d0d0d0;--radius-panel: 4px;--radius-inner: 4px;--radius-control: 4px;--radius-thumb: 4px;--space-field: .5rem;--workspace-bg: #ffffff;--display-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono-font: "JetBrains Mono", ui-monospace, Menlo, monospace;--ui-font: var(--display-font);--ui-ease: cubic-bezier(.25, .1, .25, 1);font-family:var(--ui-font);color:var(--text);background:var(--bg);line-height:1.45;font-feature-settings:"kern" 1,"liga" 1}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg)}::selection{background:var(--accent);color:var(--accent-ink)}#root{height:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0}h1{font-family:var(--display-font);font-weight:700;font-size:clamp(1.75rem,4vw,2.35rem);letter-spacing:-.02em;margin:0 0 .35rem}.subtitle{color:var(--muted);font-size:.95rem;max-width:42rem;margin:0 0 1.75rem}.shell{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.shell-app{flex:1;display:flex;flex-direction:column;min-height:0;max-width:none;margin:0;overflow:hidden;padding:max(.5rem,env(safe-area-inset-top,0px)) max(.65rem,env(safe-area-inset-right,0px)) max(.45rem,env(safe-area-inset-bottom,0px)) max(.65rem,env(safe-area-inset-left,0px))}.app-header{flex-shrink:0;padding:.25rem 0 .55rem}.app-header-bar{display:flex;align-items:center;gap:.65rem;min-height:2.75rem}.app-mark{flex-shrink:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 10px rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(229,165,43,.18))}.app-mark svg{display:block}.app-header-lockup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.12rem;min-width:0}.app-title{font-family:var(--display-font);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.35rem);letter-spacing:-.01em;margin:0;color:#fff6e8;line-height:1.1}.app-header-meta{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e5a52bb8;line-height:1}.workspace{flex:1 1 0;display:grid;grid-template-columns:0 48px minmax(0,1fr) 0;grid-template-rows:minmax(0,1fr);gap:0;min-height:0;align-items:stretch;border:1px solid rgba(0,0,0,.72);border-radius:var(--radius-panel);box-shadow:inset 0 1px 0 var(--border-highlight),0 8px 40px #0000008c,0 1px #ffffff09;overflow:hidden;background:linear-gradient(165deg,#353028 0%,var(--workspace-bg) 48%);transition:grid-template-columns .24s var(--ui-ease, ease)}.workspace.workspace--drawer-open{grid-template-columns:240px 48px minmax(0,1fr) 0}.workspace.workspace--properties-open{grid-template-columns:0 48px minmax(0,1fr) minmax(260px,340px)}.workspace.workspace--drawer-open.workspace--properties-open{grid-template-columns:240px 48px minmax(0,1fr) minmax(260px,340px)}.workspace>*{min-height:0;min-width:0}.bookmarks-drawer{grid-column:1;grid-row:1}.tool-column{grid-column:2;grid-row:1}.canvas-column{grid-column:3;grid-row:1}.properties-panel{grid-column:4;grid-row:1}@media(max-height:520px){.app-header-meta{display:none}.app-header{padding-bottom:.2rem}.app-header-bar{min-height:2.35rem}.app-mark svg{width:34px;height:34px}}.tool-column{display:flex;flex-direction:column;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(255,255,255,.12) transparent;scrollbar-width:thin;background:linear-gradient(180deg,#26211a,#1a1612);border-right:1px solid rgba(0,0,0,.5);box-shadow:inset -1px 0 0 var(--border-highlight)}.tool-rail{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-height:0;padding:.5rem .15rem .45rem;gap:.35rem}.tool-rail-tools{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:.5rem .15rem .3rem;gap:.35rem}.tool-rail-divider{flex-shrink:0;height:1px;margin:0 .2rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);box-shadow:0 1px #00000059}.tool-rail-gear{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:auto;padding:.15rem .1rem .45rem}.tool-rail-gear>.hover-tip-anchor{width:auto;align-self:center}.hover-tip-anchor{display:block;width:100%;min-width:0}.hover-tip-anchor.hover-tip-anchor--inline{display:inline-flex;width:auto;vertical-align:middle;flex-shrink:0}.field-hint-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:2px;border:none;border-radius:4px;background:transparent;color:#a5acb7b8;cursor:help;transition:color .15s var(--ui-ease),background .15s var(--ui-ease)}.field-hint-btn:hover{color:#d7deebf2;background:#ffffff0f}.field-hint-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #e5a52b59}.hover-tip-bubble{pointer-events:none;padding:.28rem .48rem;border-radius:5px;background:#1a1b1ff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.062);box-shadow:0 6px 20px #00000061,0 0 0 1px #00000047;color:#ebeef5e6;font-size:.6875rem;font-weight:400;letter-spacing:.01em;line-height:1.42;animation:hover-tip-in .2s var(--ui-ease, ease) both}@keyframes hover-tip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.blend-popover{position:fixed;z-index:400;min-width:248px;max-width:min(312px,calc(100vw - 20px));padding:.55rem 0;background:#1c1d22fa;border:1px solid rgba(255,255,255,.055);border-radius:10px;box-shadow:0 24px 64px #00000080,0 0 0 1px #00000059}.blend-popover--scroll{max-height:min(520px,calc(85vh - 24px));overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.12) transparent;scrollbar-width:thin}.blend-popover-section{padding:.65rem .95rem .75rem}.blend-popover-section--split{margin-top:.15rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.055)}.blend-popover-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.blend-popover-section-title{margin:0;min-width:0;flex:1 1 auto;font-family:var(--ui-font);font-size:.8125rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.blend-popover-stack{display:flex;flex-direction:column;gap:.62rem}.blend-popover-field{margin:0}.blend-popover-field--hint-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding-top:.15rem}.blend-popover-hint{margin:-.15rem 0 .65rem;font-size:.72rem;line-height:1.45;color:var(--muted)}.blend-popover-hint code{font-size:.68rem;color:#c4cad6f2}.blend-popover-fieldset{border:0;margin:0;padding:0;min-width:0}.blend-popover-fieldset:disabled{opacity:.55;pointer-events:none}.text-input{padding:.48rem .65rem;border-radius:var(--radius-control);border:1px solid rgba(0,0,0,.45);background:linear-gradient(180deg,#353028,#2a2520);color:var(--text);font:inherit;font-size:.8125rem;box-shadow:inset 0 1px #ffffff0e}.text-input:focus{outline:none;border-color:#c88a288c;box-shadow:inset 0 1px #ffffff12,0 0 0 2px #c88a282e}.text-input--fluid{min-width:0;width:100%}.blend-popover-reset{display:inline;margin:0;padding:0;border:0;background:transparent;cursor:pointer;font-size:.76rem}.inline-field--popover{gap:.28rem}.inline-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-width:0}.blend-popover .inline-field-label{font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#8b9099eb}.properties-actions--genapply{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:.65rem}.properties-actions--genapply .inline-field--generations{flex:0 0 auto;min-width:7.25rem}.properties-actions--genapply .primary--apply{flex:1 1 auto;min-width:0}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#c4bdb4;cursor:pointer;transition:color .15s var(--ui-ease),background .15s var(--ui-ease),border-color .15s var(--ui-ease),box-shadow .15s var(--ui-ease)}.tool-btn:hover:not(:disabled){color:var(--text);background:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn--active{color:#fff4d6;border-color:#b47814d9;background:linear-gradient(180deg,#c88a2847,#c88a2824);box-shadow:inset 0 1px #ffffff24,0 0 0 1px #0003}.canvas-column{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:.5rem .65rem .65rem;gap:.3rem;box-shadow:inset 0 1px #ffffff0a}.subtle-file-link{margin:0;padding:.12rem 0;border:none;background:transparent;font:inherit;font-size:.72rem;font-weight:500;letter-spacing:.02em;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:#8b90996b;text-underline-offset:.22em;transition:color .15s var(--ui-ease),text-decoration-color .15s var(--ui-ease)}.subtle-file-link:hover{color:var(--accent);text-decoration-color:#e5a52b8c}.subtle-file-link:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px;border-radius:3px}.canvas-empty-stack{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.canvas-empty-upload{pointer-events:auto;margin-top:.05rem}.canvas-foot-upload{flex-shrink:0;display:flex;justify-content:center;padding-bottom:.15rem}.canvas-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-left:auto}.canvas-toolbar__replace{margin-left:0}.canvas-toolbar__share--copied{color:var(--accent-ink, #1a1a1a)}.prompt-bar{flex-shrink:0;margin:.5rem auto .15rem;width:min(860px,100%);display:flex;align-items:center;gap:.4rem;padding:.35rem .4rem .35rem .45rem;background:linear-gradient(180deg,#2c2720,#1f1b16);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #00000073,0 2px 6px #00000059;transition:border-color .18s var(--ui-ease),box-shadow .18s var(--ui-ease)}.prompt-bar--ready{border-color:#e5a52b47;box-shadow:inset 0 1px #ffffff0f,0 10px 32px #00000080,0 0 0 1px #e5a52b2e,0 0 28px #e5a52b24}.prompt-bar__ref-wrap{position:relative;flex-shrink:0}.prompt-bar__ref-wrap--has:hover .prompt-bar__ref-clear,.prompt-bar__ref-wrap--has:focus-within .prompt-bar__ref-clear{opacity:1;pointer-events:auto}.prompt-bar__ref{position:relative;flex-shrink:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.16);color:var(--muted);cursor:pointer;overflow:hidden;transition:background .15s var(--ui-ease),border-color .15s var(--ui-ease),color .15s var(--ui-ease)}.prompt-bar__ref-wrap--has:hover .prompt-bar__ref:after{opacity:1}.prompt-bar__ref--has:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#08080a6b;opacity:0;pointer-events:none;transition:opacity .15s var(--ui-ease)}.prompt-bar__ref-clear{position:absolute;top:50%;left:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#121216e0;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .15s var(--ui-ease),background .15s var(--ui-ease),border-color .15s var(--ui-ease),color .15s var(--ui-ease)}.prompt-bar__ref-clear:hover{background:#781820eb;border-color:#ffb4b48c;color:#ffd0d0}.prompt-bar__ref-clear:focus-visible{outline:none;box-shadow:0 0 0 2px #e5a52b73}@media(hover:none){.prompt-bar__ref-wrap--has .prompt-bar__ref-clear{opacity:.92;pointer-events:auto}.prompt-bar__ref--has:after{opacity:.35}}.prompt-bar__ref:hover{background:#ffffff12;border-color:#ffffff3d;color:var(--text)}.prompt-bar__ref--has{border-style:solid;border-color:#e5a52b80;background:transparent}.prompt-bar__ref--active{border-color:var(--accent);background:var(--accent-glow);color:var(--text)}.prompt-bar__ref input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;opacity:0;cursor:pointer}.prompt-bar__ref-thumb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}.prompt-bar__input{flex:1 1 auto;min-width:0;align-self:stretch;border:none;outline:none;background:transparent;color:var(--text);font:inherit;font-size:.92rem;line-height:1.35;resize:none;padding:.5rem .55rem;max-height:7.5rem;field-sizing:content}.prompt-bar__input::placeholder{color:var(--muted)}.prompt-bar__input:disabled{opacity:.7;cursor:not-allowed}.prompt-bar__input:focus{outline:none}.prompt-bar__variations{position:relative;flex-shrink:0;display:inline-flex;align-items:center;gap:.18rem;height:32px;padding:0 .2rem 0 .55rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s var(--ui-ease),border-color .15s var(--ui-ease)}.prompt-bar__variations:hover{background:#ffffff12;border-color:#ffffff29;color:var(--text)}.prompt-bar__variations-label{font-variant-numeric:tabular-nums;letter-spacing:.02em}.prompt-bar__variations-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;color:inherit;font:inherit;font-weight:600;padding:0 1rem 0 .15rem;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'><path d='M1 1l3 3 3-3' stroke='%23a0a4ac' stroke-width='1.2' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right .25rem center}.prompt-bar__variations-select:focus{outline:none}.prompt-bar__generate{flex-shrink:0;height:38px;padding:0 1.1rem;border:none;border-radius:10px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#fff;font:inherit;font-weight:600;font-size:.88rem;letter-spacing:.005em;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #e5a52b59;transition:transform .08s var(--ui-ease),box-shadow .15s var(--ui-ease),filter .15s var(--ui-ease)}.prompt-bar__generate:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #ffffff38,0 4px 14px #e5a52b73}.prompt-bar__generate:active:not(:disabled){transform:translateY(1px)}.prompt-bar__generate:disabled{background:#ffffff0f;color:#ffffff61;box-shadow:none;cursor:not-allowed}.properties-idle--ready{opacity:.85}.properties-ready-hint{margin-bottom:.85rem;padding:.55rem .7rem;background:#e5a52b0f;border:1px solid rgba(229,165,43,.16);border-radius:var(--radius-inner)}.properties-ready-hint .hint{margin:0;font-size:.78rem;line-height:1.4}.properties-ready-hint kbd,.properties-idle--ready kbd{display:inline-block;padding:.05rem .35rem;margin:0 .12rem;font:inherit;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px}.reference-subtle-upload{align-self:flex-start;margin-top:.15rem}.canvas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;flex-shrink:0;min-height:2.35rem}.canvas-meta{color:var(--muted);font-size:.85rem}.canvas-hint{margin:0;flex-shrink:0;line-height:1.35;min-height:2.7em}.canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;padding:1rem;text-align:center;color:var(--muted);pointer-events:none}.canvas-empty-title{font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.canvas-empty-sub{font-size:.8125rem;line-height:1.45;max-width:17rem;opacity:.92}.properties-panel{display:flex;flex-direction:column;min-height:0;min-width:0;padding:0;overflow:hidden;pointer-events:none;visibility:hidden;border-left:none;box-shadow:none;background:linear-gradient(180deg,#2b2620,#1e1a15)}.properties-panel.properties-panel--open{padding:.9rem 1rem 1rem;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.12) transparent;scrollbar-width:thin;pointer-events:auto;visibility:visible;border-left:1px solid rgba(0,0,0,.45);box-shadow:inset 1px 0 0 var(--border-highlight),inset 3px 0 0 var(--accent-muted)}.properties-panel::-webkit-scrollbar,.tool-column::-webkit-scrollbar,.blend-popover--scroll::-webkit-scrollbar{width:8px}.properties-panel::-webkit-scrollbar-thumb,.tool-column::-webkit-scrollbar-thumb,.blend-popover--scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.properties-global-error{margin:0 0 .75rem;flex-shrink:0}.properties-idle-title{font-weight:600;font-size:.92rem;letter-spacing:-.02em;margin:0 0 .35rem}.properties-idle{padding:.25rem 0 .5rem}.properties-idle .hint{margin-top:0}.properties-edit{display:flex;flex-direction:column;gap:.85rem;flex:1 1 auto;min-height:0}.properties-edit .field-label{margin-top:0;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.properties-edit textarea.prompt{resize:none;min-height:76px;max-height:min(32vh,240px);overflow-y:auto}.properties-actions{flex-direction:column;align-items:stretch}.filmstrip-bar{flex-shrink:0;display:flex;align-items:stretch;gap:.75rem;margin-top:.5rem;padding:.55rem .75rem max(.55rem,env(safe-area-inset-bottom,0px));border-top:1px solid rgba(0,0,0,.55);background:linear-gradient(180deg,#211d18,#151210);border-radius:var(--radius-panel) var(--radius-panel) 0 0;min-height:104px;max-height:128px;box-shadow:inset 0 1px 0 var(--border-highlight),0 -8px 32px #0003}.filmstrip-label-wrap{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;gap:.45rem}.filmstrip-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.filmstrip-gen-badge{min-width:1.15rem;padding:.1rem .38rem;font-size:.62rem;font-weight:700;line-height:1.2;color:#ffe8b8;background:#e5a52b47;border:1px solid rgba(229,165,43,.45);border-radius:999px}.filmstrip-scroll{flex:1;display:flex;align-items:flex-end;gap:.65rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.15rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.filmstrip-scroll:has(.filmstrip-empty){align-items:center;padding-bottom:0}.filmstrip-empty{margin:0;align-self:center;line-height:1.45;font-size:.8125rem}.filmstrip-item{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:88px}.filmstrip-thumb{display:block;width:72px;height:72px;padding:0;border:1px solid rgba(0,0,0,.45);border-radius:var(--radius-thumb);overflow:hidden;cursor:pointer;background:var(--pasteboard);transition:border-color .18s var(--ui-ease),box-shadow .18s var(--ui-ease),transform .18s var(--ui-ease)}.filmstrip-thumb:hover{border-color:var(--text);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filmstrip-thumb img{display:block;width:100%;height:100%;object-fit:cover}.filmstrip-thumb--pending{cursor:default;pointer-events:none;border-color:#e5a52b59}.filmstrip-thumb--pending:hover{transform:none;box-shadow:none}@keyframes filmstrip-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.filmstrip-skeleton-shimmer{display:block;width:100%;height:100%;background:linear-gradient(105deg,#ffffff08,#ffffff24 42%,#ffffff08 85%);background-size:220% 100%;animation:filmstrip-shimmer 1.15s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.filmstrip-skeleton-shimmer{animation:none;background:#ffffff0f}}.filmstrip-thumb--failed{cursor:default;pointer-events:none;border-color:#e85d5d73;background:#241012eb}.filmstrip-thumb--failed:hover{transform:none}.filmstrip-failed-mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.25rem;font-weight:800;color:#ff9a9a}.filmstrip-item--failed .filmstrip-caption{color:#b08080}.filmstrip-item--active .filmstrip-thumb{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim),inset 0 0 0 1px #ffffff14}.filmstrip-caption{font-size:.68rem;color:var(--muted);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filmstrip-rm,.filmstrip-dl,.filmstrip-bm{position:absolute;top:4px;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#fffffff0;color:var(--text);cursor:pointer;opacity:0;box-shadow:0 1px 4px #0000001f;transition:opacity .15s ease,color .15s ease,background .15s ease,border-color .15s ease}.filmstrip-rm{left:6px}.filmstrip-dl{right:6px}.filmstrip-bm{right:36px}.filmstrip-item:hover .filmstrip-rm,.filmstrip-item:hover .filmstrip-dl,.filmstrip-item:hover .filmstrip-bm{opacity:1}@media(hover:none){.filmstrip-rm,.filmstrip-dl,.filmstrip-bm{opacity:.88}}.filmstrip-rm:hover{color:var(--danger);background:#fff;border-color:var(--danger)}.filmstrip-dl:hover{color:var(--text);background:#fff;border-color:var(--text)}.filmstrip-bm:hover:not(:disabled){color:var(--accent-ink);background:var(--accent);border-color:var(--text)}.filmstrip-bm--saved{opacity:1!important;color:var(--accent-ink);background:var(--accent);border-color:var(--text)}.filmstrip-bm:disabled{cursor:default}.file-btn--sm{padding:.45rem .85rem;font-size:.85rem}.ghost--compact{padding:.35rem .65rem;font-size:.8rem}.primary--full{width:100%}.select-control--fluid{min-width:0;width:100%}.settings-grid--stack{flex-direction:column;align-items:stretch}.reference-zone--compact{margin-top:0}.reference-drop--compact{min-height:3rem;padding:.55rem .65rem}@media(max-width:960px){.workspace{display:flex;flex-direction:column;flex:1;min-height:0}.tool-column{flex-direction:row;flex-wrap:wrap;align-items:stretch;align-content:flex-start;border-right:none;border-bottom:1px solid var(--border);overflow-y:visible;max-height:none}.tool-rail-tools{flex-direction:row;justify-content:center;flex:0 0 auto;padding:.45rem .5rem}.tool-rail-divider{display:none}.tool-rail-gear{margin-top:0;padding:.45rem .5rem .45rem 0;align-self:center}.canvas-column{flex:1 1 0;min-height:0}.properties-panel{border-left:none;border-top:1px solid rgba(0,0,0,.45);box-shadow:inset 0 1px 0 var(--border-highlight),inset 0 3px 0 var(--accent-muted);flex:0 0 0;min-height:0;max-height:0;overflow:hidden}.properties-panel.properties-panel--open{flex:0 1 38%;max-height:none;overflow-y:auto}}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-panel);padding:1.25rem 1.35rem;margin-bottom:1.25rem}.row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.actions-row{margin-top:.85rem}.mode-row{margin-bottom:.35rem;align-items:center}.mode-hint{margin:0 0 .75rem;max-width:44rem}.canvas-wrap--lasso canvas{cursor:crosshair}.canvas-wrap--all canvas{cursor:default}.variations-row{align-items:flex-end}.inline-field{display:inline-flex;flex-direction:column;gap:.25rem}.inline-field-label{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.select-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:2.35rem;padding:.45rem 2.15rem .45rem .72rem;border-radius:var(--radius-control);border:1px solid var(--border);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.75 4.25 6 7.5 9.25 4.25'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .62rem center;background-size:11px 11px;color:var(--text);font:inherit;font-size:.875rem;line-height:1.35;min-width:5.5rem;cursor:pointer;box-shadow:none;transition:border-color .15s var(--ui-ease),box-shadow .15s var(--ui-ease),background-color .15s var(--ui-ease)}.select-control:hover:not(:disabled){border-color:var(--text);background-color:#fff}.select-control:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 2px var(--accent-glow)}.settings-details{margin-top:1rem;padding:.75rem 0 0;border-top:1px solid var(--border)}.settings-details summary{cursor:pointer;font-weight:600;font-size:.88rem;color:var(--muted);-webkit-user-select:none;user-select:none}.settings-details summary:hover{color:var(--text)}.settings-grid{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:flex-end;margin-top:.85rem}.checkbox-field{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-field input{width:1rem;height:1rem;accent-color:var(--accent)}.checkbox-field.checkbox-field--blend-popover{display:grid;grid-template-columns:1rem 1fr;align-items:start;column-gap:.5rem;margin:0;font-size:.8125rem}.checkbox-field.checkbox-field--blend-popover input[type=checkbox]{margin:.16rem 0 0}.checkbox-field.checkbox-field--blend-popover .checkbox-field-text-col{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;line-height:1.42;min-width:0;color:var(--text)}.variant-hint{margin-top:0;margin-bottom:.75rem}.variants-grid{align-items:start}.variant-card{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.variant-card--selected{border-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent)}.variant-card h3{display:flex;align-items:center;gap:.5rem}.variant-radio{margin:0;accent-color:var(--accent)}label.file-btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:linear-gradient(180deg,#5c5c5c,#4a4a4a);color:#f5f5f5;border-radius:var(--radius-control);font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid #222;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000059}label.file-btn:hover{background:linear-gradient(180deg,#656565,#525252)}input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.field-label{display:block;font-weight:600;font-size:.9rem;margin-top:1rem;margin-bottom:var(--space-field)}.properties-edit .field-label .prompt{margin-top:.4rem}textarea.prompt{width:100%;min-height:88px;margin-top:0;padding:.65rem .75rem;border-radius:var(--radius-control);border:1px solid rgba(0,0,0,.55);background:linear-gradient(180deg,#2a2520,#221e19);color:var(--text);font:inherit;font-size:.9rem;resize:vertical;line-height:1.5;box-shadow:inset 0 2px 6px #00000059,inset 0 1px #ffffff0a;transition:border-color .15s var(--ui-ease),box-shadow .15s var(--ui-ease)}textarea.prompt:focus{outline:none;border-color:#c88a28a6;box-shadow:inset 0 2px 6px #0000004d,0 0 0 2px #c88a2840}textarea.prompt::placeholder{color:#8a8278}.reference-zone{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.reference-drop{position:relative;display:block;cursor:pointer;border:1px dashed var(--border);border-radius:var(--radius-inner);padding:.85rem 1rem;min-height:4.25rem;transition:border-color .12s ease,background .12s ease}.reference-drop:hover{border-color:var(--muted);background:#c88a280f}.reference-drop:focus-within{outline:2px solid var(--accent-dim);outline-offset:2px}.reference-drop--active{border-color:var(--accent-dim);background:#c88a2814}.reference-drop-inner{display:flex;flex-direction:column;align-items:center;gap:.45rem}.reference-drop-inner--thumb{flex-direction:row;justify-content:flex-start;align-items:center}.reference-thumb{max-height:72px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid var(--border)}.reference-drop-hint{font-size:.84rem;color:var(--muted);line-height:1.45}.reference-drop-inner--thumb .reference-drop-hint{flex:1;text-align:left;word-break:break-word}.reference-clear{align-self:flex-start}button.primary{padding:.58rem 1.15rem;border-radius:var(--radius-control);border:1px solid rgba(120,78,16,.9);background:linear-gradient(180deg,#f0b840 0%,#c4871a 55%,var(--accent-dim) 100%);color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px #ffffff38,0 2px 8px #c88a2859,0 1px #00000026;transition:filter .15s var(--ui-ease),box-shadow .15s var(--ui-ease),transform .12s var(--ui-ease)}button.primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px #ffffff40,0 4px 14px #c88a2873,0 1px #0000001f}button.primary:active:not(:disabled){transform:scale(.99)}button.primary:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}button.secondary{padding:.55rem 1.1rem;border-radius:var(--radius-control);border:1px solid var(--accent-dim);background:transparent;color:var(--accent);font-weight:600;font-size:.88rem;cursor:pointer}button.secondary:hover{background:#e5a52b1f}.result-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.result-actions .hint{margin-top:.5rem;max-width:40rem}button.ghost{padding:.45rem .85rem;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:.82rem;cursor:pointer;transition:background .15s var(--ui-ease),border-color .15s var(--ui-ease),color .15s var(--ui-ease)}button.ghost:hover{color:var(--text);border-color:#ffffff29;background:#ffffff12}@keyframes canvas-drop-glow{0%,to{box-shadow:inset 0 0 0 1px #e5a52b59,inset 0 1px #ffffff0d,0 0 0 1px #e5a52b33,0 0 48px #e5a52b1f}50%{box-shadow:inset 0 0 0 1px #e5a52b8c,inset 0 1px #ffffff12,0 0 0 1px #e5a52b59,0 0 64px #e5a52b38}}.canvas-wrap.canvas-wrap--empty{display:flex;flex-direction:column}.canvas-wrap{position:relative;width:100%;max-height:min(62vh,640px);min-height:280px;border-radius:var(--radius-inner);overflow:hidden;border:1px solid rgba(0,0,0,.65);background-color:var(--pasteboard);background-image:radial-gradient(ellipse 85% 70% at 50% 45%,rgba(255,255,255,.03) 0%,transparent 58%),linear-gradient(45deg,#464038 25%,transparent 25%),linear-gradient(-45deg,#464038 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#464038 75%),linear-gradient(-45deg,transparent 75%,#464038 75%);background-size:100% 100%,11px 11px,11px 11px,11px 11px,11px 11px;background-position:0 0,0 0,0 5.5px,5.5px -5.5px,-5.5px 0;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -20px 40px #00000026;user-select:none;-webkit-user-select:none;touch-action:none}.canvas-wrap.canvas-wrap--drop-active{outline:none;border-color:#e5a52b59;animation:canvas-drop-glow 1.35s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.canvas-wrap.canvas-wrap--drop-active{animation:none;box-shadow:inset 0 0 0 1px #e5a52b73,0 0 40px #e5a52b26}}.canvas-column .canvas-wrap{flex:1 1 0;min-height:0;max-height:none;align-self:stretch}.canvas-wrap canvas{position:relative;z-index:1;display:block;width:100%;height:100%;cursor:crosshair;vertical-align:top;opacity:0;transition:opacity .22s var(--ui-ease)}.canvas-wrap.canvas-wrap--ready canvas{opacity:1}.canvas-ghost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:blur(10px) saturate(.92);opacity:.55;transform:scale(1.02);pointer-events:none;z-index:0}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.canvas-loading-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#fff0,#ffffff8c,#fff0 90%);background-size:220% 100%;animation:filmstrip-shimmer 1.15s ease-in-out infinite}.canvas-loading-spinner{position:relative;z-index:1;width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:canvas-spin .75s linear infinite}.canvas-loading-label{position:relative;z-index:1;font-family:var(--mono-font);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@keyframes canvas-spin{to{transform:rotate(360deg)}}.canvas-generating{position:absolute;left:50%;bottom:10px;z-index:2;transform:translate(-50%);display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .55rem;border-radius:2px;border:1px solid var(--border);background:#ffffffeb;font-family:var(--mono-font);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text);box-shadow:0 2px 8px #00000014;pointer-events:none}.canvas-generating-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);border:1px solid var(--text);animation:canvas-gen-pulse 1.1s ease-in-out infinite}@keyframes canvas-gen-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.canvas-wrap.canvas-wrap--generating{box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -20px 40px #00000026,0 0 0 1px var(--accent-muted)}.filmstrip-thumb--pending{position:relative}.filmstrip-pending-label{position:absolute;inset:auto 0 0 0;padding:.2rem .15rem;font-family:var(--mono-font);font-size:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--text);background:linear-gradient(transparent,#ffffffe0);z-index:1}@media(prefers-reduced-motion:reduce){.canvas-wrap canvas{transition:none}.canvas-loading-shimmer,.canvas-loading-spinner,.canvas-generating-dot{animation:none}.canvas-ghost{filter:none}}.hint{font-size:.82rem;color:var(--muted);margin-top:.5rem}.error{color:var(--danger);font-size:.9rem;margin-top:.5rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.result-card{border:1px solid var(--border);border-radius:var(--radius-inner);overflow:hidden;background:var(--bg)}.result-card h3{margin:0;padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border)}.result-card img{display:block;width:100%;height:auto;vertical-align:middle}.result-thumb-wrap{position:relative;display:block}.result-download{position:absolute;left:.45rem;bottom:.45rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:8px;color:var(--text);background:#0c0d10b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;opacity:0;transition:opacity .18s ease,background .15s ease,color .15s ease;box-shadow:0 1px 4px #00000059}.result-thumb-wrap:hover .result-download,.result-download:focus-visible{opacity:1}.result-download:hover{background:#14161ce0;color:var(--accent)}.settings-panel{margin-top:.75rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.25rem}.settings-panel-head{display:flex;align-items:center;padding:.55rem .15rem .55rem .35rem}.settings-panel-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .15rem .55rem .35rem;background:transparent;border:none;color:var(--text);cursor:pointer;border-radius:6px;transition:background .15s ease}.settings-panel-toggle:hover{background:#ffffff0a}.settings-panel-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #e5a52b59}.settings-panel-title{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.settings-panel-chevron{color:#c8cdd7a6;transition:transform .18s var(--ui-ease, ease)}.settings-panel--open .settings-panel-chevron{transform:rotate(180deg)}.settings-panel-body{display:flex;flex-direction:column;gap:.1rem;padding-top:.1rem}.settings-panel-body .blend-popover-section{padding:.45rem .25rem .5rem}.settings-panel-body .blend-popover-section+.blend-popover-section{border-top:1px solid rgba(255,255,255,.05);margin-top:.25rem}.settings-panel-body .settings-advanced-section .blend-popover-section{border-top:none;margin-top:0;padding-top:0}.tool-rail>.hover-tip-anchor{width:auto;display:flex;justify-content:center}.tool-btn-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:600;line-height:1;border-radius:999px;color:#1a1410;background:#ffd57a;pointer-events:none}.bookmarks-drawer{display:none;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:linear-gradient(180deg,#211d18,#151210);border-right:1px solid rgba(0,0,0,.55);box-shadow:inset -1px 0 0 var(--border-highlight)}.bookmarks-drawer--open{display:flex}.drawer-tabs{flex-shrink:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1px solid var(--border-soft, rgba(255, 255, 255, .08))}.drawer-tab{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .5rem;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--muted);font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.drawer-tab:hover{color:var(--text);background:#ffffff0a}.drawer-tab--active{color:var(--text);border-bottom-color:var(--accent, #dfff00);background:#ffffff08}.drawer-tab-count{font-variant-numeric:tabular-nums;font-size:.58rem;font-weight:600;opacity:.85}.drawer-tab-pending{font-size:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent, #dfff00);animation:filmstrip-pending-pulse 1.4s ease-in-out infinite}.bookmarks-drawer-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem .4rem;gap:.5rem}.bookmarks-drawer-title{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.bookmarks-drawer-count{font-size:.68rem;font-weight:600;color:#ebeef5b8;background:#ffffff0d;padding:.08rem .42rem;border-radius:999px}.bookmarks-drawer-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.12) transparent;scrollbar-width:thin;padding:.25rem .55rem .75rem}.bookmarks-drawer-empty{margin:.5rem .25rem;font-size:.74rem;line-height:1.5}.bookmarks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.bookmarks-item{position:relative;display:block;border-radius:8px;transition:background .15s ease,border-color .15s ease}.bookmarks-item-open{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.55rem;width:100%;padding:.32rem .4rem;margin:0;border:none;border-radius:inherit;background:transparent;cursor:pointer;text-align:left}.bookmarks-item-thumb{width:44px;height:44px;flex-shrink:0;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#ececec;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.bookmarks-item-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.bookmarks-item-meta{display:flex;flex-direction:column;min-width:0;gap:.08rem;padding-right:0}.bookmarks-item:has(.bookmarks-item-rm) .bookmarks-item-meta{padding-right:1.6rem}.bookmarks-item--keyboard{background:#fff;border-color:var(--text);box-shadow:0 0 0 1px var(--accent-muted)}.bookmarks-item--active{background:#fff;border-color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-muted)}.bookmarks-item-open--static{cursor:default}.bookmarks-item-thumb--pending{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);overflow:hidden}.bookmarks-item-thumb--pending .filmstrip-skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0}.bookmarks-item-thumb--pending .filmstrip-pending-label{position:relative;z-index:1;font-size:.5rem;padding:.15rem .2rem;text-align:center;line-height:1.1}.bookmarks-item-thumb--failed{display:flex;align-items:center;justify-content:center;background:#fee;border-color:#c41e1e59}.bookmarks-item-dims--error{color:var(--danger);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmarks-item--session .bookmarks-item-meta{padding-right:0}.bookmarks-item--session:has(.bookmarks-item-actions) .bookmarks-item-meta{padding-right:4.5rem}.bookmarks-item-actions{position:absolute;top:6px;right:4px;z-index:2;display:inline-flex;gap:2px;opacity:0;transition:opacity .15s ease}.bookmarks-item--session:hover .bookmarks-item-actions,.bookmarks-item--session:focus-within .bookmarks-item-actions{opacity:1}.drawer-item-action{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:#fffffff5;color:var(--text);cursor:pointer;box-shadow:0 1px 3px #00000014}.drawer-item-action--rm:hover{color:var(--danger);border-color:var(--danger)}.drawer-item-action--bm:hover:not(:disabled){color:var(--accent-ink);background:var(--accent);border-color:var(--text)}.drawer-item-action--bm--saved,.drawer-item-action--saved{color:var(--accent-ink);background:var(--accent);border-color:var(--text)}.drawer-item-action:disabled{cursor:default;opacity:.85}@media(hover:none){.bookmarks-item-actions{opacity:1}}.bookmarks-item-prompt{font-size:.75rem;color:#e1e6f0eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmarks-item-dims{font-size:.62rem;color:var(--muted)}.bookmarks-item-rm{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#c8cdd7a6;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.bookmarks-item:hover .bookmarks-item-rm{opacity:1}.bookmarks-item-rm:hover{color:#ffb4b4;background:#50181c8c}@media(hover:none){.bookmarks-item-rm{opacity:.75}}@media(max-width:960px){.workspace,.workspace.workspace--drawer-open{grid-template-columns:none}.bookmarks-drawer{display:none}}.result-download:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px}@media(hover:none){.result-download{opacity:.5}}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;min-height:0}.login-card{width:min(420px,100%);padding:2rem 1.75rem;background:linear-gradient(165deg,#221e19 0%,var(--bg-elevated) 100%);border:1px solid rgba(229,165,43,.14);border-radius:var(--radius-panel);box-shadow:0 12px 40px #00000059,0 0 48px #e5a52b0f}.login-title{font-family:var(--display-font);font-size:1.75rem;margin:0 0 .5rem}.login-sub{color:var(--muted);font-size:.92rem;margin:0 0 1.25rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:.65rem}.login-label{font-size:.8rem;font-weight:600;color:var(--muted)}.login-input{padding:.65rem .75rem;border-radius:var(--radius-control);border:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text);font:inherit}.login-submit{margin-top:.35rem;padding:.7rem 1rem;border:none;border-radius:var(--radius-control);background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-error{color:var(--danger);font-size:.85rem;margin:0}.login-sent{color:var(--accent-muted);font-size:.95rem;margin:0;line-height:1.5}.app-header-user{margin-left:auto;display:flex;align-items:center;gap:.75rem}.app-header-email{font-size:.8rem;color:var(--muted);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-logout{font-size:.78rem;padding:.35rem .65rem;border-radius:var(--radius-control);border:1px solid var(--border-soft);background:transparent;color:var(--muted);cursor:pointer}.app-header-logout:hover{color:var(--text);border-color:var(--border-highlight)}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffd98a;background:#e5a52b1f;border:1px solid rgba(229,165,43,.28);border-radius:999px;box-shadow:inset 0 1px #ffffff0f}.mono{font-family:var(--mono-font);font-size:.8125rem;letter-spacing:-.01em}.brand-lockup--row{display:flex;align-items:center;gap:.65rem;min-width:0;flex-shrink:0}.app-header-bar{display:flex;align-items:center;gap:.65rem;width:100%}.app-header-user{flex-shrink:0;display:flex;align-items:center;gap:.65rem}.app-header-quota{font-family:var(--mono-font);font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--muted);white-space:nowrap}.brand-lockup__mark{flex-shrink:0;border-radius:2px;overflow:hidden}.brand-lockup__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.brand-wordmark{font-family:var(--display-font);font-weight:700;font-size:1.35rem;letter-spacing:-.04em;line-height:1;color:var(--text);text-transform:lowercase}.brand-wordmark--header{font-size:1.05rem}.brand-tagline{font-size:.6875rem;color:var(--muted);line-height:1.2}.brand-lockup--hero{display:flex;flex-direction:column}.brand-lockup__peach{display:flex;align-items:center;gap:.85rem;padding:1.35rem 1.5rem;background:var(--brand-peach);border-bottom:1px solid var(--border)}.brand-lockup--hero .brand-wordmark{font-size:clamp(1.75rem,5vw,2.25rem);color:#0a0a0a}.brand-status{margin:0;padding:.85rem 1.5rem;background:#0a0a0a;color:#f2f2f2;font-size:.75rem;line-height:1.45}.app-header-logout{font-family:var(--mono-font);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.app-header-logout:hover{border-color:var(--text);background:var(--accent);color:var(--accent-ink)}.app-header-email{font-family:var(--mono-font);font-size:.6875rem;color:var(--muted)}.workspace{border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:none;background:var(--bg-elevated)}.tool-column{background:var(--bg-surface);border-right:1px solid var(--border);box-shadow:none;scrollbar-color:rgba(0,0,0,.15) transparent}.tool-rail-divider{background:var(--border);box-shadow:none}.tool-btn{color:var(--muted);border-radius:2px}.tool-btn:hover:not(:disabled){color:var(--text);background:var(--bg-elevated);border-color:var(--border);box-shadow:none}.tool-btn--active{color:var(--accent-ink);border-color:var(--text);background:var(--accent);box-shadow:none}.tool-btn-badge{background:var(--text);color:var(--accent)}.canvas-column{background:var(--bg-elevated);box-shadow:none}.field-hint-btn{color:var(--muted)}.field-hint-btn:hover{color:var(--text);background:var(--bg-surface)}.field-hint-btn:focus-visible{box-shadow:0 0 0 2px var(--accent)}.hover-tip-bubble{background:var(--text);border:1px solid var(--text);color:var(--bg-elevated);box-shadow:0 8px 24px #0000001f}.blend-popover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:0 12px 40px #00000014}.blend-popover-section--split{border-top-color:var(--border)}.blend-popover-hint code{color:var(--text)}.text-input{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);box-shadow:none;font-family:var(--mono-font);font-size:.75rem}.text-input:focus{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.blend-popover .inline-field-label{color:var(--muted)}.settings-panel{border-top-color:var(--border)}.settings-panel-toggle{color:var(--text)}.settings-panel-toggle:hover{background:var(--bg-surface)}.settings-panel-title{font-family:var(--mono-font);letter-spacing:.06em;color:var(--text)}.settings-panel-chevron{color:var(--muted)}.settings-intro{margin:0 0 .5rem;padding:0 .15rem;font-size:.72rem;line-height:1.45}.settings-advanced-section{margin-top:.35rem;border-top:1px solid var(--border)}.settings-advanced-toggle{display:flex;align-items:center;gap:.4rem;width:100%;padding:.55rem .15rem;border:none;background:transparent;color:var(--text);font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.settings-advanced-toggle:hover{background:var(--bg-surface)}.settings-advanced-tag{font-family:var(--mono-font);font-size:.62rem;font-weight:500;color:var(--muted)}.settings-advanced-body{padding-bottom:.35rem}.settings-advanced-section.settings-panel--open .settings-advanced-toggle .settings-panel-chevron,.settings-advanced-toggle[aria-expanded=true] .settings-panel-chevron{transform:rotate(180deg)}.settings-panel-body .blend-popover-section{padding-left:0;padding-right:0}.settings-panel-body .blend-popover-section+.blend-popover-section,.settings-panel-body .blend-popover-section--split{border-top:none;margin-top:0}.prompt-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:none}.prompt-bar--ready{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.prompt-bar__ref{background:var(--bg-surface);border:1px dashed var(--border);border-radius:2px}.prompt-bar__ref--has,.prompt-bar__ref--active{border-style:solid;border-color:var(--text);background:var(--accent);color:var(--accent-ink)}.prompt-bar__variations{background:var(--bg-surface);border:1px solid var(--border);border-radius:2px;font-family:var(--mono-font)}.prompt-bar__generate{background:var(--accent);color:var(--accent-ink);border:1px solid var(--text);border-radius:2px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;box-shadow:none}.prompt-bar__generate:hover:not(:disabled){filter:none;background:var(--accent-dim);box-shadow:none}.prompt-bar__generate:disabled{background:var(--bg-surface);color:var(--muted);border-color:var(--border)}.properties-panel{background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:inset 3px 0 0 var(--accent);scrollbar-color:rgba(0,0,0,.12) transparent}.properties-panel::-webkit-scrollbar-thumb,.tool-column::-webkit-scrollbar-thumb{background:#00000026}.properties-ready-hint{background:var(--bg-surface);border:1px solid var(--border)}.properties-ready-hint kbd,.properties-idle--ready kbd{background:var(--bg-elevated);border-color:var(--border);font-family:var(--mono-font)}.filmstrip-bar{background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:none}.filmstrip-gen-badge{color:var(--accent-ink);background:var(--accent);border:1px solid var(--text);font-family:var(--mono-font)}.filmstrip-thumb{border:1px solid var(--border);border-radius:2px;background:var(--bg-elevated)}.filmstrip-item--active .filmstrip-thumb{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.filmstrip-caption{font-family:var(--mono-font);font-size:.625rem}.bookmarks-drawer.bookmarks-drawer--open{display:flex;background:var(--bg-elevated);border-right:1px solid var(--border);min-width:0}.drawer-tabs{border-bottom-color:var(--border)}.drawer-tab{font-family:var(--mono-font);letter-spacing:.04em}.drawer-tab:hover{background:var(--bg-surface)}.drawer-tab--active{border-bottom-color:var(--text);background:var(--bg-surface)}.drawer-tab--active .drawer-tab-count{background:var(--accent);color:var(--accent-ink);padding:0 .3rem;border-radius:2px}.drawer-tab-pending{font-family:var(--mono-font);font-size:.5625rem;font-weight:700;padding:0 .25rem;border-radius:2px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--text)}.bookmarks-item--active{box-shadow:inset 0 0 0 1px var(--accent-muted)}.properties-panel{min-width:260px}.tool-column{width:48px;min-width:48px;max-width:48px}.bookmarks-drawer-head{border-bottom:1px solid var(--border)}.bookmarks-drawer-title{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.bookmarks-drawer-count{font-family:var(--mono-font);background:var(--text);color:var(--accent)}.bookmarks-item{border:1px solid var(--border);border-radius:2px;background:var(--bg-elevated);padding:0}.bookmarks-item:hover,.bookmarks-item--keyboard{background:#fff;border-color:var(--text)}.bookmarks-item--keyboard{box-shadow:0 0 0 1px var(--accent-muted)}.bookmarks-item-open{color:inherit;font:inherit}.bookmarks-item-open:hover .bookmarks-item-thumb{border-color:var(--text);background:#fff;box-shadow:0 0 0 1px var(--border)}.bookmarks-item-thumb{border:1px solid var(--border);border-radius:2px;background:#fff}.bookmarks-item-prompt{color:var(--text);font-family:var(--mono-font);font-size:.6875rem}.filmstrip-thumb:hover{border-color:var(--text);background:#fff;box-shadow:0 2px 8px #00000014}.bookmarks-item-dims{font-family:var(--mono-font)}.bookmarks-item-rm:hover{color:var(--danger);background:#fee}.primary,.primary--apply{background:var(--accent)!important;color:var(--accent-ink)!important;border:1px solid var(--text)!important;border-radius:2px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;box-shadow:none!important}.primary:hover:not(:disabled),.primary--apply:hover:not(:disabled){background:var(--accent-dim)!important;filter:none!important}.badge{color:var(--accent-ink);background:var(--accent);border:1px solid var(--text);box-shadow:none}.error-banner{border-color:var(--danger);background:#fff5f5;color:var(--danger)}.login-screen{background:var(--bg);padding:2.5rem 1.5rem}.login-card{width:min(440px,100%);padding:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:none;overflow:hidden}.login-inner{padding:1.35rem 1.5rem 1.5rem}.login-form{gap:.85rem}.login-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}.login-input{padding:.75rem .85rem;border:1px solid var(--border);background:var(--bg-elevated);font-family:var(--mono-font);font-size:.8125rem;border-radius:2px}.login-input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.login-submit{margin-top:.5rem;padding:.85rem 1rem;background:var(--accent);color:var(--accent-ink);border:1px solid var(--text);border-radius:2px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.login-submit:hover:not(:disabled){background:var(--accent-dim)}.login-submit:disabled{opacity:.45}.login-sent{font-family:var(--mono-font);color:var(--text);padding:1.25rem 1.5rem 1.5rem;background:var(--bg-surface)}.login-error{font-family:var(--mono-font);font-size:.75rem}.shell-app{background:var(--bg)}.app-header{padding:.65rem 0 .75rem}.app-header-bar{padding:0 .15rem}button.primary{background:var(--accent)!important;color:var(--accent-ink)!important;border:1px solid var(--text)!important;border-radius:2px!important;box-shadow:none!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem!important}button.primary:hover:not(:disabled){filter:none!important;background:var(--accent-dim)!important;box-shadow:none!important}button.secondary{border:1px solid var(--text)!important;color:var(--text)!important;background:var(--bg-elevated)!important;border-radius:2px!important;font-family:var(--mono-font);font-size:.75rem!important}button.secondary:hover{background:var(--accent)!important;color:var(--accent-ink)!important}button.ghost{border:1px solid var(--border)!important;background:var(--bg-elevated)!important;color:var(--muted)!important;border-radius:2px!important;font-family:var(--mono-font);font-size:.6875rem!important}button.ghost:hover{border-color:var(--text)!important;background:var(--bg-surface)!important;color:var(--text)!important}.canvas-wrap{border:1px solid var(--border)!important;border-radius:2px!important;background:var(--pasteboard)!important;box-shadow:inset 0 0 0 1px var(--border-highlight)!important}.canvas-wrap.canvas-wrap--drop-active{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 1px var(--text)!important;animation:none!important}.canvas-empty-title{font-weight:800;text-transform:uppercase;letter-spacing:.04em}.canvas-empty-sub,.hint{font-family:var(--mono-font);font-size:.75rem}.canvas-hint{font-family:var(--mono-font);font-size:.6875rem;color:var(--muted)}.subtle-file-link{font-family:var(--mono-font);text-decoration-color:var(--border)}.subtle-file-link:hover{color:var(--text);text-decoration-color:var(--text)}.inline-select,select,.select-control{border:1px solid var(--border);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.75 4.25 6 7.5 9.25 4.25'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .62rem center;background-size:11px 11px;font-family:var(--mono-font);font-size:.75rem;border-radius:2px;box-shadow:none;color:var(--text)}.select-control:hover:not(:disabled){border-color:var(--text)}.select-control:focus{border-color:var(--text);box-shadow:0 0 0 2px var(--accent-glow)}.filmstrip-rm,.filmstrip-dl,.filmstrip-bm{background:#fffffff5;border:1px solid var(--border);border-radius:2px;box-shadow:0 1px 3px #00000014}.chip,.chip--active{border-radius:2px;font-family:var(--mono-font);font-size:.6875rem}.chip--active{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--text)!important}.properties-idle-title{font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.filmstrip-thumb--pending{background:var(--bg-surface)!important}.filmstrip-skeleton-shimmer{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--border-soft) 50%,var(--bg-surface) 100%)!important}