:root{--bg:#0f1115;--panel:#1a1d24;--border:#2a2f3a;--text:#e6e8ee;--text-dim:#8b93a5;--keeper:#f5c84b;--error:#e5484d;--rendering:#5b9dd9}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-main{grid-template-rows:auto 1fr;height:100dvh;display:grid}.app-header{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:10px 16px;display:flex}.app-header__wordmark{letter-spacing:.04em;margin:0;font-size:1rem;font-weight:700}.app-header__tagline{color:var(--text-dim);font-size:12px}.canvas-root{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.canvas-stage{flex:1;min-height:0;position:relative}.canvas-toast{z-index:10;background:var(--panel);border:1px solid var(--error);border-radius:8px;max-width:360px;padding:8px 12px;font-size:12px;position:absolute;top:12px;right:12px}.canvas-toast--notice{border-color:var(--rendering);align-items:flex-start;gap:8px;display:flex;top:auto;bottom:12px}.canvas-toast__dismiss{text-align:center;width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:14px;line-height:14px}.canvas-message{text-align:center;height:100%;color:var(--text-dim);place-content:center;display:grid}.canvas-message__hint code{color:var(--text)}.frame-tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.frame-tile--keeper{border-color:var(--keeper);box-shadow:0 0 0 1px var(--keeper)}.frame-tile--error{border-color:var(--error)}.frame-tile__media{background:#11141a;flex:auto;height:100%;min-height:0;position:relative}.frame-tile__img{object-fit:cover;width:100%;height:100%;display:block}.frame-tile__placeholder{height:100%;color:var(--text-dim);place-content:center;font-size:12px;display:grid}.frame-tile--rendering .frame-tile__placeholder{color:var(--rendering);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.frame-tile__keeper{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:#0f1115b3;border:none;border-radius:6px;font-size:16px;line-height:1;position:absolute;top:6px;right:40px}.frame-tile__keeper[aria-pressed=true],.frame-tile__keeper:hover{color:var(--keeper)}.frame-tile__keeper:focus-visible{outline:2px solid var(--keeper);outline-offset:1px}.frame-tile__result-ribbon{z-index:1;background:var(--keeper);color:var(--bg);letter-spacing:.02em;text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:6px;left:6px}.frame-tile__prompt{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:8px 10px 4px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.frame-tile__meta{color:var(--text-dim);flex:none;justify-content:space-between;align-items:center;padding:4px 10px 8px;font-size:11px;display:flex}.frame-tile__status{z-index:1;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;background:#0f1115d1;border-radius:6px;max-width:calc(100% - 46px);padding:2px 7px;font-size:11px;line-height:1.4;position:absolute;top:6px;right:40px;overflow:hidden}.frame-tile--done .frame-tile__status{opacity:0;pointer-events:none}.frame-tile__status--error{color:#f06a6f}.frame-tile__status--queued{color:#7d8aa8}.frame-tile__status--rendering{color:var(--rendering)}.frame-tile__status--done{color:var(--text-dim)}.frame-tile--error{opacity:.6}.frame-tile--error:hover,.frame-tile--error:focus-within{opacity:1}.frame-tile__media-button{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.frame-tile__overlay{z-index:2;opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.frame-tile:hover .frame-tile__overlay,.frame-tile:focus-within .frame-tile__overlay{opacity:1}.frame-tile:hover .frame-tile__overlay :is(button,a),.frame-tile:focus-within .frame-tile__overlay :is(button,a){pointer-events:auto}.frame-tile__overlay-bottom{background:linear-gradient(#080a0e00 0%,#080a0ecc 45%,#080a0ef0 100%);flex-direction:column;padding-top:28px;display:flex;position:absolute;bottom:0;left:0;right:0}.frame-tile__cancel{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:#0f1115b3;border:none;border-radius:6px;font-size:12px;line-height:1;position:absolute;top:6px;left:6px}.frame-tile__cancel:hover,.frame-tile__cancel:focus-visible{color:var(--error);outline:none}.frame-tile__error{color:#f06a6f;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:8px 10px 4px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.frame-tile__cost{font-variant-numeric:tabular-nums}.frame-tile__actions{flex:none;gap:6px;padding:0 10px 8px;display:flex}.frame-tile__action{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:5px 8px;font-size:11px}.frame-tile__action:hover{color:var(--text);border-color:var(--text-dim)}.frame-tile__action:focus-visible{outline:2px solid var(--rendering);outline-offset:1px}.frame-toolbar{border:1px solid var(--border);white-space:nowrap;background:#0f1115eb;border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:flex;box-shadow:0 6px 20px #00000059}.frame-toolbar--status{box-shadow:none;background:0 0;border:none;padding:0}.frame-toolbar :is(.frame-tile__result-ribbon,.frame-tile__refined-badge,.frame-tile__status){z-index:auto;max-width:none;position:static;inset:auto}.frame-toolbar__action{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:5px 9px;font-size:11px;line-height:1}.frame-toolbar__action:hover{color:var(--text);border-color:var(--text-dim)}.frame-toolbar__action:focus-visible{outline:2px solid var(--rendering);outline-offset:1px}.frame-toolbar__keeper,.frame-toolbar__cancel{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;line-height:1;display:flex}.frame-toolbar__keeper{font-size:16px}.frame-toolbar__cancel{font-size:12px}.frame-toolbar__keeper[aria-pressed=true],.frame-toolbar__keeper:hover{color:var(--keeper)}.frame-toolbar__keeper:focus-visible{outline:2px solid var(--keeper);outline-offset:1px}.frame-toolbar__cancel:hover{color:var(--error)}.frame-toolbar__cancel:focus-visible{color:var(--error);outline:2px solid var(--error);outline-offset:1px}.frame-toolbar__cost{color:var(--text-dim);font-variant-numeric:tabular-nums;padding:0 4px;font-size:11px}.frame-toolbar .node-menu__trigger{background:0 0;width:26px;height:26px}.frame-toolbar--actions .node-menu__list{top:auto;bottom:calc(100% + 4px)}.frame-tile__error-text{-webkit-line-clamp:3;color:#f06a6f;-webkit-box-orient:vertical;padding:0 10px;display:-webkit-box;overflow:hidden}.canvas-toolbar{z-index:10;flex-wrap:wrap;align-items:center;gap:16px;max-width:calc(100% - 24px);display:flex;position:absolute;top:12px;left:12px}.canvas-toolbar__action,.canvas-cta{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px}.canvas-toolbar__action:hover,.canvas-cta:hover{border-color:var(--text-dim)}.canvas-cta{margin:8px 0}.canvas-toolbar__metrics{color:var(--text-dim);font-variant-numeric:tabular-nums;gap:14px;font-size:12px;display:flex}.canvas-toolbar__anchors{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.canvas-toolbar__anchors-label{font-variant-numeric:tabular-nums}.canvas-toolbar__anchors-hint{opacity:.8}.canvas-toolbar__action--ghost{padding:4px 8px;font-size:12px}.canvas-anchor{display:inline-flex;position:relative}.canvas-anchor__img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:36px;height:36px;display:block}.canvas-anchor__remove{text-align:center;border:1px solid var(--border);background:var(--panel);width:16px;height:16px;color:var(--text);cursor:pointer;border-radius:50%;padding:0;font-size:11px;line-height:14px;position:absolute;top:-6px;right:-6px}.canvas-anchor__remove:hover{border-color:var(--text-dim)}.canvas-anchor--live .canvas-anchor__img{border-color:var(--rendering);box-shadow:0 0 0 1px var(--rendering)}.canvas-anchor__live-badge{background:var(--rendering);width:16px;height:16px;color:var(--bg);border-radius:50%;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;left:-6px}.canvas-result-picker{z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;max-height:260px;margin-top:6px;padding:4px;display:flex;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.canvas-result-picker__item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.canvas-result-picker__item:hover{background:var(--border)}.canvas-result-picker__thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:28px;height:28px}.canvas-result-picker__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:180px;overflow:hidden}.canvas-locked-banner{background:color-mix(in srgb, var(--keeper) 14%, var(--panel));border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-size:12px;display:flex}.dialog-modal{background:0 0;border:none;width:calc(100vw - 32px);max-width:480px;margin:auto;padding:0}.dialog-modal::backdrop{background:#0f1115b3}.dialog{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:18px}.dialog__title{margin:0 0 12px;font-size:14px;font-weight:600}.dialog__label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.dialog__textarea,.dialog__input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px;font-size:13px}.dialog__textarea:focus-visible,.dialog__input:focus-visible{outline:2px solid var(--rendering);outline-offset:0;border-color:var(--rendering)}.dialog__field-row{gap:6px;margin-bottom:8px;display:flex}.dialog__field-remove{border:1px solid var(--border);width:32px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;flex:none}.dialog__add{border:1px dashed var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;margin-bottom:8px;padding:4px 8px;font-size:12px}.dialog__context{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:8px;display:flex}.dialog__context-thumb{object-fit:cover;border-radius:6px;flex:none;width:48px;height:48px}.dialog__context-prompt{color:var(--text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.dialog__import{color:var(--text-dim);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.dialog__import-name{color:var(--text)}.dialog__format{gap:12px;margin-top:10px;display:flex}.dialog__format-field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.dialog__select{background:var(--surface,#1a1a1a);color:var(--text);border:1px solid var(--border,#333);border-radius:6px;padding:4px 8px;font-size:13px}.dialog__cost{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:12px}.dialog__error{border:1px solid var(--error);color:#f06a6f;border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:12px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.dialog__cancel,.dialog__submit{cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px}.dialog__cancel{border:1px solid var(--border);color:var(--text-dim);background:0 0}.dialog__submit{border:1px solid var(--keeper);background:var(--keeper);color:#1a1400;font-weight:600}.dialog__submit:disabled{opacity:.5;cursor:not-allowed}.dialog__hint{color:var(--text-dim);text-align:right;margin:10px 0 0;font-size:11px}.dialog__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lightbox{border:1px solid var(--border);background:var(--panel);max-width:min(90vw,900px);max-height:90vh;color:var(--text);border-radius:10px;margin:auto;padding:0;overflow:hidden}.lightbox::backdrop{background:#0f1115cc}.lightbox__img{object-fit:contain;max-width:100%;max-height:75vh;margin-inline:auto;display:block}.lightbox__stage{margin-inline:auto;position:relative}.lightbox__stage:not([data-reserved=true]){min-width:200px;min-height:140px}.lightbox__stage[data-reserved=true] .lightbox__img{width:100%;height:100%;position:absolute;inset:0}.lightbox__stage .lightbox__img{opacity:1;transition:opacity .2s}.lightbox__stage .lightbox__img[data-status=loading],.lightbox__stage .lightbox__img[data-status=error]{opacity:0}.lightbox__spinner{border:3px solid var(--border);border-top-color:var(--text-dim);border-radius:50%;width:32px;height:32px;margin:auto;animation:1.2s ease-in-out infinite pulse;position:absolute;inset:0}.lightbox__error{text-align:center;color:var(--text-dim);justify-content:center;align-items:center;margin:0;padding:12px;font-size:12px;display:flex;position:absolute;inset:0}.lightbox__caption{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.lightbox__caption .node-menu__list{top:auto;bottom:calc(100% + 4px)}.lightbox__prompt{margin:0 0 4px;font-size:13px}.lightbox__provenance{color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0;font-size:11px}.frame-tile__menu{z-index:3;position:absolute;top:6px;right:6px}.node-menu{position:relative}.node-menu__trigger{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:#0f1115b3;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.node-menu__trigger:hover,.node-menu__trigger[aria-expanded=true]{color:var(--text)}.node-menu__trigger:focus-visible{outline:2px solid var(--text-dim);outline-offset:1px}.node-menu__list{z-index:4;border:1px solid var(--border);background:var(--panel);border-radius:8px;min-width:140px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 20px #00000059}.node-menu__item{width:100%;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 10px;font-size:12px;display:block}.node-menu__item:hover,.node-menu__item:focus-visible{background:#ffffff14;outline:none}.node-menu__item:disabled{color:var(--text-dim);cursor:default}.frame-tile__refined-badge{z-index:1;color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;background:#0f1115c7;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.4;position:absolute;bottom:6px;left:6px}.prompts{border:1px solid var(--border);background:var(--panel);max-width:min(90vw,680px);max-height:85vh;color:var(--text);border-radius:10px;margin:auto;padding:0;overflow:hidden}.prompts::backdrop{background:#0f1115cc}.prompts__body{flex-direction:column;gap:12px;max-height:85vh;padding:18px 20px;display:flex;overflow-y:auto}.prompts__title{margin:0;font-size:15px;font-weight:600}.prompts__note{color:var(--text-dim);margin:0;font-size:12px}.prompts__note--refined{color:var(--text)}.prompts__section{flex-direction:column;gap:4px;display:flex}.prompts__label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin:0;font-size:11px;font-weight:600}.prompts__text{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#ffffff08;border-radius:6px;margin:0;padding:8px 10px;font-size:13px;line-height:1.45}.prompts__text--raw{color:var(--text-dim)}.prompts__close{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-end;padding:6px 14px;font-size:12px}.prompts__close:hover{background:#ffffff14}.prompts__notes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.prompts__note-row{align-items:flex-start;gap:8px;display:flex}.prompts__note-num{color:#fff;text-align:center;background:#ff5252;border-radius:50%;flex:none;width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px}.prompts__note-text{word-break:break-word;flex:1;font-size:13px;line-height:1.4}.prompts__thumbs{flex-wrap:wrap;gap:8px;display:flex}.prompts__thumb-btn{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;display:block}.prompts__thumb{border:1px solid var(--border);object-fit:cover;border-radius:6px;width:72px;height:72px}.prompts__thumb--gone{color:var(--text-dim);text-align:center;background:#ffffff08;justify-content:center;align-items:center;padding:4px;font-size:10px;line-height:1.2;display:inline-flex}.prompts__transcript{border:1px solid var(--border);border-radius:6px;padding:8px 10px}.prompts__transcript[open]{flex-direction:column;gap:12px;display:flex}.prompts__transcript-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.prompts__source{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:600}.prompts__source--claude{color:var(--rendering);background:#6aa8ff2e}.prompts__source--template{color:var(--text-dim);background:#ffffff14}.prompts__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.prompts__parent-link{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.prompts__parent-link:hover{background:#ffffff14}.iterate{border:1px solid var(--border);background:var(--panel);max-width:min(96vw,1240px);max-height:92vh;color:var(--text);border-radius:10px;margin:auto;padding:0;overflow:hidden}.iterate::backdrop{background:#0f1115cc}.iterate__body{gap:0;max-height:92vh;display:flex}.iterate__main{background:#00000040;flex:auto;justify-content:center;align-items:center;min-width:0;padding:12px;display:flex;position:relative}.iterate__stage{flex:auto;justify-content:center;align-self:stretch;align-items:center;min-height:360px;padding:20px 210px;display:flex;position:relative}.iterate__frame{-webkit-user-select:none;user-select:none;line-height:0;display:inline-block;position:relative}.iterate__img{pointer-events:none;-webkit-user-drag:none;min-width:240px;max-width:min(46vw,520px);min-height:180px;max-height:68vh;display:block}.iterate__hit{cursor:crosshair;touch-action:none;position:absolute;inset:0}.iterate__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.iterate__label{z-index:3;box-sizing:border-box;border:1px solid var(--border);background:var(--panel);height:30px;color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:0 6px;font-size:12px;line-height:1;transition:left .2s,top .2s;display:flex;position:absolute;box-shadow:0 1px 4px #00000059}.iterate__label--hi{border-color:var(--keeper,#ffd54f)}.iterate__label-num{color:#fff;background:#ff5252;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;display:inline-flex}.iterate__label-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.iterate__label-del{width:16px;height:16px;color:var(--muted,#9aa0a6);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:0;font-size:14px;line-height:1}.iterate__label-del:hover{color:var(--text);background:#ffffff14}.iterate__note-input{z-index:4;box-sizing:border-box;border:1px solid var(--rendering);background:var(--panel);width:184px;color:var(--text);border-radius:6px;padding:6px 8px;font-size:12px;position:absolute}.iterate__side{border-left:1px solid var(--border);flex-direction:column;flex:none;gap:12px;width:300px;padding:16px 18px;display:flex;overflow-y:auto}.iterate__head{flex-direction:column;gap:4px;display:flex}.iterate__title{margin:0;font-size:15px;font-weight:600}.iterate__hint{color:var(--text-dim);margin:0;font-size:12px;line-height:1.45}.iterate__empty{color:var(--text-dim);margin:0;font-size:12px}.iterate__notes{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.iterate__note{border:1px solid var(--border);background:#ffffff08;border-radius:6px;align-items:flex-start;gap:8px;padding:7px 9px;display:flex}.iterate__note:hover{border-color:var(--keeper)}.iterate__note-num{color:#fff;text-align:center;background:#ff5252;border-radius:50%;flex:none;width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px}.iterate__note-text{word-break:break-word;flex:1;font-size:12px;line-height:1.4}.iterate__note-del{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:none;font-size:15px;line-height:1}.iterate__note-del:hover{color:var(--error)}.iterate__error{border:1px solid var(--error);color:var(--error);border-radius:6px;margin:0;padding:8px 10px;font-size:12px;line-height:1.4}.iterate__actions{justify-content:flex-end;gap:8px;display:flex}.iterate__cancel,.iterate__generate{border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:7px 16px;font-size:12px}.iterate__cancel{color:var(--text);background:0 0}.iterate__cancel:hover:not(:disabled){background:#ffffff14}.iterate__generate{border-color:var(--rendering);background:var(--rendering);color:var(--bg);font-weight:600}.iterate__generate:disabled{border-color:var(--border);color:var(--text-dim);cursor:default;background:0 0}.iterate__field{flex-direction:column;gap:4px;display:flex}.iterate__field-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);font-size:11px;font-weight:600}.iterate__text{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;background:#ffffff08;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.45}.iterate__notes-block,.iterate__refs-block{flex-direction:column;gap:6px;display:flex}.iterate__refs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.iterate__ref{border:1px solid var(--border);border-radius:6px;width:56px;height:56px;display:inline-flex;position:relative;overflow:hidden}.iterate__ref-img{object-fit:cover;width:100%;height:100%}.iterate__ref-del{width:18px;height:18px;color:var(--text);cursor:pointer;background:#0f1115cc;border:none;border-radius:50%;font-size:13px;line-height:1;position:absolute;top:2px;right:2px}.iterate__ref-del:hover{color:var(--error)}.iterate__ref-add{border:1px dashed var(--border);width:56px;height:56px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;font-size:12px}.iterate__ref-add:hover:not(:disabled){border-color:var(--rendering);color:var(--text)}.iterate__format{letter-spacing:.02em;color:var(--text-dim);margin:0;font-size:11px}.iterate__cost{color:var(--text-dim);margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.frame-tile--rendering .frame-tile__placeholder,.lightbox__spinner{animation:none}.lightbox__stage .lightbox__img{transition:none}}.workspace{grid-template-columns:var(--sidebar-w,240px) 1fr;height:100%;min-height:0;display:grid}.workspace__main{min-width:0;height:100%;position:relative}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sidebar__header{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:0}.sidebar__title{letter-spacing:.04em;color:var(--text-dim);font-size:12px;font-weight:600}.sidebar__new{color:#fff;background:var(--accent,#4f46e5);cursor:pointer;border:none;border-radius:6px;padding:4px 8px;font-size:12px}.sidebar__empty{color:var(--text-dim);padding:12px;font-size:12px}.sidebar__list{flex-direction:column;gap:4px;margin:0;padding:6px;list-style:none;display:flex}.sidebar__item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.sidebar__item:hover{background:var(--panel-2,#ffffff0a)}.sidebar__item--active{background:var(--panel-2,#ffffff14);border-color:var(--border)}.sidebar__thumb{background:var(--panel-2,#ffffff0f);border-radius:6px;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden}.sidebar__result-badge{background:var(--keeper);width:14px;height:14px;color:var(--bg);border-radius:50%;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:1px;right:1px}.sidebar__lock-badge{background:var(--panel);border:1px solid var(--border);border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:grid;position:absolute;top:1px;right:1px}.sidebar__thumb-img{object-fit:cover;width:100%;height:100%}.sidebar__thumb-placeholder{width:100%;height:100%}.sidebar__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.sidebar__row{position:relative}.sidebar__delete{width:22px;height:22px;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;opacity:0;border-radius:6px;place-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .12s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sidebar__row:hover .sidebar__delete,.sidebar__row:focus-within .sidebar__delete{opacity:1}.sidebar__delete[aria-disabled=true]{cursor:not-allowed}.sidebar__row:hover .sidebar__delete[aria-disabled=true],.sidebar__row:focus-within .sidebar__delete[aria-disabled=true]{opacity:.4}.sidebar-col{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.sidebar-resizer{cursor:col-resize;z-index:2;touch-action:none;background:0 0;border:0;width:6px;height:100%;padding:0;position:absolute;top:0;right:-3px}.sidebar-resizer:hover,.sidebar-resizer:focus-visible{background:var(--accent,#4f46e5);opacity:.5}.sidebar-resizer:focus-visible{outline:none}.sidebar-col .sidebar{border-right:none;flex:1;min-height:0}.project-switcher{border-bottom:1px solid var(--border);gap:4px;padding:8px;display:flex}.project-switcher__tab{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:6px 8px;font-size:12px;font-weight:600}.project-switcher__tab--active{color:#fff;background:var(--accent,#4f46e5);border-color:var(--accent,#4f46e5)}.sidebar__new-form{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.sidebar__new-format{gap:6px;width:100%;display:flex}.sidebar__new-format .dialog__select{flex:1;min-width:0}.sidebar__new-input{min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;flex:1;padding:5px 8px;font-size:13px}.sidebar__new-confirm{color:#fff;background:var(--accent,#4f46e5);cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.sidebar__beatcount{color:var(--text-dim);flex:none;margin-left:auto;font-size:11px}.video-view{flex-direction:column;gap:16px;height:100%;padding:20px;display:flex;overflow-y:auto}.video-view__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-view__title{margin:0;font-size:18px}.video-view__actions{gap:8px;display:flex}.video-view__add-beat,.video-view__delete{color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.video-view__add-beat{color:#fff;background:var(--accent,#4f46e5);border-color:var(--accent,#4f46e5)}.video-view__delete{color:var(--danger,#dc2626)}.video-view__error{color:var(--danger,#dc2626);border:1px solid var(--danger,#dc2626);background:#dc262614;border-radius:6px;padding:8px 12px;font-size:13px}.video-view__empty{color:var(--text-dim);font-size:13px}.canonical-path{color:var(--text-dim);background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.canonical-path__node{align-items:center;gap:8px;display:inline-flex}.canonical-path__beat{color:var(--text);background:var(--panel-2,#ffffff0f);border-radius:999px;padding:2px 8px}.canonical-path__arrow{color:var(--text-dim)}.video-view__beats{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.beat-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.beat-row__head{align-items:center;gap:8px;display:flex}.beat-row__index{width:22px;height:22px;color:var(--text-dim);background:var(--panel-2,#ffffff0f);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.beat-row__name{min-width:0;color:var(--text);background:var(--bg);border:1px solid #0000;border-radius:6px;flex:1;padding:5px 8px;font-size:14px}.beat-row__name:focus{border-color:var(--border);outline:none}.beat-row__reorder{gap:2px;display:flex}.beat-row__reorder button{width:26px;height:26px;color:var(--text);background:var(--panel-2,#ffffff0a);border:1px solid var(--border);cursor:pointer;border-radius:6px;font-size:13px}.beat-row__reorder button:disabled{opacity:.35;cursor:not-allowed}.beat-row__delete{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.beat-row__slots{grid-template-columns:1fr 1fr;gap:12px;display:grid}.frame-slot{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.frame-slot__label{width:36px;color:var(--text-dim);flex:none;font-size:11px;font-weight:600}.frame-slot__preview{background:var(--panel-2,#ffffff0f);border-radius:6px;flex:none;width:40px;height:40px;overflow:hidden}.frame-slot__thumb{object-fit:cover;width:100%;height:100%}.frame-slot__placeholder{width:100%;height:100%;display:block}.frame-slot__select{min-width:0;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;flex:1;padding:5px 6px;font-size:12px}.frame-slot__select:disabled{opacity:.5}.frame-slot__new{color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:none;padding:4px 8px;font-size:11px}.frame-slot__new:disabled{opacity:.5;cursor:default}.frame-slot__warn{color:var(--danger,#dc2626);flex:none;font-size:10px}.beat-row__render{align-items:center;gap:8px;display:flex}.beat-row__render-btn{color:var(--text);background:var(--panel-2,#ffffff0a);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:12px}.beat-row__render-hint{color:var(--text-dim);font-size:11px}.clip-board{border:1px solid var(--border);background:var(--panel,#ffffff05);border-radius:8px;margin-top:12px;overflow:hidden}.clip-board__toolbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.clip-board__title{letter-spacing:.02em;color:var(--text-dim);font-size:12px;font-weight:600}.clip-board__render{color:var(--text);background:var(--accent,#4f7cff);cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px}.clip-board__render:disabled{opacity:.5;cursor:not-allowed}.clip-board__hint{color:var(--text-dim);font-size:11px}.clip-board__error,.clip-board__toast{color:#ffb4b4;border-bottom:1px solid var(--border);background:#ff505014;padding:8px 12px;font-size:12px}.clip-board__prompt{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.clip-board__prompt-label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}.clip-board__prompt-input{resize:vertical;font:inherit;color:var(--text);background:var(--panel-2,#ffffff0a);border:1px solid var(--border);border-radius:6px;padding:8px}.clip-board__prompt-model{color:var(--text-dim);flex-direction:row;align-items:center;gap:8px;font-size:12px;display:flex}.clip-board__prompt-model-select{font:inherit;color:var(--text);background:var(--panel-2,#ffffff0a);border:1px solid var(--border);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.clip-board__prompt-actions{gap:8px;display:flex}.clip-board__prompt-actions button{color:var(--text);background:var(--accent,#4f7cff);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px}.clip-board__prompt-actions button:disabled{opacity:.5;cursor:not-allowed}.clip-board__prompt-cancel{background:var(--panel-2,#ffffff0f)!important}.clip-board__flow{height:460px;position:relative}.clip-tile__play{position:relative}.clip-tile__play-badge{color:#ffffffeb;text-shadow:0 1px 6px #0009;pointer-events:none;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.identity-chip{align-items:center;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}.identity-chip__email{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.identity-chip__signout{background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:12px}.identity-chip__signout:hover{border-color:var(--text-dim)}.identity-toast{z-index:50;position:fixed;top:auto;bottom:12px;right:12px}.signin{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.signin__body{place-items:center;padding:24px;display:grid}.signin__card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;width:100%;max-width:380px;padding:28px 24px}.signin__title{margin:0 0 10px;font-size:1.15rem;font-weight:600}.signin__lede{color:var(--text-dim);margin:0 0 22px;font-size:13px;line-height:1.5}.signin__google{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.signin__google:hover:not(:disabled){background:#f7f8f8}.signin__google:disabled{opacity:.7;cursor:default}.workspace__hamburger,.workspace__backdrop{display:none}@media (max-width:768px){.workspace{grid-template-columns:1fr}.sidebar-col{z-index:30;will-change:transform;width:min(82vw,320px);height:100%;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 18px #00000073}.sidebar-col--drawer-open{transform:translate(0)}.sidebar-resizer{display:none}.workspace__hamburger{z-index:21;width:40px;height:40px;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex;position:fixed;top:6px;left:8px}.app-header{padding-left:56px}.app-header__tagline{display:none}.workspace__backdrop{z-index:20;cursor:pointer;background:#00000080;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}}