.cmp-root{--bg-chat:#f5f2eb;--baloon-me:#d0fecf;--baloon-them:#fff;--panel:#e9e5de9c;--shadow-baloon:#0000000f;--txt-primary:#0a0a0a;--txt-secondary:#00000080;--brd-avatar:#0a0a0a1a;--brd-input:#b2b2b2;justify-content:center;align-items:center;width:100%;height:100%;font-family:-apple-system,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.33;display:flex;overflow:hidden}.cmp-root .scaler{transform-origin:50%}.cmp-root *{box-sizing:border-box;margin:0;padding:0;font-family:inherit}.phone-frame{background:linear-gradient(155deg,#2a2a2c 0%,#0c0c0e 55%,#1a1a1c 100%);border-radius:64px;width:419px;height:878px;padding:13px;position:relative}.btn-side{background:linear-gradient(90deg,#050505,#2c2c2e 45%,#1a1a1c 80%,#050505);border-radius:1px;position:absolute;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000080}.btn-mute{border-radius:2px 0 0 2px;width:3.5px;height:28px;top:108px;left:-2.5px}.btn-vol-up{border-radius:2px 0 0 2px;width:4px;height:56px;top:156px;left:-3px}.btn-vol-dn{border-radius:2px 0 0 2px;width:4px;height:56px;top:224px;left:-3px}.btn-power{background:linear-gradient(270deg,#050505,#2c2c2e 45%,#1a1a1c 80%,#050505);border-radius:0 2px 2px 0;width:4px;height:100px;top:180px;right:-3px}.phone{background:var(--bg-chat);border-radius:52px;width:393px;height:852px;position:relative;overflow:hidden}.phone.fullscreen{border-radius:0}.dynamic-island{z-index:200;background:#000;border-radius:20px;width:124px;height:37px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 2px #ffffff0d,0 1px #ffffff05}.chat-bkg{z-index:0;background:var(--bg-chat);position:absolute;inset:0}.chat-bkg img{object-fit:cover;width:100%;height:100%;display:block}.messages-scroll{z-index:5;padding-top:98px;padding-bottom:77px;position:absolute;inset:0;overflow:hidden}.messages-inner{flex-direction:column;justify-content:flex-start;gap:12px;min-height:100%;padding-bottom:8px;display:flex}.date-row{justify-content:center;align-items:center;padding:23px 0 1px;display:flex}.date-chip{border:.66px solid var(--shadow-baloon);color:var(--txt-primary);text-align:center;background:#fff;border-radius:8px;min-width:100px;padding:3px 14px;font-size:13.5px;font-weight:600}.msg-row-me{flex-direction:column;align-items:flex-end;padding:0 16px 4px;display:flex}.msg-row-them{flex-direction:column;align-items:flex-start;padding:0 16px 4px 8px;display:flex}.avatar-wrap{align-items:flex-end;gap:8px;margin-bottom:-4px;padding-left:8px;display:flex}.bubble{border:.66px solid var(--shadow-baloon);min-width:88px;max-width:287px;box-shadow:0 .66px 0 var(--shadow-baloon);border-radius:12px;padding:5.5px 10px 6px;position:relative}.bubble-me{background:var(--baloon-me)}.bubble-them{background:var(--baloon-them)}.tail-me,.tail-them{pointer-events:none;width:15px;height:18px;position:absolute;bottom:0;overflow:visible}.tail-me{right:-7.5px}.tail-them{left:-7.5px}.bubble-text{letter-spacing:-.208px;color:var(--txt-primary);word-break:break-word;white-space:pre-wrap;font-size:16px;font-weight:400;line-height:20.16px}.bubble-me .bubble-text:after{content:"";vertical-align:middle;width:3.6em;height:1px;display:inline-block}.bubble-them .bubble-text:after{content:"";vertical-align:middle;width:2.6em;height:1px;display:inline-block}.ts{color:var(--txt-secondary);letter-spacing:.62px;white-space:nowrap;align-items:center;gap:2px;font-size:12.4px;line-height:normal;display:flex;position:absolute;bottom:3px;right:8.11px}.check{flex-shrink:0;width:17px;height:17px;position:relative;overflow:hidden}.check svg{display:block}.status-bar{z-index:30;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--panel);justify-content:space-between;align-items:flex-end;width:393px;height:54px;padding:16px 31.33px 11px 41.5px;display:flex;position:absolute;top:0;left:0}.status-time{color:var(--txt-primary);letter-spacing:-.665px;text-align:center;width:54px;font-size:19px;font-weight:700}.status-right{color:var(--txt-primary);align-items:center;gap:7.35px;display:flex}.status-right svg{display:block}.top-contact{z-index:25;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--panel);flex-direction:column;justify-content:flex-end;align-items:flex-end;width:393px;height:98px;padding:4px 22px 4px 0;display:flex;position:absolute;top:0;left:0}.contacts-row{justify-content:space-between;align-items:center;width:100%;display:flex}.contacts-left{align-items:center;width:272px;display:flex}.chevron-wrap{color:#1b8cff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.contact-block{flex:1;align-items:center;gap:10px;min-width:0;margin-left:2px;display:flex}.contact-photo{object-fit:cover;border:.212px solid var(--brd-avatar);border-radius:50%;flex-shrink:0;width:36px;height:36px}.contact-txt{flex-direction:column;min-width:0;display:flex}.contact-name{color:var(--txt-primary);letter-spacing:-.36px;white-space:nowrap;font-size:18px;font-weight:600}.contact-sub{color:var(--txt-secondary);letter-spacing:-.12px;white-space:nowrap;font-size:13.5px}.call-btns{color:#0a0a0a;flex-shrink:0;align-items:flex-start;gap:16px;padding-bottom:2px;display:flex}.call-btns svg{display:block}.input-bar{z-index:30;flex-direction:column;align-items:center;width:393px;display:flex;position:absolute;bottom:0;right:0}.input-inner{align-items:center;gap:8px;width:100%;padding:5.5px 9px;display:flex;position:relative}.i-plus{color:#0a0a0a;flex-shrink:0}.i-field{border:.33px solid var(--brd-input);background:#fff;border-radius:15px;flex:1;align-items:center;gap:16px;min-width:0;min-height:30px;padding:4px 9px 4px 10px;display:flex}.i-placeholder{color:var(--txt-primary);letter-spacing:-.32px;opacity:.3;flex:1;font-size:16px;line-height:21px}.i-icons{color:#0a0a0a;flex-shrink:0;align-items:center;gap:7px;display:flex}.i-icons svg,.i-field svg{display:block}.home-ind{justify-content:center;align-items:center;width:100%;padding:21px 0 8px;display:flex;position:relative}.home-bar{background:var(--txt-primary);border-radius:100px;width:140px;height:5px}.typing-bubble{background:var(--baloon-them);border:.66px solid var(--shadow-baloon);box-shadow:0 .66px 0 var(--shadow-baloon);border-radius:12px;justify-content:center;align-items:center;min-width:56px;padding:10px 14px;display:inline-flex;position:relative}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dots span{background:#00000059;border-radius:50%;width:7px;height:7px}:root{--n-0:#fff;--n-25:#f8faf7;--n-50:#f4f6f1;--n-100:#eef1ec;--n-150:#e4e8e2;--n-200:#d9e0d9;--n-400:#8a948c;--n-500:#55605a;--n-700:#2b332e;--n-900:#141a17;--brand-50:#eaf4ee;--brand-100:#cfe6d8;--brand-500:#1f7a4d;--brand-600:#1a6a43;--brand-900:#0c3a24;--danger-50:#f6ded9;--danger-500:#b4443a;--warn-bg:#fdf3ec;--warn-fg:#9a5a12;--ink:var(--n-900);--ink-2:var(--n-500);--line:var(--n-150);--line-2:var(--n-100);--surface:var(--n-0);--bg:var(--n-50);--accent:var(--brand-500);--accent-hover:var(--brand-600);--accent-ink:var(--brand-900);--accent-soft:var(--brand-50);--accent-soft-border:var(--brand-100);--danger:var(--danger-500);--chip:var(--brand-50);--focus:var(--brand-500);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:15px;--fs-lg:16px;--lh-tight:1.2;--lh-base:1.4;--fw-medium:600;--fw-bold:700;--r-xs:6px;--r-sm:7px;--r-md:9px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--sh-1:0 1px 2px #141a170f;--sh-2:0 2px 6px -2px #141a1729;--sh-pop:0 8px 24px -8px #141a1738;--sh-modal:0 30px 80px -20px #141a176b;--ease:.12s ease;--font-sans:-apple-system,"SF Pro Text","Helvetica Neue",system-ui,Arial,sans-serif;--font-mono:ui-monospace,Menlo,"SF Mono",monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg)}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toolbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;height:54px;padding:0 16px;display:flex}.brand{letter-spacing:-.3px;font-weight:700;font-size:var(--fs-md);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.brand .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.title-input{width:220px;min-width:60px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;flex:0 220px;padding:6px 8px;font-weight:600}.title-input:hover{background:var(--line-2)}.title-input:focus{border-color:var(--line);background:var(--n-0);outline:none}.tb-spacer{flex:1}.tb-btn{border:1px solid var(--line);background:var(--n-0);height:34px;color:var(--ink);font-weight:600;font-size:var(--fs-base);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 13px;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.tb-btn svg{flex:none;display:block}.tb-btn:hover:not(:disabled){background:var(--line-2)}.tb-btn:disabled{opacity:.4;cursor:default}.tb-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--n-0)}.tb-btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.tb-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.save-state{font-size:var(--fs-sm);color:var(--ink-2);text-align:right;white-space:nowrap;flex-shrink:0;min-width:0}.workspace{flex:1;grid-template-columns:300px 1fr 300px;min-height:0;display:grid;position:relative}.panel{background:var(--surface);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel.left{border-right:1px solid var(--line)}.panel.right{border-left:1px solid var(--line)}.panel-head{border-bottom:1px solid var(--line-2);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 14px;display:flex}.panel-head h2{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0;font-weight:700}.panel-head .count{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.panel-body{flex:1;padding:8px;overflow-y:auto}.panel.right .panel-body{padding:16px 14px}svg.lucide{stroke-width:1.9px;flex:none;display:block}.msg-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:6px;margin-bottom:2px;padding:10px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.msg-item:hover{background:var(--n-25)}.msg-item.sel{background:var(--accent-soft);border-color:var(--accent-soft-border);box-shadow:inset 3px 0 0 var(--accent);border-top-left-radius:0;border-bottom-left-radius:0}.msg-item.dragging{opacity:.4}.msg-item.drop{box-shadow:0 -2px 0 var(--accent)}.msg-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.msg-grip{width:14px;color:var(--n-400);cursor:grab;opacity:0;flex-shrink:0;margin-top:5px;transition:opacity .12s}.msg-item:hover .msg-grip,.msg-item:focus-visible .msg-grip,.msg-item.sel .msg-grip{opacity:1}.msg-grip:active{cursor:grabbing}.msg-av{width:24px;height:24px;font-size:var(--fs-xs);color:var(--n-0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-weight:700;display:inline-flex}.msg-item.cur .msg-av{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.msg-main{flex:1;min-width:0}.msg-text{font-size:var(--fs-base);color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.msg-text em{color:var(--ink-2)}.msg-meta{font-size:var(--fs-xs);color:var(--ink-2);align-items:center;gap:6px;min-width:0;margin-top:5px;display:flex}.msg-who{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.meta-chip{background:var(--chip);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:1px 6px;font-weight:600;display:inline-flex}.msg-actions{background:var(--n-0);border:1px solid var(--line);box-shadow:var(--sh-2);opacity:0;pointer-events:none;border-radius:9px;gap:2px;padding:1px;transition:opacity .12s;display:flex;position:absolute;bottom:5px;right:6px}.msg-item:hover .msg-actions,.msg-item:focus-within .msg-actions{opacity:1;pointer-events:auto}.msg-actions .icon-btn{width:24px;height:24px}.empty-list{text-align:center;color:var(--ink-2);font-size:var(--fs-base);flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty-list p{margin:0}.icon-btn{width:28px;height:28px;color:var(--ink-2);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn svg{display:block}.icon-btn:hover{background:var(--n-200);color:var(--ink)}.icon-btn.danger:hover{background:var(--danger-50);color:var(--danger)}.icon-btn:disabled{opacity:.3}.icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}.add-row{border-top:1px solid var(--line-2);gap:8px;padding:10px 8px;display:flex}.add-row .tb-btn{flex:1;height:38px}.preview{background:var(--bg);flex-direction:column;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.preview-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 8px;display:flex;overflow:hidden}.player-wrap{flex-shrink:0}.preview-controls{background:var(--n-0);border:1px solid var(--line);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;max-width:calc(100% - 16px);margin:0 auto 14px;padding:7px 12px;display:flex}.pc-btn{width:34px;height:34px;color:var(--ink);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.pc-btn:hover{background:var(--line-2)}.pc-time{font-size:var(--fs-sm);color:var(--ink-2);text-align:center;font-variant-numeric:tabular-nums;min-width:96px}.pc-seek{width:160px;min-width:48px;accent-color:var(--accent);flex:160px}.pc-speed{border:1px solid var(--line);background:var(--n-0);font-size:var(--fs-sm);cursor:pointer;border-radius:7px;padding:5px 7px}.layout-toggle{z-index:3;background:var(--n-0);border:1px solid var(--line);border-radius:9px;display:flex;position:absolute;top:14px;right:14px;overflow:hidden}.layout-toggle button{font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 12px;font-weight:600;display:inline-flex}.layout-toggle button.on{background:var(--accent);color:var(--n-0)}.field{margin-bottom:14px}.field>label{font-size:var(--fs-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-weight:700;display:block}.field textarea,.field input[type=text],.field input[type=number],.field select{border:1px solid var(--line);background:var(--n-0);width:100%;color:var(--ink);font-size:var(--fs-base);border-radius:8px;padding:8px 10px}.field textarea{resize:vertical;min-height:62px;line-height:1.4}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2355605a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:28px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:#0000}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:4px 0 2px;display:flex}.toggle-row span{font-size:var(--fs-base);color:var(--ink)}.switch{background:var(--n-200);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .15s;position:relative}.switch.on{background:var(--accent)}.switch:after{content:"";background:var(--n-0);border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch.on:after{left:20px}.switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sep{border:none;border-top:1px solid var(--line-2);margin:4px 0 16px}.empty{color:var(--ink-2);font-size:var(--fs-base);text-align:center;background:var(--line-2);border-radius:10px;margin-bottom:14px;padding:24px 12px}.avatar-edit{align-items:center;gap:12px;display:flex}.avatar-preview{object-fit:cover;border:1px solid var(--line);background:#eee;border-radius:50%;flex-shrink:0;width:46px;height:46px}.avatar-actions{flex-wrap:wrap;gap:6px;display:flex}.avatar-actions .tb-btn{height:30px;font-size:var(--fs-sm);padding:0 10px}.file-btn{cursor:pointer;align-items:center;display:inline-flex}.file-btn:focus-within{outline:2px solid var(--focus);outline-offset:2px}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:8px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001f;border-radius:7px;padding:0}.swatch.on{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.swatch:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.scene-custom{align-items:center;gap:8px;display:flex}.scene-custom input[type=color]{border:1px solid var(--line);background:var(--n-0);cursor:pointer;border-radius:8px;flex-shrink:0;width:34px;height:34px;padding:0}.scene-custom input[type=text]{border:1px solid var(--line);font-size:var(--fs-sm);font-family:var(--font-mono);border-radius:8px;flex:1;padding:8px 10px}.timeline{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;height:92px;display:flex}.tl-head{font-size:var(--fs-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;padding:6px 14px;font-weight:700;display:flex}.tl-track{flex:1;padding:0 14px 10px;position:relative;overflow:auto hidden}.tl-inner{height:40px;position:relative}.tl-block{height:32px;font-size:var(--fs-xs);color:var(--n-0);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:7px;align-items:center;padding:0 8px;font-weight:600;display:flex;position:absolute;top:4px;overflow:hidden}.tl-block.sel{border-color:var(--accent-ink);box-shadow:0 0 0 2px #1f7a4d40}.tl-typing{background:repeating-linear-gradient(45deg,var(--n-200),var(--n-200) 4px,var(--n-100) 4px,var(--n-100) 8px);opacity:.8;border-radius:5px;height:20px;position:absolute;top:10px}.tl-playhead{background:var(--danger);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.scrim{z-index:100;background:#0a140f6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--n-0);width:min(680px,100%);max-height:88vh;box-shadow:var(--sh-modal);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.dialog-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dialog-head h3{font-size:var(--fs-lg);margin:0}.dialog-body{padding:18px 20px;overflow-y:auto}.dialog-foot{border-top:1px solid var(--line-2);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.dialog textarea{border:1px solid var(--line);width:100%;min-height:150px;font:13px/1.45 var(--font-mono);resize:vertical;border-radius:10px;padding:11px}.parse-list{border:1px solid var(--line);border-radius:10px;margin-top:12px;overflow:hidden}.parse-row{border-bottom:1px solid var(--line-2);align-items:center;gap:8px;padding:7px 10px;display:flex}.parse-row:last-child{border-bottom:none}.parse-row.amb{background:var(--warn-bg)}.parse-row select{border:1px solid var(--line);font-size:var(--fs-sm);border-radius:6px;padding:3px 5px}.parse-row .pt{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.warn{color:var(--warn-fg);font-size:var(--fs-sm);align-items:flex-start;gap:6px;margin-top:8px;display:flex}.warn svg{margin-top:1px}.hint{color:var(--ink-2);font-size:var(--fs-sm);margin-top:6px}.hint code,.export-specs code{background:var(--line-2);font-size:var(--fs-sm);border-radius:5px;padding:1px 5px}.export-specs{grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:4px;display:grid}.export-specs>div{background:var(--line-2);border-radius:9px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.export-specs span{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);font-weight:700}.export-specs b{color:var(--ink);font-size:14px}.export-progress{margin-top:16px}.ep-bar{background:var(--line-2);border-radius:5px;height:8px;overflow:hidden}.ep-fill{background:var(--accent);border-radius:5px;height:100%;transition:width .3s}.ep-row{font-size:var(--fs-base);color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.ep-row b{color:var(--ink);font-variant-numeric:tabular-nums}a.tb-btn{text-decoration:none}.tabbar{background:var(--n-0);border-top:1px solid var(--line);z-index:30;height:52px;display:none;position:fixed;bottom:0;left:0;right:0}.tabbar button{font-size:var(--fs-xs);color:var(--ink-2);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-weight:700;display:flex}.tabbar button.on{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.tabbar button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}@media (width<=1040px){.workspace{grid-template-columns:1fr}.panel.left,.panel.right{display:none}.panel.left.active,.panel.right.active{z-index:20;display:flex;position:absolute;inset:0}.tabbar{display:flex}.app{padding-bottom:52px}}@media (width<=700px){.toolbar{flex-wrap:wrap;row-gap:8px;height:auto;padding:8px 12px}.title-input{flex:120px;order:0;width:auto;min-width:0}.tb-spacer{flex:0 0 100%;order:2;height:0}.save-state,.tb-btn .lbl{display:none}.toolbar>.tb-btn[title^=Undo],.toolbar>.tb-btn[title^=Redo]{width:34px;padding:0}.tb-btn.primary{order:1}.toolbar>.tb-btn:not(.primary){order:3}.layout-toggle{align-self:flex-end;margin:10px 12px 0;position:static}.preview-controls{gap:6px;padding:6px 8px}.pc-time{min-width:0;font-size:var(--fs-xs)}}