:root{color:#d8f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}.studio-modes,.flow-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-modes{margin-bottom:18px}.studio-modes button,.flow-workspace button{color:#d8f7ff;background:#0b2733;border:1px solid #286477;border-radius:6px;min-height:42px;padding:10px 14px}.studio-modes button[aria-pressed=true],.flow-workspace button[aria-pressed=true]{background:#12516a;border-color:#00d9ff}.flow-workspace button:disabled{opacity:.4;cursor:default}.flow-workspace :focus-visible,.studio-modes :focus-visible{outline-offset:3px;outline:2px solid #ffce76}.flow-workspace{grid-template-columns:230px minmax(0,1fr);gap:18px;display:grid}.flow-workspace.flow-preview,.flow-workspace.flow-sidebar-hidden{grid-template-columns:minmax(0,1fr)}.flow-mobile-tools-toggle,.flow-mobile-view{display:none}.flow-tools-dock{position:relative}.flow-workspace .flow-edge-tab{z-index:5;cursor:pointer;color:#8fb1bd;background:#0b2733;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;position:absolute}.flow-workspace .flow-edge-tab:hover{color:#effaff;background:#12516a;border-color:#00d9ff}.flow-edge-tab span{pointer-events:none;font-size:24px;line-height:1}.flow-workspace .flow-sidebar-tab{border-radius:0 8px 8px 0;width:18px;height:56px;top:80px;left:-19px}.flow-sidebar-hidden .flow-sidebar-tab{width:24px;left:-1px}.flow-workspace .flow-toolbar-tab{border-radius:0 0 8px 8px;width:56px;height:24px;bottom:-24px;left:50%;transform:translate(-50%)}.flow-preview-help{color:#8fb1bd;border-bottom:1px solid #204653;margin:0;padding:12px 16px;font-size:.85rem}.flow-preview .flow-board>svg{height:max(300px,100dvh - 310px);min-height:300px;max-height:800px}.flow-tools,.flow-board{background:#07121e;border:1px solid #204653}.flow-tools{flex-direction:column;gap:14px;padding:18px;display:flex}.flow-palette,.flow-label{gap:8px;display:grid}.flow-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-palette button{cursor:grab;justify-content:center;align-items:center;min-height:48px;padding:6px;display:flex}.flow-palette span{font-size:30px;line-height:1}.flow-category{border-top:1px solid #204653;padding-top:12px}.flow-category summary{cursor:pointer;padding:8px 0;font-weight:600}.flow-category summary span{float:right;color:#8fb1bd;font-size:.8rem}.flow-category[open] summary{margin-bottom:8px}.flow-label input{color:#effaff;background:#050b14;border:1px solid #286477;border-radius:4px;width:100%;min-width:0;padding:10px}.flow-toolbar{border-bottom:1px solid #204653;padding:14px}.flow-toolbar h2{margin-right:auto}.flow-text-toolbar{border-bottom:1px solid #204653;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.flow-text-toolbar label{align-items:center;gap:8px;font-size:.8rem;display:flex}.flow-text-toolbar select{color:#d8f7ff;background:#0b2733;border:1px solid #286477;border-radius:4px;padding:8px}.flow-inline-editor{box-sizing:border-box;resize:none;color:#effaff;background:#0b2733;border:2px solid #ffce76;outline:none;width:100%;height:100%;margin:0;padding:8px;font-family:sans-serif;line-height:1.2}.flow-board{align-self:start;min-width:0;position:relative}.flow-board>svg{width:100%;min-height:360px;display:block}@media (width<=820px){.flow-workspace{grid-template-columns:1fr}.flow-workspace .flow-sidebar-tab{width:24px;top:0;left:-1px}.flow-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-board>svg{min-height:420px}}.command-help{color:#8fb1bd;margin:10px 0 0;font-size:.76rem;line-height:1.6}body{background:radial-gradient(circle at 20% 0,#00d9ff29,#0000 28rem),linear-gradient(145deg,#050b14 0%,#07111f 52%,#050b14 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100vw - 32px);min-height:100vh;margin:0 auto;padding:28px 0}.app-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.eyebrow,.active-command{color:#8fb1bd;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem}h1{color:#f0fbff;margin:4px 0 0;font-size:clamp(2rem,4vw,4rem);font-weight:720;line-height:.96}h2{color:#d8f7ff;margin:0;font-size:.92rem;font-weight:680}.workspace{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.control-panel,.blueprint-panel{background:#050b14b8;border:1px solid #00d9ff38;box-shadow:0 24px 70px #0000005c}.control-panel{flex-direction:column;gap:26px;min-height:560px;max-height:min(760px,100vh - 120px);padding:18px;display:flex;overflow-y:auto}.command-form{gap:10px;display:grid}.command-form label{color:#bceeff;font-size:.85rem;font-weight:680}.command-row{grid-template-columns:1fr auto;gap:10px;display:grid}.command-row input{color:#eefcff;background:#000d19d1;border:1px solid #00d9ff47;border-radius:6px;outline:none;width:100%;min-width:0;padding:12px 13px}.command-row input:focus{border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1f}.command-row button,.command-pill{color:#dffaff;background:#00d9ff1a;border:1px solid #00d9ff5c;border-radius:6px;transition:border-color .16s,background .16s,transform .16s}.command-row button{padding:0 16px;font-weight:720}.command-row button:hover,.command-pill:hover{background:#00d9ff2e;border-color:#00d9ffdb;transform:translateY(-1px)}.command-error{color:#ffcf7a;margin:0;font-size:.86rem}.voice-panel{gap:10px;display:grid}.voice-header,.voice-row{align-items:center;gap:10px;display:flex}.voice-header{justify-content:space-between}.voice-dot{background:#00d9ff14;border:1px solid #00d9ff7a;border-radius:50%;width:9px;height:9px}.voice-dot.listening{background:#00d9ff;border-color:#00d9ff;box-shadow:0 0 16px #00d9ffcc}.voice-button{color:#dffaff;background:#00d9ff1a;border:1px solid #00d9ff5c;border-radius:6px;min-width:82px;min-height:38px;font-weight:720}.voice-button:hover:not(:disabled),.voice-button.listening{background:#00d9ff2e;border-color:#00d9ffdb}.voice-button:disabled{cursor:not-allowed;opacity:.52}.voice-status{overflow-wrap:anywhere;color:#8fb1bd;min-width:0;margin:0;font-size:.82rem}.view-panel{gap:10px;display:grid}.toggle-control{color:#dffaff;align-items:center;gap:10px;min-height:38px;font-size:.86rem;font-weight:680;display:flex}.toggle-control input{appearance:none;cursor:pointer;background:#00d9ff14;border:1px solid #00d9ff57;border-radius:999px;flex:none;width:44px;height:24px;margin:0;transition:border-color .16s,background .16s;position:relative}.toggle-control input:before{content:"";background:#8fb1bd;border-radius:50%;width:16px;height:16px;transition:background .16s,transform .16s;position:absolute;top:3px;left:3px}.toggle-control input:checked{background:#00d9ff3d;border-color:#00d9ff}.toggle-control input:checked:before{background:#00d9ff;transform:translate(20px)}.collapsible-panel{gap:12px;display:grid}.collapsible-heading{margin:0}.panel-toggle{color:#d8f7ff;width:100%;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:.92rem;font-weight:680;display:flex}.panel-toggle:hover{color:#fff}.panel-toggle-icon{color:#00d9ff;background:#00d9ff14;border:1px solid #00d9ff47;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.collapsible-content{gap:12px;display:grid}.collapsible-content[hidden]{display:none}.interpretation-panel{gap:12px;display:grid}.interpretation-panel dl{gap:8px;margin:0;display:grid}.interpretation-panel dl>div{border-bottom:1px solid #00d9ff1f;grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:12px;padding-bottom:8px;display:grid}.interpretation-panel dt,.interpretation-panel dd{min-width:0;margin:0}.interpretation-panel dt{color:#8fb1bd;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}.interpretation-panel dd{overflow-wrap:anywhere;color:#eefcff;font-size:.92rem}.command-list{gap:12px;display:grid}.command-categories{gap:16px;display:grid}.command-category{display:block}.emotion-category{border-top:1px solid #00d9ff1f;margin-top:4px;padding-top:10px;display:block}.command-category summary{color:#8fb1bd;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin:0;padding:8px 0;font-size:.76rem}.command-category summary:focus-visible{outline-offset:3px;outline:2px solid #00d9ff}.command-category[open]>summary,.emotion-category[open]>summary{margin-bottom:8px}.command-pills{flex-wrap:wrap;gap:8px;display:flex}.command-pill{overflow-wrap:anywhere;max-width:100%;min-height:34px;padding:7px 10px;font-size:.82rem}.command-pill.active{color:#050b14;background:#00d9ff;border-color:#00d9ff}.blueprint-panel{min-width:0;overflow:hidden}.canvas-toolbar,.canvas-actions{align-items:center;gap:10px;display:flex}.canvas-toolbar{border-bottom:1px solid #153642;flex-wrap:wrap;justify-content:space-between;padding:14px 18px}.canvas-toolbar>span{color:#72e7ff;letter-spacing:.15em;font-size:.75rem}.canvas-actions button{color:#c8f7ff;background:#0d2633;border:1px solid #286072;border-radius:6px;min-height:36px;padding:6px 10px;font-size:.85rem}.canvas-actions button:hover{background:#174254}.canvas-actions button:disabled{opacity:.4;cursor:default}.canvas-actions output{text-align:center;color:#a8d4de;min-width:42px;font-size:.8rem}.canvas-hint{color:#8fb1bd;border-top:1px solid #153642;margin:0;padding:12px 18px;font-size:.8rem;line-height:1.6}.canvas-stage:focus-visible{outline-offset:-3px;outline:2px solid #72e7ff}.canvas-stage{width:100%;height:min(68vh,720px);min-height:560px}.canvas-stage.rotate-enabled{cursor:grab;touch-action:none}.canvas-stage.rotate-enabled:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}@media (width<=820px){.app-shell{width:min(100vw - 20px,720px);padding:18px 0}.app-header{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.blueprint-panel{grid-row:1}.control-panel{gap:14px;min-height:auto;max-height:none;padding:14px}.canvas-stage{height:58vh;min-height:430px}.collapsible-panel{gap:8px}.panel-toggle{background:#00d9ff12;border:1px solid #00d9ff38;border-radius:6px;min-height:38px;padding:0 10px}.collapsible-content{padding-top:4px}}@media (width<=520px){.command-row{grid-template-columns:1fr}.command-row button{min-height:44px}}.ai-controls{gap:10px;margin-bottom:22px;display:grid}.ai-controls select{color:#d9f7ff;background:#061923;border:1px solid #176078;border-radius:6px;width:100%;min-height:44px;padding:10px}button:disabled{opacity:.55;cursor:wait}.cost-receipt{background:#082530;border:1px solid #2da6bd;border-radius:9px;margin:0 0 20px;padding:16px}.cost-receipt h2{margin:0 0 8px}.cost-receipt strong{color:#9cf5dc;font-size:24px;display:block}.cost-receipt p,.cost-receipt small{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.membership-section{margin:0 0 18px}.membership-section button{color:#d9f7ff;font:inherit;cursor:pointer;background:#0d2733;border:1px solid #245566;border-radius:6px;padding:10px 14px}.membership-section button:disabled{cursor:not-allowed}.membership-card{background:#071923;border:1px solid #245566;border-radius:12px;max-width:760px;margin-top:12px;padding:24px}.membership-card p{line-height:1.6}.membership-card form{gap:12px;max-width:420px;margin-bottom:16px;display:grid}.membership-card label{gap:6px;display:grid}.membership-card input{color:#e4f8ff;background:#06131c;border:1px solid #245566;border-radius:6px;padding:12px}.membership-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.membership-notice{color:#ffd878}.flow-projects{border-bottom:1px solid #245566;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.flow-projects input,.flow-projects select{color:#d9f7ff;max-width:220px;font:inherit;background:#061923;border:1px solid #245566;border-radius:6px;padding:10px}.flow-projects small{color:#8fb1bd;flex-basis:100%}.flow-projects button{color:#d9f7ff;font:inherit;cursor:pointer;background:#0d2733;border:1px solid #245566;border-radius:6px;padding:10px 14px}.flow-compact-header{gap:8px;padding:8px 10px}.flow-project-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.flow-preview-action{margin-left:auto}.flow-compact-header button,.flow-compact-header select{min-height:34px;padding:6px 10px;font-size:.82rem}.flow-compact-header .flow-icon-action{background:0 0;border-color:#0000;padding:2px 9px;font-size:21px}.flow-file-menu{position:relative}.flow-file-menu summary{cursor:pointer;border-radius:5px;padding:8px 10px;font-size:.85rem}.flow-file-menu summary:hover,.flow-file-menu[open] summary{background:#123240}.flow-file-popover{z-index:20;background:#0b1c29;border:1px solid #286477;border-radius:8px;flex-direction:column;gap:4px;width:280px;max-width:calc(100vw - 50px);padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0008}.flow-file-popover>button{text-align:left;background:0 0;border-color:#0000}.flow-file-popover button:hover:not(:disabled){background:#12516a}.flow-rename-row{border-block:1px solid #204653;gap:4px;padding:6px 0;display:flex}.flow-rename-row input{width:100%;min-width:0}.flow-file-popover small{padding:8px;font-size:.72rem;line-height:1.5}.flow-text-toolbar{gap:5px;padding:7px 10px}.flow-text-toolbar button:disabled{display:none}.flow-text-toolbar label:has(select:disabled){display:none}.flow-text-toolbar button{min-height:32px;padding:5px 9px;font-size:.8rem}.flow-text-toolbar select{max-width:145px;padding:5px}@media (width<=600px){.flow-compact-header select{max-width:150px}.flow-file-popover{left:auto;right:-70px}}@media (width<=820px){.app-shell{width:calc(100% - 20px);padding:14px 0 max(18px,env(safe-area-inset-bottom))}.app-header{gap:8px;margin-bottom:12px}h1{font-size:clamp(26px,6.5vw,40px);line-height:1.08}.eyebrow,.active-command{font-size:10px}.membership-section{margin-bottom:12px}.membership-section>button{min-height:44px;font-size:13px}.studio-modes{grid-template-columns:1fr 1.25fr 1fr;gap:5px;margin-bottom:12px;display:grid}.studio-modes button{min-height:48px;padding:8px 4px;font-size:12px}.workspace,.flow-workspace{gap:8px;min-width:0}.flow-workspace .flow-mobile-tools-toggle{min-height:44px;display:block}.flow-workspace .flow-tools{max-height:300px;padding:12px;display:none;overflow:auto}.flow-workspace.mobile-flow-tools-open .flow-tools{display:flex}.flow-workspace .flow-sidebar-tab{display:none}.flow-workspace .flow-toolbar-tab{width:56px;height:32px;bottom:-32px}.flow-workspace button,.flow-workspace summary,.canvas-actions button,.voice-button,.command-pill{min-height:44px}.flow-workspace .flow-toolbar-tab{min-height:32px}.flow-mobile-view{border-bottom:1px solid #204653;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:38px 8px 8px;display:flex}.flow-mobile-view button{min-width:44px}.flow-mobile-view>div{justify-content:center;gap:6px;width:100%;display:flex}.flow-mobile-view output{text-align:center;min-width:36px;font-size:12px}.flow-projects{padding:8px}.flow-project-actions{flex:1}.flow-compact-header select{flex-basis:100%;width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px}.flow-file-popover{left:0;right:auto}.flow-text-toolbar{padding:8px}.flow-text-toolbar select,.flow-label input,.command-row input,.ai-controls select,.membership-card input{font-size:16px}.flow-board>svg{height:52svh;min-height:300px;max-height:550px}.flow-preview .flow-board>svg{height:60svh;min-height:300px}.canvas-stage{height:45svh;min-height:280px}.canvas-toolbar{gap:8px;padding:10px}.canvas-actions{gap:6px}.canvas-actions button{min-width:44px}.canvas-hint{padding:10px;font-size:12px}.control-panel{gap:12px}.ai-controls{gap:6px;margin-bottom:0}.membership-card{padding:16px}}