:root{--sage:#6e7c55;--sage-soft:#6e7c5529;--bg:#1c1b18;--panel:#26241f;--ink:#f2ece3;--muted:#9c9488;--faint:#5a554a;--paper:#f2ece3;--paper-ink:#211c16;--paper-muted:#5e564b;--paper-line:#e0d7c8;--alert:#c46a5a;--sans:"Avenir Next", -apple-system, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);height:100vh;display:flex;overflow:hidden}body>#root{display:contents}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.button{background:var(--sage);color:var(--ink);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.5;cursor:default;filter:none}.link-button{color:var(--sage);font-size:13px;font-weight:700;text-decoration:underline}:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.sidebar{background:var(--panel);border-right:1px solid #000;flex-direction:column;flex:none;width:300px;padding:20px 0;display:flex;overflow-y:auto}.sidebar h1{letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:0 20px 14px;font-size:14px;font-weight:700}.sidebar .create{margin:0 20px 8px}.cat{letter-spacing:2.5px;text-transform:uppercase;color:var(--sage);padding:16px 20px 8px;font-size:11px;font-weight:700}.item{cursor:pointer;color:var(--ink);border-left:3px solid #0000;justify-content:space-between;gap:8px;padding:10px 20px;font-size:15px;display:flex}.item:hover{background:#ffffff0a}.item.active{border-left-color:var(--sage);background:#6e7c552e}.item .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.item-main{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.item-title{overflow-wrap:anywhere}.chip{border:1px solid var(--faint);color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.4;display:inline-block}.chip-live{border-color:var(--sage);color:var(--ink);background:var(--sage-soft)}.chip-final{border-color:var(--muted);color:var(--ink)}.chip-failed{border-color:var(--alert);color:var(--alert)}.sidebar-problem{color:var(--alert);justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;font-size:13px;display:flex}.sidebar-nav{border-top:1px solid #000;margin-top:auto;padding-top:16px}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.main>.placeholder{letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:24px;font-size:14px;font-weight:700}.screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.screen h1{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.screen p{color:var(--faint);font-size:13px}.broll-grid{flex-direction:column;gap:14px;min-width:0;display:flex}.broll-filters{flex-direction:column;gap:10px;display:flex}.broll-search{border:1px solid var(--faint);background:var(--panel);border-radius:8px;width:100%;max-width:360px;padding:9px 12px}.broll-chips{flex-wrap:wrap;gap:6px;display:flex}.broll-chip{border:1px solid var(--faint);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.broll-chip.active{border-color:var(--sage);background:var(--sage-soft);color:var(--ink)}.broll-problem{color:var(--alert);align-items:center;gap:10px;font-size:13px;display:flex}.broll-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.broll-tile{aspect-ratio:4/5;background:var(--panel);border:2px solid #0000;border-radius:8px;position:relative;overflow:hidden}.broll-tile:disabled{cursor:default;opacity:.6}.broll-tile.selected{border-color:var(--sage)}.broll-tile img{object-fit:cover;width:100%;height:100%;display:block}.broll-none{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;border:2px dashed var(--faint);font-size:12px;font-weight:700}.broll-none.selected{border-style:solid;border-color:var(--sage)}.broll-badge{background:var(--bg);position:absolute;top:8px;left:8px}.broll-empty{color:var(--muted);font-size:13px}.broll-sentinel{height:1px}.broll-view{flex:1;min-height:0;display:flex}.broll-main{flex-direction:column;flex:1;gap:20px;min-width:0;padding:24px;display:flex;overflow-y:auto}.broll-drop{border:2px dashed var(--faint);border-radius:12px;justify-content:center;padding:18px;display:flex}.broll-drop.over{border-color:var(--sage);background:var(--sage-soft)}.broll-queue{flex-direction:column;gap:6px;margin-top:12px;font-size:13px;list-style:none;display:flex}.broll-queue li{justify-content:space-between;gap:12px;display:flex}.broll-queue li.failed{color:var(--alert)}.broll-queue-name{overflow-wrap:anywhere}.broll-queue-phase{color:var(--muted);white-space:nowrap}.broll-detail{background:var(--panel);border-left:1px solid #000;flex-direction:column;flex:none;gap:14px;width:340px;padding:20px;display:flex;overflow-y:auto}.broll-detail-head{justify-content:space-between;align-items:center;display:flex}.broll-preview{border-radius:8px;width:100%;display:block}.broll-reason{color:var(--alert);font-size:13px}.broll-tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.broll-tag{border:1px solid var(--faint);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:12px;display:inline-flex}.broll-tag.model{color:var(--muted)}.broll-tag.user{border-color:var(--sage);background:var(--sage-soft);color:var(--ink)}.broll-tag button{width:18px;height:18px;color:var(--muted);border-radius:50%;line-height:16px}.broll-tag-form{gap:8px;display:flex}.broll-tag-form input{border:1px solid var(--faint);background:var(--bg);border-radius:8px;flex:1;min-width:0;padding:8px 10px}.broll-facts{grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;display:grid}.broll-facts dt{color:var(--muted)}.broll-confirm{align-items:center;gap:14px;display:flex}.button.danger{background:var(--alert)}.broll-title{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.broll-heading,.broll-settings-head,.broll-settings-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.broll-heading>.broll-settings-actions{margin-top:0}.broll-settings{background:var(--panel);border:1px solid var(--faint);border-radius:12px;padding:20px;container-type:inline-size}.broll-settings[hidden]{display:none}.broll-settings-head{align-items:flex-start;margin-bottom:16px}.broll-settings h2{font-size:16px;font-weight:600}.broll-settings-subtitle,.broll-settings-state{color:var(--muted);margin-top:6px;font-size:13px}.broll-candidates{flex-direction:column;gap:12px;list-style:none;display:flex}.broll-candidate{grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) auto;align-items:start;gap:12px;display:grid}.broll-candidate label{flex-direction:column;gap:6px;font-size:13px;display:flex}.broll-candidate input,.broll-candidate textarea{border:1px solid var(--faint);background:var(--bg);border-radius:8px;width:100%;min-width:0;padding:8px 10px}.broll-candidate textarea{resize:vertical}.broll-candidate>button{margin-top:30px}.broll-candidate input:read-only,.broll-candidate textarea:read-only{border-color:#0000}.broll-settings-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.broll-settings-problem{color:var(--alert);margin-top:12px;font-size:13px}.broll-settings-confirm{border-top:1px solid var(--faint);margin-top:16px;padding-top:14px}@container (width<=520px){.broll-candidate{grid-template-columns:minmax(0,1fr)}.broll-candidate>button{justify-self:start;margin-top:0}}.create-view{flex-direction:column;flex:1;min-height:0;display:flex}.create-title{letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:24px 24px 0;font-size:14px;font-weight:700}.create-body{flex:1;gap:24px;min-height:0;padding:16px 24px 24px;display:flex}.create-conversation{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex;overflow-y:auto}.create-chat{flex-direction:column;flex:1;gap:10px;min-height:120px;display:flex;overflow-y:auto}.create-bubble{background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.5}.create-bubble.user{background:var(--sage-soft);align-self:flex-end}.create-bubble.blocked{border:1px solid var(--alert)}.create-blocked{color:var(--alert);gap:8px;margin-bottom:4px;font-size:12px;display:flex}.create-tag,.create-label{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.create-label{color:var(--muted)}.create-notice{color:var(--muted);font-size:13px}.create-notice.error{color:var(--alert)}.create-progress{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.create-progress-text{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.create-spinner{border:2px solid var(--faint);border-top-color:var(--sage);border-radius:50%;width:14px;height:14px;animation:1s linear infinite create-spin}.create-elapsed{font-variant-numeric:tabular-nums}@keyframes create-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.create-spinner{animation:none}}.create-composer{align-items:flex-end;gap:12px;display:flex}.create-composer textarea{resize:none;border:1px solid var(--faint);background:var(--panel);border-radius:8px;flex:1;padding:10px 12px}.create-composer textarea:disabled{opacity:.6}.create-composer-side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.create-counter{color:var(--muted);font-size:12px}.create-counter.over{color:var(--alert)}.create-brief{background:var(--panel);border-radius:12px;flex-shrink:0;width:300px;padding:16px;overflow-y:auto}.create-brief h2,.create-plan h2{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12px}.create-field{margin-bottom:12px}.create-field dt{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700}.create-field dd{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.create-field ul,.create-plan ul{padding-left:16px}.create-plan{background:var(--panel);border:1px solid var(--sage);border-radius:12px;padding:16px;font-size:13px}.create-plan table{border-collapse:collapse;width:100%;margin:12px 0}.create-plan th,.create-plan td{text-align:left;vertical-align:top;border-bottom:1px solid var(--faint);padding:6px 8px}.create-plan th{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px}.create-plan-block{margin-top:10px}.create-caption{white-space:pre-wrap}.create-actions{align-items:center;gap:16px;margin-top:16px;display:flex}.flip-viewer{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;position:relative}.flip-viewer .meta{color:var(--muted);letter-spacing:1px;height:16px;margin-bottom:12px;font-size:13px}.flip-viewer .frame{aspect-ratio:4/5;background:#000;border-radius:10px;height:min(82vh,125vw - 465px);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.flip-viewer .frame img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.flip-viewer .frame-placeholder{color:var(--faint);letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.flip-viewer .nav{cursor:pointer;opacity:0;align-items:center;width:42%;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0}.flip-viewer .nav.left{justify-content:flex-start;left:0}.flip-viewer .nav.right{justify-content:flex-end;right:0}.flip-viewer .frame:hover .nav{opacity:1}.flip-viewer .nav span{color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 14px;font-size:22px;display:flex}.flip-viewer .dots{flex-wrap:wrap;justify-content:center;gap:8px;max-width:60%;height:10px;margin-top:16px;display:flex}.flip-viewer .dot{cursor:pointer;background:#4a463d;border-radius:50%;width:8px;height:8px;transition:background .15s,transform .15s}.flip-viewer .dot.active{background:var(--sage);transform:scale(1.25)}.flip-viewer .counter{color:var(--muted);letter-spacing:2px;font-variant-numeric:tabular-nums;margin-top:12px;font-size:13px}.flip-viewer .hint{color:#5a554a;letter-spacing:.5px;font-size:11px;position:absolute;bottom:14px;right:18px}.editor{flex-direction:column;flex:1;min-height:0;display:flex}.editor-bar{border-bottom:1px solid #000;flex:none;align-items:center;gap:16px;min-height:66px;padding:14px 24px;display:flex}.editor-title{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.editor-carousel{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.editor-carousel:hover{text-decoration:underline}.editor-tools{align-items:center;gap:16px;margin-left:auto;display:flex}.editor-body{flex:1;min-height:0;display:flex}.editor-strip{border-right:1px solid #000;flex-direction:column;flex:none;gap:12px;width:108px;padding:16px 14px;display:flex;overflow-y:auto}.editor-thumb{aspect-ratio:4/5;background:#000;border:2px solid #0000;border-radius:6px;flex:none;width:100%;position:relative;overflow:hidden}.editor-thumb.active{border-color:var(--sage)}.editor-thumb img{object-fit:cover;width:100%;height:100%;display:block}.editor-thumb-n{color:var(--ink);font-variant-numeric:tabular-nums;background:#0009;border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;bottom:4px;left:4px}.editor-thumb-state{background:var(--bg);position:absolute;top:4px;left:4px}.editor-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;padding:20px;display:flex}.editor-meta{height:16px;color:var(--muted);letter-spacing:1px;font-size:13px}.editor-frame{aspect-ratio:4/5;background:#000;border-radius:10px;height:min(72vh,125vw - 1035px);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.editor-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.editor-frame-placeholder{color:var(--faint);letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.editor-frame-state{background:var(--bg);position:absolute;top:12px;left:12px}.editor-stage-actions{align-items:center;gap:12px;min-height:40px;display:flex}.editor-panel{background:var(--panel);border-left:1px solid #000;flex-direction:column;flex:none;width:380px;min-height:0;display:flex;overflow:hidden}.editor-tabs{border-bottom:1px solid #000;flex:none;padding:12px 12px 0}.editor-tabs .tab{letter-spacing:.8px;white-space:nowrap;padding:8px;font-size:11px}.editor-tabs .tab.active{background:var(--bg)}.editor-tabpanel{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.editor-tabpanel[hidden]{display:none}.editor-empty,.editor-muted{color:var(--muted);font-size:13px}.editor-problem{color:var(--alert);align-items:center;gap:10px;font-size:13px;display:flex}.editor-iterations{flex-direction:column;gap:4px;list-style:none;display:flex}.editor-iteration{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;display:flex}.editor-iteration:hover{background:#ffffff0a}.editor-iteration.previewed{border-color:var(--sage);background:var(--sage-soft)}.editor-iteration-seq{font-variant-numeric:tabular-nums;min-width:28px;font-weight:700}.editor-iteration-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.editor-comments,.editor-copy,.editor-background{flex-direction:column;gap:14px;display:flex}.editor-comment-list{flex-direction:column;gap:10px;list-style:none;display:flex}.editor-comment{background:var(--bg);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.editor-comment-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.editor-comment-head .chip{margin-left:auto}.editor-comment-check{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.editor-comment-check input{accent-color:var(--sage);margin-top:3px}.editor-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.editor-comment-form{flex-direction:column;gap:8px;display:flex}.editor-comment-form textarea,.editor-field input,.editor-field textarea{border:1px solid var(--faint);background:var(--bg);resize:vertical;border-radius:8px;width:100%;padding:8px 10px;line-height:1.4}.editor-field{flex-direction:column;gap:6px;display:flex}.editor-field span{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:12px}.editor-facts{flex-direction:column;gap:8px;font-size:13px;display:flex}.editor-facts dt{color:var(--muted);font-size:12px}.editor-facts dd{white-space:pre-wrap}.editor-background-thumb{aspect-ratio:4/5;background:var(--bg);border-radius:8px;width:100%;overflow:hidden}.editor-background-thumb img{object-fit:cover;width:100%;height:100%;display:block}.editor-modal-backdrop{z-index:10;background:#0009;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.editor-modal{background:var(--bg);border:1px solid #000;border-radius:12px;flex-direction:column;width:min(960px,100%);max-height:100%;display:flex;box-shadow:0 24px 60px #00000080}.editor-modal:focus{outline:none}.editor-modal-head{border-bottom:1px solid #000;flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.editor-modal-head h2{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.editor-modal-body{padding:20px;overflow-y:auto}.explorer{flex-direction:column;flex:1;min-height:0;display:flex}.explorer-bar{border-bottom:1px solid #000;flex:none;justify-content:space-between;align-items:flex-end;gap:16px;padding:16px 24px 0;display:flex}.tabs{gap:4px;display:flex}.tab{letter-spacing:2px;text-transform:uppercase;color:var(--muted);border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:10px 20px;font-size:13px;font-weight:700}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:var(--panel);border-color:#000}.explorer-tools{align-items:center;gap:16px;padding-bottom:10px;display:flex}.pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.plan{padding:36px 24px 80px}.doc{background:var(--paper);max-width:840px;color:var(--paper-ink);border-radius:14px;margin:0 auto;padding:64px 72px;font-size:17px;line-height:1.55;box-shadow:0 24px 60px #00000073}.doc h1{letter-spacing:-.5px;margin:0 0 24px;font-size:40px;font-weight:700;line-height:1.1}.doc h2{border-bottom:2px solid var(--sage);margin:38px 0 14px;padding-bottom:8px;font-size:24px;font-weight:700}.doc h3{letter-spacing:2.5px;text-transform:uppercase;color:var(--sage);margin:26px 0 10px;font-size:14px;font-weight:700}.doc .text{white-space:pre-wrap}.doc .empty{color:var(--paper-muted)}.doc .slide-copy{list-style:none}.doc dl .field{border-bottom:1px solid var(--paper-line);grid-template-columns:160px 1fr;gap:16px;padding:8px 0;display:grid}.doc dt{color:var(--paper-muted);font-size:14px}.doc dd{white-space:pre-wrap}.empty-pane{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.theme-picker{align-items:center;gap:8px;padding-bottom:10px;display:flex}.theme-picker label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.theme-picker select{border:1px solid var(--faint);background:var(--panel);border-radius:8px;max-width:200px;padding:6px 8px;font-size:13px}.theme-picker .button{padding:7px 12px;font-size:12px}.theme-picker-problem{color:var(--alert);font-size:12px}.themes-view{flex-direction:column;flex:1;min-height:0;display:flex}.themes-head{border-bottom:1px solid #000;flex-wrap:wrap;flex:none;align-items:center;gap:12px 16px;padding:20px 24px 16px;display:flex}.themes-title{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.themes-title a:hover{color:var(--ink)}.theme-name{font-size:18px;font-weight:700}.theme-current{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.themes-actions{gap:10px;margin-left:auto;display:flex}.themes-view .button.danger{background:var(--alert)}.themes-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px 40px;display:flex;overflow-y:auto}.theme-problem{color:var(--alert);font-size:13px}.theme-empty{color:var(--muted);font-size:13px}.theme-panel{background:var(--panel);border:1px solid var(--faint);border-radius:12px;flex-direction:column;gap:10px;max-width:640px;padding:16px;display:flex}.themes-view>.theme-panel{margin:16px 24px 0}.theme-panel>label,.theme-presets legend,.theme-group legend,.theme-field>label,.theme-section-title{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.theme-panel input[type=text],.theme-panel textarea,.theme-field input[type=text],.theme-field input[type=number],.theme-field select{border:1px solid var(--faint);background:var(--bg);border-radius:8px;padding:7px 10px}.theme-panel textarea{resize:vertical}.theme-panel-actions{align-items:center;gap:16px;display:flex}.theme-presets{border:none;flex-wrap:wrap;gap:8px 16px;display:flex}.theme-presets legend{margin-bottom:8px}.theme-preset{align-items:center;gap:6px;font-size:14px;display:flex}.theme-start{max-width:720px;height:420px}.theme-chat{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.theme-chat-change{letter-spacing:1px;text-transform:uppercase;color:var(--sage);align-self:center;font-size:11px;font-weight:700}.theme-table{border-collapse:collapse;width:100%;max-width:840px;font-size:14px}.theme-table th,.theme-table td{text-align:left;border-bottom:1px solid var(--faint);padding:10px 12px}.theme-table th{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11px}.theme-table a{font-weight:700}.theme-table a:hover{color:var(--sage)}.theme-studio{flex:1;grid-template-columns:320px minmax(0,1fr) 360px;min-height:0;display:grid}.theme-column{min-height:0;padding:20px;overflow-y:auto}.theme-form-column{border-right:1px solid #000;flex-direction:column;gap:24px;display:flex}.theme-chat-column{border-left:1px solid #000;flex-direction:column;display:flex}.theme-form{flex-direction:column;gap:20px;display:flex}.theme-group{border:none;flex-direction:column;gap:12px;display:flex}.theme-group legend{color:var(--sage);letter-spacing:2px;margin-bottom:10px}.theme-field{flex-direction:column;gap:6px;display:flex}.theme-field.inline{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px}.theme-field select{width:100%}.theme-control{align-items:center;gap:8px;display:flex}.theme-control input[type=range]{min-width:0;accent-color:var(--sage);flex:1}.theme-control input[type=color]{border:1px solid var(--faint);cursor:pointer;background:0 0;border-radius:6px;width:40px;height:32px;padding:0}.theme-hex{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.theme-number{width:84px}.theme-field [aria-invalid=true]{border-color:var(--alert)}.theme-field-error{color:var(--alert);overflow-wrap:anywhere;font-size:12px}.theme-preview{flex-direction:column;gap:16px;display:flex}.theme-preview-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-samples{gap:4px;display:flex}.theme-sample{border:1px solid var(--faint);color:var(--muted);letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.theme-sample.active{border-color:var(--sage);background:var(--sage-soft);color:var(--ink)}.theme-figure{border:1px solid #0000;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px;display:grid}.theme-figure.active{border-color:var(--sage)}.theme-frame{aspect-ratio:4/5;background:var(--panel);border-radius:8px;position:relative;overflow:hidden}.theme-frame iframe{transform-origin:0 0;pointer-events:none;border:none;position:absolute;top:0;left:0}.theme-exact{aspect-ratio:4/5;border-radius:8px;width:100%;display:block}.theme-exact.empty{border:1px dashed var(--faint)}.theme-versions ol{flex-direction:column;gap:8px;margin-top:10px;list-style:none;display:flex}.theme-version{background:var(--panel);border-radius:8px;grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 10px;font-size:13px;display:grid}.theme-version.current{border-left:3px solid var(--sage)}.theme-version-number{font-weight:700}.theme-version time{color:var(--muted);justify-self:end}.theme-version-notes{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;grid-column:1/-1}