:root{color:var(--flux-text);background:var(--flux-background);font-synthesis:none;--accent:var(--flux-accent);--muted:var(--flux-muted);--line:var(--flux-line);--panel:var(--flux-surface);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}button,select{transition:background .15s,border-color .15s}button:not(:disabled):hover{filter:brightness(1.12)}.app-shell{flex-direction:column;height:100dvh;min-height:660px;display:flex}.topbar{background:var(--flux-background);border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:24px;height:72px;padding:0 26px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:25px;font-weight:550;display:flex}.brand-dot{color:var(--accent)}.brand-mark{width:34px;height:36px;color:var(--accent);background:linear-gradient(145deg,#c4a4ff1a,#777dff08);border:1px solid #c4a4ff44;border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff12,0 0 25px #8855ff12}.top-divider{background:var(--line);width:1px;height:23px}.project-title{color:#e0d5ef;align-items:center;gap:13px;font-size:12px;display:flex}.local-tag{letter-spacing:1.4px;color:#bcb0cf;border:1px solid #493e59;border-radius:4px;padding:4px 5px;font-size:8px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.connection{color:#bcb0cf;align-items:center;gap:7px;margin-right:12px;font-size:10px;display:flex}.connection i{background:#887955;border-radius:50%;width:5px;height:5px}.connection i.online{background:var(--accent);box-shadow:0 0 8px #e0d5ef44}.icon-button{color:#bcb0cf;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:29px;height:30px;display:inline-grid}.icon-button:not(:disabled):hover{background:#ffffff0a}.quiet-button,.primary-button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:inline-flex}.quiet-button{border:1px solid var(--line);color:var(--flux-text);background:#ffffff05;border-radius:999px}.primary-button{background:var(--flux-primary-background);color:var(--flux-ink);border:1px solid #fff6;font-weight:600;box-shadow:inset 0 1px #fffa,0 3px 22px #b28aff40}.workspace{flex:1;min-height:0;display:flex}.conversation{border-right:1px solid var(--line);background:radial-gradient(ellipse at 0% 0%, #64429516, transparent 50%), var(--flux-surface);flex-direction:column;flex-shrink:0;width:355px;display:flex}.conversation-heading{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.eyebrow{letter-spacing:1.65px;color:var(--muted);align-items:center;gap:7px;font-family:Courier New,monospace;font-size:9px;font-weight:550;display:flex}.help-button{color:#bcb0cf;background:0 0;border:1px solid #493e59;border-radius:50%;width:19px;height:19px;font-size:10px}.conversation-scroll{scrollbar-width:thin;scrollbar-color:#493e59 transparent;flex:1;padding:0 24px;overflow-y:auto}.intro{margin:28px 0}.intro-orbit{width:52px;height:55px;color:var(--accent);filter:drop-shadow(0 0 12px #b28aff55);place-items:center;margin-bottom:20px;display:grid;position:relative}.intro-orbit span{border:1px solid #7e728f2b;border-radius:14px;width:50px;height:50px;position:absolute;transform:rotate(30deg)}.intro-orbit span:nth-child(2){border-color:#bcb0cf2b;width:42px;height:42px;transform:rotate(65deg)}.intro h1{letter-spacing:-1.05px;color:var(--flux-text);margin:0 0 16px;font-size:34px;font-weight:400;line-height:1.24}.intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.message{gap:11px;margin:0 0 23px;display:flex}.message-avatar{width:25px;height:25px;color:var(--accent);background:#e0d5ef09;border:1px solid #7e728f;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.message-label{letter-spacing:1px;color:#e0d5ef;margin:3px 0 8px;font-size:8px;font-weight:600}.message-label span{letter-spacing:0;color:#a59ab6;margin-left:7px;font-size:8px;font-weight:400}.message p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.8}.message.user{border-top:1px solid #493e59;padding-top:18px}.message.user .message-avatar{color:#e0d5ef;background:#e0d5ef09;border-color:#7e728f}.message.user p{color:#e0d5ef}.retry-prompt,.retry-resolved{align-items:center;gap:6px;margin-top:10px;font-size:11px;display:inline-flex}.retry-prompt{color:#e2d4ec;background:#302936;border:1px solid #74667f;border-radius:5px;padding:6px 10px}.retry-prompt:hover:not(:disabled){background:#41364b;border-color:#b9a0ce}.retry-prompt:disabled{opacity:.45;cursor:not-allowed}.retry-resolved{color:#e0d5ef}.message-error p{color:#e8a89f}.starter-list{margin:27px 0}.small-label{letter-spacing:1.2px;color:var(--muted);font-family:Courier New,monospace;font-size:8px}.starter-list>.small-label{margin-bottom:13px;display:block}.starter-list button{text-align:left;color:#d5cadd;background:0 0;border:0;border-bottom:1px solid #493e59;align-items:center;gap:10px;width:100%;min-height:43px;font-size:11px;display:flex}.starter-list button svg{color:#a59ab6;flex-shrink:0;margin-left:auto}.suggestion-number{color:#a59ab6;font-size:8px}.composer-area{padding:17px 20px 18px}.provider-note{color:#bcb0cf;align-items:center;gap:6px;margin-bottom:12px;font-size:9px;display:flex}.provider-note.fixture{color:#c4b38e}.provider-indicator{background:currentColor;border-radius:50%;width:5px;height:5px}.provider-note button{color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.composer{-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:radial-gradient(at 100% 100%,#b86bc445,#0000 65%),radial-gradient(at 0 0,#778cff40,#0000 70%),linear-gradient(145deg,#33243ecc,#18101ecc);border:1px solid #dfcdff70;border-radius:18px;padding:12px;box-shadow:inset 0 1px #ffffff40,0 12px 35px #9a4fff20}.composer:focus-within{border-color:var(--accent);box-shadow:inset 0 1px #ffffff50,0 0 0 3px #c4a4ff18,0 10px 35px #a05aff38}.composer textarea{color:#e0d5ef;resize:vertical;background:0 0;border:0;width:100%;height:58px;min-height:42px;max-height:150px;font-size:12px;line-height:1.6;display:block;outline:0!important}.composer textarea::placeholder{color:#a59ab6}.composer-bottom{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.composer select{color:#e0d5ef;background:#332b40;border:0;border-radius:5px;max-width:210px;padding:6px;font-size:9px}.composer-options{align-items:center;gap:6px;min-width:0;display:flex}.composer-options select{min-width:0;max-width:150px}.composer-options select[aria-label=Generation\ mode]{color:#e0d5ef;max-width:75px}.generation-elapsed{font-variant-numeric:tabular-nums;color:#bcb0cf;margin-left:auto;font-size:9px}.cancel-generation{color:#bcb0cf;white-space:nowrap;background:0 0;border:1px solid #7e728f;border-radius:5px;padding:4px 5px;font-size:8px}.send-button{background:var(--flux-primary);width:31px;height:31px;color:var(--flux-ink);border:0;border-radius:50%;place-items:center;display:grid}.composer-hint{text-align:center;color:#a59ab6;letter-spacing:.15px;margin-top:12px;font-size:8px}.canvas-workspace{background:var(--flux-background);flex-direction:column;flex:1;min-width:0;display:flex}.canvas-toolbar{background:#100d16;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:10px;height:62px;padding:0 26px;display:flex}.view-tabs{gap:6px;display:flex}.view-tabs button{color:#bcb0cf;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.view-tabs button.active{color:#e0cfff;background:#c4a4ff14}.tab-count{border:1px solid #493e59;border-radius:3px;padding:0 4px;font-size:8px}.canvas-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.canvas-toolbar-right .small-label{letter-spacing:1.4px;font-size:7px}.muted{color:#7e728f;margin:0 7px}.canvas-body{flex:1;min-height:0;position:relative;overflow:hidden}.examples-entry.active{color:var(--accent);border-color:#a59ab6}.examples-view{background:radial-gradient(ellipse at 75% 0%, #65369d1c, transparent 55%), var(--flux-background);padding:30px;position:absolute;inset:0;overflow:auto;container-type:inline-size}.examples-heading h2{letter-spacing:-1.2px;margin:12px 0 10px;font-size:clamp(25px,3vw,36px);font-weight:500}.examples-heading>p{color:#bcb0cf;margin:0;font-size:13px;line-height:1.6}.examples-assurance{color:#bcb0cf;flex-wrap:wrap;gap:9px 20px;margin:20px 0 25px;font-size:10px;display:flex}.examples-assurance span{align-items:center;gap:6px;display:inline-flex}.examples-assurance span:not(:first-child):before{content:"·";color:#a59ab6}.examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.example-card{border:1px solid var(--flux-glass-border);background:var(--flux-glass-background);min-width:0;box-shadow:var(--flux-glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.example-art{background:radial-gradient(at 50% 125%,#f5d8ff 0%,#e28cff99 23%,#8a35ff88 40%,#0000 68%),radial-gradient(at 0 100%,#4c9eff88,#0000 65%),#100c17;border-bottom:1px solid #e4caff60;width:100%;height:148px;display:block}.example-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding:20px;display:flex}.example-category{letter-spacing:.12em;text-transform:uppercase;font-family:Courier New,monospace;font-size:9px}.example-card h3{letter-spacing:-.5px;color:var(--flux-text);margin:9px 0;font-size:22px;font-weight:400}.example-card p{color:#eee5f7;margin:0 0 10px;font-size:12px;line-height:1.7}.example-card p.example-card-detail{color:#d0c5e0;margin-bottom:20px;font-size:11px}.example-card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.example-card-actions .primary-button,.example-card-actions .quiet-button{padding:9px 12px;font-size:11px}.example-copy{color:#af9bce;background:0 0;border:none;padding:5px 0;font-size:10px}.example-ideas{color:#bcb0cf;margin-top:17px;font-size:10px;line-height:1.7}.example-ideas summary{cursor:pointer}.example-ideas ul{margin-bottom:0;padding-left:14px}.example-ideas li+li{margin-top:7px}.examples-footnote{color:#bcb0cf;margin-top:24px;font-size:11px;line-height:1.8}.browse-examples{color:#dfc9fa;text-align:left;background:linear-gradient(120deg,#c4a4ff10,#777dff08);border:1px solid #c4a4ff33;border-radius:12px;align-items:center;gap:10px;width:100%;margin:20px 0;padding:12px;font-size:11px;line-height:1.5;display:flex}.browse-examples>span{flex:1}.browse-examples small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.empty-examples-button{background:var(--flux-primary);color:var(--flux-ink);pointer-events:auto;border:1px solid #fff6;border-radius:999px;align-items:center;gap:8px;margin:10px 0;padding:13px 22px;font-size:12px;display:inline-flex;box-shadow:0 0 35px #b28aff19}.example-followups{gap:8px;margin-top:15px;display:grid}.example-followups>span{letter-spacing:.1em;color:#a59ab6;font-size:8px}.example-followups button{text-align:left;color:#e0d5ef;overflow-wrap:anywhere;background:#332b40;border:1px solid #493e59;border-radius:6px;gap:7px;padding:9px;font-size:10px;line-height:1.7;display:flex}.example-followups button svg{flex-shrink:0;margin-top:3px}.example-followups small{color:#bcb0cf;font-size:9px;line-height:1.7}@container (width<=850px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=490px){.examples-grid{grid-template-columns:1fr}}@media (max-width:760px){.examples-entry-label{display:none}.examples-entry{padding:8px!important}.examples-view{padding:20px 16px}.examples-heading h2{font-size:25px}.examples-heading>p{font-size:12px}.examples-assurance{gap:7px 12px;margin:12px 0 16px}.examples-assurance span:last-child{display:none}.example-art{height:86px}.example-card-copy{padding:16px}}.mention-composer{position:relative}.mention-picker{z-index:20;background:#211b2e;border:1px solid #7e728f;border-radius:10px;max-height:270px;padding:6px;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 35px #0007}.mention-heading{letter-spacing:1px;color:#bcb0cf;padding:9px;font-size:8px}.mention-picker button{text-align:left;color:#e0d5ef;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.mention-picker button[aria-selected=true]{background:#493e59}.mention-picker strong,.mention-picker small{display:block}.mention-picker strong{font-size:11px}.mention-picker small{color:#bcb0cf;margin-top:3px;font-size:10px}.mention-picker p{color:#bcb0cf;padding:8px;font-size:11px}.mention-icon{width:30px;height:30px;color:var(--accent);background:#332b40;border:1px solid #7e728f;border-radius:7px;place-items:center;font:11px monospace;display:grid}.connections-view{background:#211b2e;height:100%;padding:26px;overflow:auto}.connections-empty{color:#e0d5ef;border:1px dashed #493e59;border-radius:12px;margin-top:30px;padding:30px;font-size:13px}.connections-empty p{color:#bcb0cf;line-height:1.7}.connection-card{background:#211b2e;border:1px solid #493e59;border-radius:10px;margin:16px 0;padding:18px}.connection-card.disabled{background:#211b2e;border-color:#493e59}.connection-card-title,.connection-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.connection-card h3{color:#e0d5ef;margin:0;font-size:14px}.connection-card p{color:#bcb0cf;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.connection-card b{color:#e0d5ef}.connection-enabled{color:#bcb0cf;align-items:center;gap:6px;font-size:11px;display:flex}.connection-enabled input{accent-color:var(--accent)}.connection-card-footer>span{color:#bcb0cf;font-size:10px}.connection-card-footer>div{flex-wrap:wrap;gap:6px;display:flex}.connection-editor{background:#211b2e;border:1px solid #7e728f;border-radius:10px;margin:24px 0;padding:22px}.connection-editor h3{color:#e0d5ef;margin-top:0}.connection-editor label{color:#bcb0cf;flex-direction:column;gap:7px;min-width:0;font-size:11px;display:flex}.connection-editor input,.connection-editor select{color:#e0d5ef;background:#16121f;border:1px solid #493e59;border-radius:6px;width:100%;min-width:0;padding:9px;font-size:12px}.connection-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.connection-editor-actions{justify-content:flex-end;gap:10px;display:flex}.connection-notice{color:#edda9e;background:#433a22;border:1px solid #8d773c;border-radius:6px;padding:12px;font-size:12px;line-height:1.6}.connection-overlay,.connection-highlights{pointer-events:none;z-index:3;transform-origin:50%;position:absolute;inset:0}.connection-lines{position:absolute;inset:0;overflow:visible}.connection-wire{color:#e0d5ef}.connection-wire.disabled{color:#a59ab6}.connection-wire.focused{color:#e0d5ef}.connection-wire path{fill:none}.connection-wire-path{stroke:currentColor;stroke-width:2px}.connection-wire.is-disabled .connection-wire-path{stroke-dasharray:6 5}.connection-wire-halo{stroke:#211b2e;stroke-width:6px;opacity:.85}.connection-wire circle{fill:currentColor;stroke:#211b2e;stroke-width:1.5px}.connection-arrow.enabled{fill:#e0d5ef}.connection-arrow.disabled{fill:#a59ab6}.connection-arrow.focused{fill:#e0d5ef}.connection-highlights>div{border:2px solid #e0d5ef;border-radius:10px;max-width:100%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 25px #e0d5ef22}.connection-highlights span{color:#e0d5ef;background:#332b40;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;top:-20px;left:0}.connection-focus-label{z-index:5;color:#d6c9ef;background:#332b40;border:1px solid #a59ab6;border-radius:6px;align-items:center;gap:10px;max-width:90%;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.canvas-viewport{background-image:radial-gradient(circle,#a69bbf22 .65px,#0000 .8px),radial-gradient(at 70% 100%,#af438b40,#0000 65%),radial-gradient(at 15% 75%,#4b3fad45,#0000 65%);background-position:50%;background-size:26px 26px,100% 100%,100% 100%;width:100%;height:100%;position:relative;overflow:hidden}.canvas-viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px 20px #08080b66}.runtime-surface{transform-origin:50%;z-index:2;position:absolute;inset:0}.component-frame{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;max-width:100%;position:absolute;transform:translate(-50%,-50%)}.component-frame.preview-covered{visibility:hidden}.component-frame.generation-preview{pointer-events:none}.generation-progress .generation-preview-note{color:#c6b1e8;font-size:10px}.generation-progress{color:#e0d5ef;overflow-wrap:anywhere;background:#211b2e;border:1px solid #7e728f;border-radius:7px;margin:0 0 22px 36px;padding:12px;font-size:11px;line-height:1.6}.generation-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.generation-component-indicator{pointer-events:none;border:1px solid #c5adf580;border-radius:12px;position:absolute;box-shadow:0 0 0 3px #bca6ff0a,0 0 24px #ab88ed18}.generation-component-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#eee5ff;white-space:nowrap;background:linear-gradient(120deg,#30263fef,#282238f5);border:1px solid #c5adf578;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:114px;height:29px;font-size:11px;font-weight:500;line-height:1;display:flex;position:absolute;box-shadow:0 4px 16px #08080b66,inset 0 1px #ffffff12}.generation-progress strong{color:#e0d5ef;font-weight:500}.generation-metrics{color:#bcb0cf;margin-top:6px}.generation-progress p{margin:6px 0}.generation-progress .generation-idle{color:#efd49b}.generation-progress summary{cursor:pointer;color:#c6b1e8;margin-top:8px}.generation-progress pre{white-space:pre-wrap;max-height:180px;margin-bottom:0;font-size:10px;overflow:auto}.component-frame.staging{opacity:0;pointer-events:none}.arrange-toggle{color:#e0d5ef;white-space:nowrap;background:#332b40;border:1px solid #493e59;border-radius:6px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;display:flex}.arrange-toggle.active{color:var(--accent);background:#e0d5ef0c;border-color:#a59ab6}.arrange-hint{z-index:5;color:#e0d5ef;text-align:center;pointer-events:none;background:#211b2eee;border:1px solid #493e59;border-radius:6px;width:max-content;max-width:calc(100% - 30px);margin:0;padding:8px 12px;font-size:10px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.arrange-surface{transform-origin:50%;z-index:4;pointer-events:none;position:absolute;inset:0}.arrange-surface.is-dragging{pointer-events:auto;cursor:grabbing}.arrange-box{pointer-events:none;max-width:100%;position:absolute;transform:translate(-50%,-50%)}.arrange-box.selected,.arrange-box:focus-within{z-index:1}.arrange-item{color:#e0d5ef;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#e0d5ef06;border:1px dashed #bcb0cf;border-radius:8px;width:100%;height:100%;padding:0;position:absolute;inset:0}.arrange-item.selected,.arrange-item:focus-visible{border-style:solid;border-color:var(--accent);outline-offset:3px;z-index:1;outline:2px solid #e0d5ef29}.is-dragging .arrange-item{cursor:grabbing}.arrange-label,.arrange-position{pointer-events:none;background:#332b40;align-items:center;gap:5px;padding:5px 7px;font-size:10px;display:flex;position:absolute}.arrange-label{white-space:nowrap;border-radius:7px 0 6px;max-width:100%;top:0;left:0;overflow:hidden}.arrange-position{font-variant-numeric:tabular-nums;color:#bcb0cf;border-radius:6px 0 7px;font-size:9px;bottom:5px;right:9px}.resize-handle{pointer-events:auto;touch-action:none;z-index:2;background:0 0;border:0;width:24px;height:24px;padding:0;position:absolute;transform:translate(-50%,-50%)}.resize-handle:after{content:"";background:#332b40;border:1px solid #e0d5ef;border-radius:2px;position:absolute;inset:8px}.resize-handle:focus-visible{outline:2px solid var(--accent);border-radius:4px}.resize-nw{cursor:nwse-resize;top:0;left:0}.resize-n{cursor:ns-resize;top:0;left:50%}.resize-ne{cursor:nesw-resize;top:0;left:100%}.resize-e{cursor:ew-resize;top:50%;left:100%}.resize-se{cursor:nwse-resize;top:100%;left:100%}.resize-s{cursor:ns-resize;top:100%;left:50%}.resize-sw{cursor:nesw-resize;top:100%;left:0}.resize-w{cursor:ew-resize;top:50%;left:0}.empty-canvas{pointer-events:none;text-align:center;z-index:3;color:#e0d5ef;width:100%;padding:0 24px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.empty-symbol{color:#f0e1ff;background:var(--flux-glass-background);border:1px solid #d9bbff66;border-radius:20px;place-items:center;width:68px;height:68px;margin:0 auto 28px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:inset 0 1px #ffffff70,0 0 48px #9a5aff66}.empty-symbol svg{transform:rotate(8deg)}.empty-symbol span{background:#211b2e;border:1px solid #bcb0cf;width:5px;height:5px;position:absolute;top:-3px;left:-3px}.empty-symbol span:last-child{inset:auto -3px -3px auto}.empty-canvas .eyebrow{color:#b9a3d0;letter-spacing:2px;justify-content:center;font-size:9px}.empty-canvas h2{letter-spacing:-2px;color:var(--flux-text);text-shadow:0 0 38px #b28aff33;margin:22px 0 16px;font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.3}.empty-canvas p{color:var(--muted);letter-spacing:.1px;margin:0 0 22px;font-size:14px;line-height:1.8}.empty-prompt{color:#9b8eac;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;margin:14px auto 0;padding:8px 12px;font-size:10px;display:flex}.canvas-coordinate{letter-spacing:.6px;color:#7e728f;z-index:1;font-family:Consolas,monospace;font-size:7px;position:absolute}.canvas-coordinate.top-left{top:22px;left:29px}.canvas-coordinate span{margin-left:11px}.canvas-corner{opacity:.45;z-index:1;border-style:solid;border-color:#7e728f;width:9px;height:9px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:43px;left:22px}.corner-tr{border-width:1px 1px 0 0;top:43px;right:22px}.corner-bl{border-width:0 0 1px 1px;bottom:61px;left:22px}.corner-br{border-width:0 1px 1px 0;bottom:61px;right:22px}.canvas-caption{letter-spacing:1.1px;color:#a59ab6;z-index:3;align-items:center;gap:7px;font-size:7px;display:flex;position:absolute;bottom:26px;left:28px}.live-dot{background:#a59ab6;border-radius:50%;width:4px;height:4px}.caption-divider{color:#493e59;margin:0 5px}.canvas-zoom{z-index:3;background:#211b2e;border:1px solid #493e59;border-radius:6px;align-items:center;gap:5px;display:flex;position:absolute;bottom:18px;right:25px}.canvas-zoom>span{color:#bcb0cf;text-align:center;min-width:32px;font-size:9px}.canvas-zoom .icon-button{width:25px;height:27px}.component-tray{background:#100d16;border-top:1px solid #ffffff0d;align-items:center;gap:20px;min-height:71px;padding:15px 25px;display:flex}.tray-label{color:#bcb0cf;letter-spacing:1.1px;flex-shrink:0;align-items:center;gap:8px;font-size:8px;display:flex}.tray-count{border:1px solid #493e59;border-radius:4px;padding:2px 4px;font-size:8px}.component-items{flex-wrap:wrap;flex:1;gap:8px;display:flex}.tray-empty{color:#7e728f;font-size:10px}.component-chip{color:#bcb0cf;background:#332b40;border:1px solid #493e59;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex}.component-chip.selected{color:#e0d5ef;background:#e0d5ef08;border-color:#a59ab6}.chip-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.statusbar{background:var(--flux-background);color:#a59ab6;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:35px;padding:0 24px;font-size:8px;display:flex}.statusbar>span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:40%;display:flex;overflow:hidden}.status-dot{background:#bcb0cf;border-radius:50%;flex-shrink:0;width:4px;height:4px}.statusbar>div{align-items:center;gap:12px;display:flex}.statusbar button{color:#bcb0cf;background:0 0;border:0;padding:0;font-size:8px}.timings{align-items:center;gap:5px;font-family:Consolas,monospace;font-size:7px;display:flex}.timings i{background:#493e59;width:1px;height:7px;margin:0 3px}.working{color:#bcb0cf;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0 18px;font-size:10px;line-height:1.5;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.working-dots{letter-spacing:2px}.view-hidden{visibility:hidden;pointer-events:none;position:absolute}.source-view,.history-view{scrollbar-width:thin;scrollbar-color:#493e59 transparent;background:var(--flux-surface);height:100%;padding:30px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.panel-heading h2{letter-spacing:-.5px;margin:10px 0 0;font-size:23px;font-weight:450}.source-meta{color:#bcb0cf;background:#211b2e;border:1px solid #493e59;border-radius:7px 7px 0 0;justify-content:space-between;padding:11px 14px;font-family:Consolas,monospace;font-size:9px;display:flex}.source-meta span:last-child{color:#a59ab6;font-size:8px}.source-editor{resize:vertical;color:#e0d5ef;tab-size:2;white-space:pre;background:#16121f;border:1px solid #493e59;border-top:0;border-radius:0 0 7px 7px;width:100%;height:calc(100% - 280px);min-height:150px;padding:16px;font-family:Consolas,monospace;font-size:11px;line-height:1.65;display:block;overflow:auto}.state-inspector{margin-top:24px}.state-inspector pre{color:#e0d5ef;font-family:Consolas,monospace;font-size:10px}.state-inspector p,.subtle-copy{color:#a59ab6;font-size:10px;line-height:1.8}.history-item{background:#211b2e;border:1px solid #493e59;border-radius:9px;gap:18px;margin-bottom:12px;padding:20px;display:flex;position:relative}.history-item.current{background:#211b2e44;border-color:#7e728f}.history-node{background:#a59ab6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.history-item.current .history-node{background:var(--accent);box-shadow:0 0 0 4px #e0d5ef11}.history-item h3{margin:7px 0;font-size:12px;font-weight:450;line-height:1.6}.history-item p{color:#a59ab6;margin:0;font-size:9px}.history-item>svg{color:var(--accent);margin-left:auto}.error-banner{z-index:5;color:#f0bcae;background:#30201ff5;border:1px solid #af6a5b;border-radius:9px;justify-content:space-between;align-items:flex-start;max-height:190px;padding:14px 15px;font-size:10px;display:flex;position:absolute;bottom:15px;left:18px;right:18px;overflow:auto;box-shadow:0 5px 20px #0003}.error-banner strong{font-size:11px;font-weight:550}.error-banner p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;line-height:1.6}.error-banner .icon-button{color:#e1b2a5}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0b12c9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.help-modal{background:radial-gradient(ellipse at top right, #65428d26, transparent 70%), var(--flux-surface);border:1px solid #c4a4ff44;border-radius:18px;max-width:550px;max-height:90dvh;padding:40px;position:relative;overflow:auto;box-shadow:0 20px 100px #0008}.modal-close{position:absolute;top:12px;right:12px}.help-modal h2{letter-spacing:-.7px;margin:18px 0;font-size:28px;font-weight:450}.help-modal h3{color:#e0d5ef;margin-top:24px;font-size:13px}.help-modal p{color:#bcb0cf;font-size:12px;line-height:1.8}.help-modal code{color:#e0d5ef;background:#16121f;border-radius:3px;padding:3px 5px;font-size:10px}.help-modal .primary-button{margin-top:15px}.state-review{color:#d6c8a9;background:#2b2822;border:1px solid #8c7e5c;border-radius:9px;margin-bottom:18px;padding:14px;font-size:10px}.state-review p{line-height:1.7}.state-review pre{font-size:10px;overflow:auto}.state-review button{margin:5px 5px 0 0;padding:8px;font-size:9px}.state-review b{font-weight:500}@media (min-width:1600px){.conversation{width:390px}.intro{margin-top:50px}.intro h1{font-size:36px}.conversation-scroll{padding:0 28px}.conversation-heading{padding-left:28px;padding-right:28px}.intro p,.message p{font-size:12px}.starter-list button{font-size:11px}.empty-canvas h2{font-size:42px}}@media (max-width:1100px){.topbar{gap:16px;padding:0 18px}.connection{display:none}.conversation{width:310px}.conversation-heading{padding-left:20px;padding-right:20px}.conversation-scroll{padding:0 20px}.intro h1{font-size:28px}.canvas-toolbar{padding:0 15px}.canvas-toolbar-right .small-label{display:none}.component-tray{gap:12px;padding:12px 16px}.tray-label>span:not(.tray-count){display:none}.statusbar{padding:0 16px}.timings{display:none}}@media (max-width:1000px){.canvas-toolbar{flex-wrap:wrap;min-height:82px;height:auto!important;padding:6px 10px!important}.view-tabs{width:100%;overflow-x:auto}.view-tabs button{white-space:nowrap}}@media (max-width:760px){.connections-view{padding:14px}.connection-fields{grid-template-columns:1fr}.app-shell{height:auto;min-height:100dvh}.topbar{gap:12px;height:64px;padding:0 14px}.brand{font-size:21px}.brand-mark{width:30px;height:31px}.top-divider,.project-title,.desktop-only{display:none}.top-actions{gap:5px}.quiet-button,.primary-button{padding:8px 9px;font-size:10px}.workspace{flex-direction:column-reverse}.conversation{border-right:0;border-top:1px solid var(--line);width:100%;height:500px}.conversation-heading{padding-top:16px}.conversation-scroll{padding-top:12px}.intro{display:none}.welcome{margin-top:5px}.composer-area{padding-top:10px}.canvas-workspace{flex:none;height:62dvh;min-height:470px}.canvas-toolbar{height:51px}.canvas-toolbar-right{gap:0}.canvas-toolbar{gap:6px;padding:0 10px}.view-tabs{gap:0}.view-tabs button{gap:5px;padding:8px 7px}.arrange-hint{font-size:9px}.empty-canvas h2{font-size:28px}.empty-canvas .eyebrow{letter-spacing:1.4px;font-size:6px}.empty-symbol{border-radius:15px;width:55px;height:55px;margin-bottom:18px}.empty-prompt{margin-top:12px}.canvas-caption{font-size:6px;bottom:23px;left:15px}.canvas-coordinate.top-left{top:15px;left:18px}.corner-tl,.corner-tr{top:34px}.canvas-zoom{bottom:14px;right:14px}.component-tray{min-height:57px;padding:10px 14px}.component-chip{padding:6px;font-size:8px}.statusbar{height:30px;padding:0 12px;font-size:7px}.statusbar>div{gap:8px}.statusbar button{font-size:7px}.statusbar>span{max-width:55%}.source-view,.history-view{padding:22px 16px}.panel-heading h2{font-size:19px}.source-editor{min-height:180px;font-size:10px}.help-modal{padding:28px 23px}.help-modal p{font-size:11px}.starter-list{margin:10px 0}.starter-list button{min-height:34px}.error-banner{max-height:120px;bottom:8px;left:10px;right:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}}.canvas-atmosphere{opacity:.38;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}::selection{color:#fff;background:#7450aa}.example-card{transition:border-color .2s,box-shadow .2s}.example-card:hover{border-color:#f0e2ffa0;box-shadow:inset 0 1px #ffffff70,0 14px 36px #0004,0 0 42px #b26bff55}@media (max-width:760px){.empty-canvas{padding:0 20px;top:46%}.empty-canvas h2{letter-spacing:-1.2px;margin:14px 0 10px;font-size:32px}.empty-canvas p{margin-bottom:8px;font-size:12px}.empty-symbol{border-radius:13px;width:42px;height:42px;margin-bottom:18px}.empty-canvas .eyebrow{letter-spacing:1.1px;font-size:7px}.empty-examples-button{padding:10px 17px}.empty-prompt{display:none}}