@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";.react-flow{--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: #ffffff80;--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: #f0f0f099;--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var( --xy-background-color, var(--xy-background-color-default) );--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: #f0f0f040;--xy-node-boxshadow-hover-default: 0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: #0059dc14;--xy-selection-border-default: 1px dotted #0059dccc;--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px #00000014;--xy-edge-label-background-color-default: #fff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: #96969640;--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: #3c3c3c99;--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: #f0f0f040;--xy-node-boxshadow-hover-default: 0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: #c8c8dc14;--xy-selection-border-default: 1px dotted #c8c8dccc;--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px #00000014;--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var( --xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)) );pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var( --xy-edge-stroke-width, var(--xy-edge-stroke-width-default) );fill:none}.react-flow__connection-path{stroke:var( --xy-connectionline-stroke, var(--xy-connectionline-stroke-default) );stroke-width:var( --xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default) );fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var( --xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default) )}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var( --xy-handle-background-color, var(--xy-handle-background-color-default) );border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var( --xy-attribution-background-color, var(--xy-attribution-background-color-default) );margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var( --xy-minimap-background-color, var(--xy-minimap-background-color-default) ) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var( --xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default) ) );stroke:var( --xy-minimap-mask-stroke-color-props, var( --xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default) ) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var( --xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default) ) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var( --xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default) ) );stroke:var( --xy-minimap-node-stroke-color-props, var( --xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default) ) );stroke-width:var( --xy-minimap-node-stroke-width-props, var( --xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default) ) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var( --xy-background-pattern-color, var(--xy-background-pattern-dots-color-default) ) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var( --xy-background-pattern-color, var(--xy-background-pattern-lines-color-default) ) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var( --xy-background-pattern-color, var(--xy-background-pattern-cross-color-default) ) )}.react-flow__controls{box-shadow:var( --xy-controls-box-shadow, var(--xy-controls-box-shadow-default) );flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var( --xy-controls-button-background-color, var(--xy-controls-button-background-color-default) );border:none;border-bottom:1px solid var( --xy-controls-button-border-color-props, var( --xy-controls-button-border-color, var(--xy-controls-button-border-color-default) ) );width:26px;height:26px;color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var( --xy-node-border-radius, var(--xy-node-border-radius-default) );width:150px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var( --xy-node-background-color, var(--xy-node-background-color-default) );padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var( --xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default) )}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var( --xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default) )}.react-flow__node-group{background-color:var( --xy-node-group-background-color, var(--xy-node-group-background-color-default) )}.react-flow__nodesselection-rect,.react-flow__selection{background:var( --xy-selection-background-color, var(--xy-selection-background-color-default) );border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var( --xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default) ) );color:var( --xy-controls-button-color-hover-props, var( --xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default) ) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var( --xy-controls-button-border-color, var(--xy-controls-button-border-color-default) ) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var( --xy-resize-background-color, var(--xy-resize-background-color-default) );border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var( --xy-resize-background-color, var(--xy-resize-background-color-default) );border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var( --xy-edge-label-background-color, var(--xy-edge-label-background-color-default) )}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{color:#f5f5f5;font-synthesis:none;--bg: #050505;--rail: #080808;--panel: #0c0c0d;--panel-2: #111113;--raised: #161618;--line: #242428;--line-bright: #35353b;--text: #f7f7f8;--muted: #898991;--dim: #606067;--purple: #8b3dff;--purple-2: #a855f7;--purple-soft: #8b3dff21;--green: #48d597;--red: #ff6168;background:#050505;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.app-shell{background:#050505;min-height:100vh;display:flex}.side-rail{z-index:20;border-right:1px solid var(--line);background:#080808;flex-direction:column;width:236px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:72px;padding:0 22px;display:flex}.brand-mark>span{color:#fff;background:var(--purple);place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 30px #8b3dff47}.brand-mark div{flex-direction:column;gap:2px;display:flex}.brand-mark strong{letter-spacing:.16em;font-size:17px;line-height:1}.brand-mark small,.side-rail nav>small{color:#68686f;letter-spacing:.16em;font-family:JetBrains Mono,monospace;font-size:9px}.side-rail nav{flex-direction:column;gap:4px;padding:22px 12px;display:flex}.side-rail nav>small{text-transform:uppercase;margin:15px 10px 8px}.side-rail nav>small:first-child{margin-top:0}.side-rail nav button{color:#828288;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 11px;transition:all .18s;display:flex}.side-rail nav button:hover{color:#ddd;background:#111}.side-rail nav button.active{color:#fff;box-shadow:inset 3px 0 var(--purple);background:linear-gradient(90deg,#8b3dff30,#8b3dff08);border-color:#352256}.side-rail nav button.current{color:#d8c2ff}.side-rail nav button span{flex:1;font-size:13px;font-weight:600}.side-rail nav button em{background:#26262a;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-style:normal;display:grid}.rail-bottom{border-top:1px solid var(--line);margin-top:auto;padding:14px 12px 18px}.engine-card{background:#0e0e10;border:1px solid #28282c;align-items:center;gap:10px;padding:13px;display:flex}.engine-card>svg{color:var(--purple-2)}.engine-card div{flex-direction:column;flex:1;gap:3px;display:flex}.engine-card b{letter-spacing:.08em;font:600 10px JetBrains Mono,monospace}.engine-card small{color:#74747b;font-size:10px}.engine-card>i{background:#d29b3e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #d29b3e}.engine-card>i.live{background:var(--green);box-shadow:0 0 9px var(--green)}.rail-bottom>button{color:#888;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:38px;margin-top:8px;padding:0 12px;display:flex}.rail-bottom>button:hover{color:#fff}.nav-scrim{display:none}.app-body{width:calc(100% - 236px);min-height:100vh;margin-left:236px}.top-bar{z-index:12;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808e8;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.mobile-menu{display:none}.breadcrumbs{align-items:center;gap:11px;min-width:0;display:flex}.breadcrumbs span{letter-spacing:.13em;color:#7e7e85;font:600 10px JetBrains Mono,monospace}.breadcrumbs i{color:#3e3e42;font-style:normal}.breadcrumbs b{text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:13px;overflow:hidden}.top-actions{align-items:center;gap:10px;display:flex}.saved-dot{color:#727279;align-items:center;gap:7px;margin-right:8px;font-size:11px;display:flex}.saved-dot i{background:var(--green);border-radius:50%;width:6px;height:6px}.ghost-action{border:1px solid var(--line-bright);cursor:pointer;background:#101012;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:11px;font-weight:600;display:flex}.ghost-action:hover{background:#171719;border-color:#555}.avatar{background:var(--purple-soft);color:#c9adff;cursor:pointer;border:1px solid #51308a;width:36px;height:36px;font:700 11px JetBrains Mono,monospace}.workbench{background-color:#070708;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;min-height:calc(100vh - 72px)}.workbench-intro{border-bottom:1px solid var(--line);background:radial-gradient(circle at 22% -20%,#8b3dff2e,#0000 36%),linear-gradient(#ffffff04,#0000);justify-content:space-between;align-items:flex-end;gap:28px;min-height:176px;padding:34px 34px 27px;display:flex}.section-kicker,.control-heading span,.section-title span,.stage-toolbar>div:first-child span,.analysis-summary small,.analysis-canvas>span,.empty-canvas .eyebrow{color:var(--purple-2);letter-spacing:.16em;font:600 9px JetBrains Mono,monospace}.workbench-intro h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(27px,3vw,43px);line-height:1.06}.workbench-intro p{color:#929299;max-width:690px;margin:0;font-size:13px;line-height:1.7}.pipeline-status{align-items:center;min-width:360px;padding-bottom:5px;display:flex}.pipeline-status>div{flex:1;align-items:center;display:flex}.pipeline-status span{color:#626268;border:1px solid #323237;flex:none;place-items:center;width:27px;height:27px;font:600 9px JetBrains Mono,monospace;display:grid}.pipeline-status b{color:#696970;margin-left:7px;font-size:10px}.pipeline-status i{background:#28282c;flex:1;height:1px;margin:0 8px}.pipeline-status>div.done span{color:#fff;border-color:var(--purple);background:var(--purple)}.pipeline-status>div.done b{color:#c9c9ce}.pipeline-status>div.done i{background:#59319b}.studio-layout{grid-template-columns:minmax(390px,440px) minmax(0,1fr);min-height:calc(100vh - 248px);display:grid}.control-stack{border-right:1px solid var(--line);background:#09090af5}.control-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:75px;padding:0 24px;display:flex}.control-heading div,.section-title div{flex-direction:column;gap:4px;display:flex}.control-heading h2,.section-title h3{letter-spacing:-.01em;margin:0;font-size:16px}.control-heading>button{color:#a987e2;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5b398e;padding:3px 0;font-size:10px}.control-section{border-bottom:1px solid var(--line);flex-direction:column;gap:15px;padding:22px 24px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.field-row.three{grid-template-columns:1fr 1fr 90px}.control-section label,.settings-modal>label,.plan-editor label{flex-direction:column;gap:7px;display:flex}.control-section label>span,.settings-modal label>span,.plan-editor label>span{color:#a6a6ac;letter-spacing:.02em;font-size:10px;font-weight:600}.control-section label em{color:#666;font-style:normal;font-weight:400}.control-section input,.control-section textarea,.control-section select,.settings-modal input,.plan-editor input,.plan-editor textarea,.edit-drawer textarea{color:#eee;background:#111113;border:1px solid #29292e;border-radius:0;width:100%;transition:all .18s}.control-section input,.control-section select,.settings-modal input,.plan-editor input{height:40px;padding:0 11px}.control-section textarea,.plan-editor textarea,.edit-drawer textarea{resize:vertical;padding:10px 11px;line-height:1.6}.control-section input::placeholder,.control-section textarea::placeholder,.edit-drawer textarea::placeholder{color:#4e4e54}.control-section input:focus,.control-section textarea:focus,.control-section select:focus,.settings-modal input:focus,.plan-editor input:focus,.plan-editor textarea:focus,.edit-drawer textarea:focus{border-color:var(--purple);outline:0;box-shadow:0 0 0 3px #8b3dff17}.control-section select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#777 50%),linear-gradient(135deg,#777 50%,#0000 50%);background-position:calc(100% - 15px) 17px,calc(100% - 11px) 17px;background-repeat:no-repeat;background-size:4px 4px,4px 4px}.control-section label>small{color:#5f5f66;font-size:10px;line-height:1.5}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title em{text-align:center;color:#777;border:1px solid #303034;min-width:33px;padding:4px 6px;font:500 9px JetBrains Mono}.drop-zone{cursor:pointer;background:#0f0f11;border:1px dashed #3a3a40;align-items:center;gap:12px;min-height:84px;padding:15px;transition:all .2s;display:flex}.drop-zone:hover{border-color:var(--purple);background:#8b3dff0d}.drop-zone>span{color:#9d70e5;background:#211632;place-items:center;width:39px;height:39px;display:grid}.drop-zone div{flex-direction:column;flex:1;gap:4px;display:flex}.drop-zone b{font-size:11px}.drop-zone small{color:#66666d;font-size:9px}.drop-zone>button{color:#aaa;pointer-events:none;background:#161618;border:1px solid #3b3b40;padding:6px 9px;font-size:9px}.asset-strip{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.asset-strip>div,.asset-add{aspect-ratio:1;background:#111;border:1px solid #2d2d31;position:relative;overflow:hidden}.asset-strip img{object-fit:cover;width:100%;height:100%}.asset-strip>div>span{text-align:center;background:#000000bd;padding:3px;font-size:7px;position:absolute;inset:auto 3px 3px}.asset-strip>div>button{cursor:pointer;background:#000c;border:0;place-items:center;width:19px;height:19px;padding:0;display:grid;position:absolute;top:3px;right:3px}.asset-add{color:#6d6d73;cursor:pointer;place-items:center;display:grid}.mode-switch{background:#111113;border:1px solid #29292d;grid-template-columns:1fr 1fr;padding:3px;display:grid}.mode-switch button{color:#707077;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;height:34px;font-size:10px;display:flex}.mode-switch button.active{color:#fff;background:#28202f;box-shadow:inset 0 0 0 1px #563080}.create-plan{color:#fff;background:var(--purple);letter-spacing:.02em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;height:46px;font-size:11px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 8px 30px #8b3dff33}.create-plan:hover:not(:disabled){background:#9b55ff;transform:translateY(-1px)}.create-plan:disabled{opacity:.65;cursor:wait}.route-note{color:#696970;gap:8px;font-size:9px;line-height:1.55;display:flex}.route-note svg{color:#7750a8;flex:none}.creation-stage{background:#050506c2;min-width:0}.stage-toolbar{border-bottom:1px solid var(--line);background:#0a0a0bdb;justify-content:space-between;align-items:center;height:75px;padding:0 24px;display:flex}.stage-toolbar>div{align-items:center;gap:11px;display:flex}.stage-toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.stage-toolbar b{font-size:14px}.counter{color:#73737a;font:500 9px JetBrains Mono}.batch-generate{color:#fff;cursor:pointer;background:#3b1d65;border:1px solid #6336a5;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:600;display:flex}.batch-generate:disabled{opacity:.6}.empty-canvas{text-align:center;flex-direction:column;align-items:center;min-height:720px;padding:72px 30px;display:flex}.canvas-grid-demo{perspective:900px;grid-template-rows:1fr 1fr;grid-template-columns:1.55fr 1fr 1fr;gap:8px;width:min(500px,90%);height:250px;margin-bottom:46px;display:grid;position:relative}.canvas-grid-demo:before{content:"";z-index:-1;background:var(--purple);filter:blur(85px);opacity:.13;position:absolute;inset:15% 6% -25%}.demo-tile{color:#605d67;letter-spacing:.12em;background:linear-gradient(145deg,#151517,#0c0c0e);border:1px solid #29292e;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:600 8px JetBrains Mono;display:flex;box-shadow:0 18px 60px #00000047}.demo-tile.large{color:#9975ce;background:radial-gradient(circle at 50% 40%,#241635,#0c0c0e 68%);border-color:#3b2858;grid-row:1/3}.canvas-grid-demo .demo-tile:last-child{grid-column:2/4}.empty-canvas h2{letter-spacing:-.045em;margin:12px 0 13px;font-size:clamp(25px,3vw,39px);line-height:1.14}.empty-canvas>p{color:#77777f;max-width:590px;margin:0;font-size:12px;line-height:1.8}.capability-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px;display:flex}.capability-row span{color:#85858c;background:#0c0c0e;border:1px solid #29292d;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:flex}.capability-row svg{color:var(--green)}.analysis-canvas{flex-direction:column;justify-content:center;align-items:center;min-height:720px;display:flex}.scan-object{color:#a679eb;background:radial-gradient(circle,#2e174b,#0e0b13 70%);border:1px solid #4e2e79;place-items:center;width:130px;height:130px;margin-bottom:32px;display:grid;position:relative}.scan-object:before{content:"";border:1px solid #23182e;position:absolute;inset:-18px}.scan-object i:first-of-type{background:var(--purple-2);height:1px;box-shadow:0 0 16px var(--purple);animation:2.2s ease-in-out infinite scan;position:absolute;inset:0}.scan-object i:last-of-type{border:1px dashed #492a70;animation:12s linear infinite turn;position:absolute;inset:-10px}.analysis-canvas h2{margin:10px 0 30px;font-size:24px}.analysis-steps{gap:9px;width:min(360px,85%);display:grid}.analysis-steps b{color:#595960;background:#0a0a0b;border:1px solid #202024;align-items:center;gap:9px;padding:11px 13px;font-size:10px;font-weight:500;display:flex}.analysis-steps i{background:#36363a;border-radius:50%;width:6px;height:6px}.analysis-steps b.active{color:#c8b0ed;border-color:#422662}.analysis-steps b.active i{background:var(--purple);box-shadow:0 0 10px var(--purple)}.plan-canvas{padding:22px}.analysis-summary{background:linear-gradient(90deg,#8b3dff1a,#8b3dff04);border:1px solid #332346;gap:13px;padding:15px 17px;display:flex}.analysis-summary>span{color:#c59dff;background:#2b1743;flex:none;place-items:center;width:34px;height:34px;display:grid}.analysis-summary div{flex-direction:column;gap:5px;display:flex}.analysis-summary p{color:#a8a8af;margin:0;font-size:11px;line-height:1.7}.visual-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:12px;margin-top:15px;display:grid}.visual-card{background:#0c0c0e;border:1px solid #29292d;transition:all .2s;overflow:hidden}.visual-card:hover{border-color:#3b3b41;transform:translateY(-1px)}.visual-card.done{border-color:#325544}.visual-card.editing{border-color:#7448a8;box-shadow:0 0 0 1px #8b3dff26}.visual-card.review{border-color:#b78339;grid-column:span 2;box-shadow:0 0 0 1px #ffbd6221}#product-input,#product-assets,#creation-canvas{scroll-margin-top:72px}.visual-head{border-bottom:1px solid #242428;align-items:center;gap:10px;min-height:57px;padding:10px 12px;display:flex}.visual-head>span{color:#7445b5;font:600 16px JetBrains Mono}.visual-head>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.visual-head small{color:#55555c;letter-spacing:.12em;font:600 7px JetBrains Mono}.visual-head b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.visual-head>i{color:#777;border:1px solid #303034;padding:4px 5px;font:600 7px JetBrains Mono}.visual-head>i.ready{color:var(--green);border-color:#28513f}.visual-head>i.editing{color:#c39aff;background:#211331;border-color:#6c3c9b}.visual-head>i.review{color:#f3c474;background:#25190b;border-color:#7b5526}.visual-preview{aspect-ratio:1;background:#101012;position:relative;overflow:hidden}.visual-preview>img{object-fit:cover;width:100%;height:100%;display:block}.copy-preview{background:radial-gradient(circle at 72% 32%,#8b3dff38,#0000 26%),linear-gradient(145deg,#19151f,#0a0a0c);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.copy-preview:after{content:"";opacity:.18;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.copy-preview>*{z-index:1;position:relative}.copy-preview>svg{z-index:1;color:#4f3e62;position:absolute;top:24px;right:24px}.copy-preview>em{z-index:2;color:#d9ae66;background:#1c140aeb;border:1px solid #725225;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-style:normal;display:flex;position:absolute;top:12px;left:12px}.copy-preview span{color:#9c6ee0;letter-spacing:.1em;font:600 8px JetBrains Mono}.copy-preview b{color:#ededf0;margin:7px 0;font-size:18px;line-height:1.15}.copy-preview small{color:#777780;font-size:9px;line-height:1.45}.rendering{color:#9b6ede;background:radial-gradient(circle,#241536,#0b0b0d 70%);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.rendering b{letter-spacing:.12em;font:600 9px JetBrains Mono}.rendering small{color:#666;font:500 8px JetBrains Mono}.edit-progress-overlay{z-index:3;color:#c49aff;background:#0b0810df;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:25px;display:flex;position:absolute;inset:0}.edit-progress-overlay b{font-size:12px}.edit-progress-overlay small{color:#8b7d99;text-align:center;font-size:9px;line-height:1.5}.edit-progress-overlay>i{background:#2c2137;width:min(190px,72%);height:3px;margin-top:4px;position:relative;overflow:hidden}.edit-progress-overlay>i:after{content:"";background:linear-gradient(90deg,#0000,#a75eff,#0000);width:50%;animation:edit-progress-sweep 1.4s ease-in-out infinite;position:absolute;inset:0 auto 0 -50%}@keyframes edit-progress-sweep{to{left:100%}}.render-error{color:#ff9b9f;background:#460f12eb;gap:6px;padding:8px;font-size:9px;display:flex;position:absolute;inset:auto 8px 8px}.plan-toggle{color:#8a8a91;cursor:pointer;background:#0e0e10;border:0;border-top:1px solid #242428;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;display:flex}.plan-toggle span{align-items:center;gap:6px;font-size:9px;display:flex}.plan-editor{background:#09090a;border-top:1px solid #242428;flex-direction:column;gap:11px;padding:13px;display:flex}.plan-editor input{height:34px;font-size:10px}.plan-editor textarea{font-size:9px}.translation{background:#121015;border-left:2px solid #55327e;padding:10px}.translation b{color:#a984df;font-size:9px}.translation p{color:#96969d;margin:5px 0;font-size:9px;line-height:1.55}.translation small{color:#606067;font-size:8px;line-height:1.5}.visual-actions{border-top:1px solid #242428;gap:6px;padding:9px;display:flex}.visual-actions button,.visual-actions a{color:#a1a1a8;cursor:pointer;background:#151517;border:1px solid #313136;flex:1;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:9px;text-decoration:none;display:flex}.visual-actions button:first-child{color:#d3b9f8;background:#21142f;border-color:#4e2d75}.visual-actions button:disabled,.edit-drawer button:disabled,.edit-drawer textarea:disabled{opacity:.48;cursor:wait}.edit-drawer{background:#100c15;border-top:1px solid #472969;padding:12px}.edit-drawer>div:first-child,.edit-drawer>div:last-child{justify-content:space-between;align-items:center;display:flex}.edit-drawer b{font-size:9px}.edit-drawer>div:first-child button{color:#777;cursor:pointer;background:0 0;border:0}.edit-drawer textarea{margin:9px 0;font-size:9px}.edit-drawer>div:last-child button{color:#999;cursor:pointer;background:#171319;border:1px solid #39313e;align-items:center;gap:5px;height:29px;padding:0 8px;font-size:8px;display:flex}.edit-drawer>div:last-child button.submit-edit{color:#fff;background:#422162;border-color:#603694}.edit-inline-progress{color:#c3a2ed;background:#1a1025;border:1px solid #533078;align-items:center;gap:7px;margin:0 0 9px;padding:8px 9px;font-size:8px;display:flex}.edit-error{color:#ff9fa5;background:#260e12;border:1px solid #6f3038;align-items:flex-start;gap:6px;margin:0 0 9px;padding:8px 9px;font-size:8px;line-height:1.5;display:flex}.edit-review>p{color:#a996b7;margin:9px 0;font-size:8px}.edit-drawer>div.edit-review{display:block}.edit-comparison{grid-template-columns:1fr 1fr;gap:7px;display:grid}.edit-comparison figure{background:#09090a;border:1px solid #302a35;min-width:0;margin:0;padding:5px}.edit-comparison figure:last-child{border-color:#815b2c}.edit-comparison figcaption{color:#85818a;padding:2px 2px 6px;font-size:7px}.edit-comparison figure:last-child figcaption{color:#e3b66c}.edit-comparison img{object-fit:contain;background:#050506;width:100%;aspect-ratio:1;display:block}.comparison-actions{gap:7px;margin-top:9px;display:flex}.comparison-actions button{cursor:pointer;border:1px solid #39313e;flex:1;justify-content:center;align-items:center;min-height:31px;padding:0 8px;font-size:8px;display:flex}.comparison-actions .keep-original{color:#b4aab9;background:#171319}.comparison-actions .replace-original{color:#fff;background:#5a3518;border-color:#a46c30;gap:5px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{background:#0d0d0f;border:1px solid #333338;width:min(430px,100%);padding:22px;box-shadow:0 30px 100px #000}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.modal-heading>div{align-items:center;gap:11px;display:flex}.modal-heading>div>span{color:#c19aff;background:#251439;place-items:center;width:38px;height:38px;display:grid}.modal-heading small{color:var(--purple-2);letter-spacing:.14em;font:600 8px JetBrains Mono}.modal-heading h3{margin:4px 0 0;font-size:17px}.modal-heading>button{color:#777;cursor:pointer;background:0 0;border:0}.demo-toggle{background:#111113;border:1px solid #29292d;justify-content:space-between;align-items:center;margin:17px 0;padding:13px;display:flex}.demo-toggle div{flex-direction:column;gap:4px;display:flex}.demo-toggle b{font-size:11px}.demo-toggle small{color:#6c6c73;font-size:9px}.demo-toggle>button{cursor:pointer;background:#36363a;border:0;border-radius:12px;width:38px;height:21px;padding:2px}.demo-toggle>button i{background:#929299;border-radius:50%;width:17px;height:17px;transition:all .2s;display:block}.demo-toggle>button.on{background:#562b89}.demo-toggle>button.on i{background:#fff;transform:translate(17px)}.model-route-status{background:#111113;border:1px solid #3a3a3f;align-items:center;gap:9px;margin:-5px 0 17px;padding:11px 12px;display:flex}.model-route-status>i{border-radius:50%;flex:none;width:7px;height:7px}.model-route-status>div{flex-direction:column;gap:3px;display:flex}.model-route-status b{font-size:10px}.model-route-status small{color:#74747b;font-size:8px}.model-route-status.demo{border-color:#5c4527}.model-route-status.demo>i{background:#d29b3e;box-shadow:0 0 8px #d29b3e}.model-route-status.live{border-color:#28513f}.model-route-status.live>i{background:var(--green);box-shadow:0 0 8px var(--green)}.connection-row{align-items:center;gap:10px;min-height:34px;display:flex}.connection-row button{color:#aaa;cursor:pointer;background:#151517;border:1px solid #333338;align-items:center;gap:6px;height:31px;padding:0 10px;font-size:9px;display:flex}.connection-row span{color:#888;align-items:center;gap:5px;font-size:9px;display:flex}.connection-row span.ok{color:var(--green)}.connection-row span.error{color:var(--red)}.save-settings{color:#fff;background:var(--purple);cursor:pointer;border:0;width:100%;height:42px;margin-top:18px;font-size:10px;font-weight:700}.toast{z-index:200;color:#e7daf8;background:#17111e;border:1px solid #3c2b53;align-items:center;gap:8px;max-width:min(520px,90vw);padding:11px 16px;font-size:11px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #000}.toast svg{color:var(--green)}.spin{animation:.85s linear infinite turn}.side-rail nav button:disabled{opacity:.34;cursor:not-allowed}.side-rail nav button:disabled:hover{color:#828288;background:0 0}.breadcrumbs strong{text-overflow:ellipsis;white-space:nowrap;color:#8b8b92;max-width:260px;font-size:11px;font-weight:500;overflow:hidden}.projects-page{width:min(1500px,100%);margin:0 auto;padding:48px 42px 64px}.projects-hero{border:1px solid var(--line);background:radial-gradient(circle at 17% 10%,#8b3dff2e,#0000 35%),linear-gradient(145deg,#111013,#080809 70%);grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:center;gap:72px;min-height:400px;padding:48px 50px;display:grid;overflow:hidden}.projects-hero h1{letter-spacing:-.06em;margin:14px 0 18px;font-size:clamp(38px,5vw,70px);line-height:1.02}.projects-hero h1 em{color:#a96cff;font-style:normal}.projects-hero p{color:#8e8e96;max-width:680px;margin:0;font-size:14px;line-height:1.85}.hero-actions{gap:10px;margin-top:29px;display:flex}.hero-actions button,.primary,.secondary{color:#b7b7be;cursor:pointer;background:#151517;border:1px solid #3b3b40;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.hero-actions button:first-child,.primary{color:#fff;background:var(--purple);border-color:#7840c5;box-shadow:0 10px 30px #8b3dff29}.hero-actions button:hover,.primary:hover:not(:disabled),.secondary:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary:disabled,.secondary:disabled{opacity:.5;cursor:wait}.hero-console{background:#0a090c;border:1px solid #342743;min-height:290px;position:relative;box-shadow:0 35px 90px #0000008c}.hero-console:before{content:"";z-index:-1;filter:blur(90px);opacity:.2;background:#7435c8;position:absolute;inset:-40px}.console-top{color:#69646e;letter-spacing:.12em;border-bottom:1px solid #29222f;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font:600 8px JetBrains Mono;display:flex}.console-top span{align-items:center;gap:7px;display:flex}.console-top i{background:var(--green);width:6px;height:6px;box-shadow:0 0 9px var(--green);border-radius:50%}.console-visual{color:#a978ec;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:25px 25px;place-items:center;height:190px;display:grid;position:relative}.console-visual svg{filter:drop-shadow(0 0 24px #a978ec73)}.console-visual span{letter-spacing:.2em;font:600 8px JetBrains Mono;position:absolute;bottom:18px}.console-visual i{border-style:solid;border-color:#7f49c7;width:24px;height:24px;position:absolute}.console-visual i:first-of-type{border-width:1px 0 0 1px;top:18px;left:18px}.console-visual i:last-of-type{border-width:0 1px 1px 0;bottom:18px;right:18px}.console-route{border-top:1px solid #29222f;align-items:center;gap:10px;height:55px;padding:0 15px;display:flex}.console-route b{color:#77717d;font:600 8px JetBrains Mono}.console-route i{background:linear-gradient(90deg,#3a2b49,#8b3dff);flex:1;height:1px}.dashboard-metrics{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:14px;display:grid}.dashboard-metrics article{background:#0b0b0c;flex-direction:column;gap:7px;min-height:112px;padding:21px;display:flex}.dashboard-metrics small,.dashboard-section-title small,.draft-panel small,.page-panel-head span,.result-toolbar>div>span{color:#7049a6;letter-spacing:.14em;font:600 8px JetBrains Mono}.dashboard-metrics b{font-size:18px}.dashboard-metrics span{color:#65656c;font-size:10px}.dashboard-section-title{justify-content:space-between;align-items:flex-end;margin:45px 0 17px;display:flex}.dashboard-section-title h2{margin:6px 0 0;font-size:24px}.dashboard-section-title>span{color:#6f6f76;font-size:11px}.workflow-cards{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.workflow-cards>button{color:#fff;text-align:left;cursor:pointer;background:#0c0c0e;border:1px solid #29292d;flex-direction:column;align-items:flex-start;min-height:225px;padding:23px;transition:all .2s;display:flex;position:relative}.workflow-cards>button:hover:not(:disabled){background:#110e15;border-color:#603894;transform:translateY(-3px)}.workflow-cards>button:disabled{opacity:.38;cursor:not-allowed}.workflow-cards>button>span{color:#b287ef;background:#211431;place-items:center;width:42px;height:42px;margin-bottom:25px;display:grid}.workflow-cards svg{width:19px}.workflow-cards small{color:#65438d;letter-spacing:.12em;font:600 8px JetBrains Mono}.workflow-cards b{margin-top:6px;font-size:15px}.workflow-cards p{color:#73737a;margin:8px 0 0;font-size:10px;line-height:1.6}.workflow-cards>button>i{color:#777;position:absolute;bottom:18px;right:18px}.draft-panel{background:linear-gradient(90deg,#0e0c11,#0b0b0c);border:1px solid #29292d;justify-content:space-between;align-items:center;gap:20px;min-height:92px;margin-top:12px;padding:17px 19px;display:flex}.draft-panel>div{align-items:center;gap:13px;display:flex}.draft-panel>div>span{color:#9666d9;background:#1c1328;border:1px solid #3f2a5a;place-items:center;width:43px;height:43px;display:grid}.draft-panel>div>div{flex-direction:column;gap:4px;display:flex}.draft-panel p{color:#6e6e75;margin:0;font-size:10px}.draft-panel>button{color:#c7aaf0;cursor:pointer;background:#191220;border:1px solid #45315e;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;display:flex}.workflow-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% -20%,#8b3dff2b,#0000 34%),#080809b3;justify-content:space-between;align-items:flex-end;gap:30px;min-height:175px;padding:34px 42px 28px;display:flex}.workflow-header h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(28px,3vw,43px)}.workflow-header p{color:#85858d;margin:0;font-size:12px}.mode-warning{color:#e1b970;background:#19130b;border:1px solid #785422;align-items:center;gap:11px;width:min(1180px,100% - 48px);margin:18px auto -7px;padding:13px 15px;display:flex}.mode-warning>svg{flex:none}.mode-warning>div{flex-direction:column;flex:1;gap:4px;display:flex}.mode-warning b{font-size:11px}.mode-warning span{color:#a98b5c;font-size:9px;line-height:1.5}.mode-warning button{color:#f2c879;cursor:pointer;background:#251a0d;border:1px solid #7c5724;flex:none;height:31px;padding:0 10px;font-size:9px}.pipeline-status>button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;padding:0;display:flex}.pipeline-status>button:disabled{cursor:not-allowed}.pipeline-status>button.done span{color:#fff;border-color:var(--purple);background:var(--purple)}.pipeline-status>button.done b{color:#c9c9ce}.pipeline-status>button.done i{background:#59319b}.page-panel,.creation-page{width:min(1180px,100% - 48px);margin:25px auto 46px}.page-panel{border:1px solid var(--line);background:#0b0b0c}.narrow-panel{max-width:980px}.page-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:20px 24px;display:flex}.page-panel-head h2{margin:5px 0;font-size:19px}.page-panel-head p{color:#6e6e75;margin:0;font-size:10px}.page-panel-head>button{color:#ad86e6;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #664093;padding:5px 0;font-size:10px}.page-panel-head>em{color:#8a6aaf;font:600 10px JetBrains Mono}.form-grid{grid-template-columns:1fr 1fr;gap:19px 15px;padding:25px;display:grid}.form-grid.single{grid-template-columns:1fr;gap:14px;padding:0}.form-grid label,.settings-modal>label{flex-direction:column;gap:8px;display:flex}.form-grid label.full{grid-column:1/-1}.form-grid label>span,.settings-modal label>span{color:#aaaab1;font-size:10px;font-weight:600}.form-grid label>span em{color:#616168;font-style:normal;font-weight:400}.form-grid input,.form-grid textarea,.form-grid select,.settings-modal input{color:#ededf0;background:#111113;border:1px solid #2d2d32;border-radius:0;width:100%;transition:all .18s}.form-grid input,.form-grid select,.settings-modal input{height:43px;padding:0 12px}.form-grid textarea{resize:vertical;padding:11px 12px;line-height:1.65}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#4e4e55}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--purple);outline:0;box-shadow:0 0 0 3px #8b3dff17}.form-grid select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#777 50%),linear-gradient(135deg,#777 50%,#0000 50%);background-position:calc(100% - 16px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:4px 4px,4px 4px}.form-grid label>small{color:#616168;font-size:9px;line-height:1.5}.page-footer{border-top:1px solid var(--line);background:#09090a;justify-content:space-between;gap:10px;padding:17px 24px;display:flex}.asset-page-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:15px;width:min(1180px,100% - 48px);margin:25px auto 46px;display:grid}.asset-page-grid>.page-panel{width:auto;margin:0}.large-drop-zone{cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 20%,#8b3dff1a,#0000 42%),#0e0e10;border:1px dashed #424248;flex-direction:column;justify-content:center;align-items:center;min-height:240px;margin:24px;padding:28px;transition:all .2s;display:flex}.large-drop-zone:hover{background-color:#120e17;border-color:#8b3dff}.large-drop-zone>span{color:#b889f8;background:#241536;place-items:center;width:55px;height:55px;margin-bottom:17px;display:grid}.large-drop-zone b{font-size:13px}.large-drop-zone p{color:#727279;margin:7px 0;font-size:10px}.large-drop-zone small{color:#54545a;font-size:9px}.asset-gallery{grid-template-columns:repeat(3,1fr);gap:9px;padding:0 24px 24px;display:grid}.asset-gallery article,.gallery-add{background:#101012;border:1px solid #2d2d31;min-width:0;position:relative;overflow:hidden}.asset-gallery article img{aspect-ratio:1.25;object-fit:cover;width:100%;display:block}.asset-gallery article>div{flex-direction:column;gap:3px;padding:8px;display:flex}.asset-gallery article b{font-size:9px}.asset-gallery article small{text-overflow:ellipsis;white-space:nowrap;color:#64646b;font-size:8px;overflow:hidden}.asset-gallery article>button{color:#bbb;cursor:pointer;background:#000000c7;border:0;place-items:center;width:23px;height:23px;padding:0;display:grid;position:absolute;top:5px;right:5px}.gallery-add{color:#797980;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;display:flex}.gallery-add span{font-size:9px}.asset-tip{color:#81738d;background:#151119;gap:8px;margin:-9px 24px 24px;padding:11px 12px;font-size:9px;line-height:1.5;display:flex}.delivery-panel{padding-bottom:22px}.delivery-panel>.mode-switch,.delivery-panel>.form-grid,.delivery-summary{margin-left:24px;margin-right:24px}.delivery-panel>.form-grid{margin-top:17px}.delivery-summary{background:#120f15;border:1px solid #2c2633;justify-content:center;align-items:center;gap:13px;margin-top:18px;padding:14px 0;display:flex}.delivery-summary span{color:#66666d;flex-direction:column;align-items:center;gap:3px;font-size:8px;display:flex}.delivery-summary b{color:#c5addf;font-size:11px}.delivery-summary i{background:#31293a;width:1px;height:28px}.full-footer{grid-column:1/-1}.planning-progress-panel{box-shadow:inset 3px 0 0 var(--purple);background:radial-gradient(circle at 8% 0,#8b3dff24,#0000 34%),#0e0b13;border:1px solid #563693;grid-column:1/-1;padding:20px 21px 17px}.planning-progress-head{align-items:center;gap:13px;display:flex}.planning-progress-head>span{color:#c69aff;background:#1d102e;border:1px solid #6032a4;flex:none;place-items:center;width:39px;height:39px;display:grid}.planning-progress-head>div{flex:1;min-width:0}.planning-progress-head small{color:#8e5ed0;letter-spacing:.13em;margin-bottom:5px;font:8px JetBrains Mono,monospace;display:block}.planning-progress-head h3{margin:0 0 4px;font-size:14px}.planning-progress-head p{color:#85808d;margin:0;font-size:9px}.planning-progress-head>b{color:#c49aff;font:27px JetBrains Mono,monospace}.planning-progress-head>b i{color:#77599d;margin-left:2px;font-size:11px;font-style:normal}.planning-progress-track{background:#28212f;height:4px;margin:18px 0 15px;overflow:hidden}.planning-progress-track>i{background:linear-gradient(90deg,#7130d8,#b46cff);height:100%;transition:width .5s;display:block;box-shadow:0 0 13px #ae5fffb3}.planning-progress-steps{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.planning-progress-steps span{color:#58545e;align-items:center;gap:6px;font-size:8px;display:flex}.planning-progress-steps span>i{color:#625d68;border:1px solid #38333f;place-items:center;width:17px;height:17px;font:7px JetBrains Mono,monospace;display:grid}.planning-progress-steps span.active{color:#d8c0f9}.planning-progress-steps span.active>i{border-color:var(--purple);color:#fff;background:var(--purple);box-shadow:0 0 10px #8b3dff66}.planning-progress-steps span.done{color:#7caa95}.planning-progress-steps span.done>i{color:var(--green);background:#10241b;border-color:#376d56}.planning-progress-panel>em{color:#625d68;margin-top:14px;font-size:8px;font-style:normal;display:block}.plan-error-panel{color:#ff858c;background:#190d0f;border:1px solid #71343a;grid-column:1/-1;align-items:center;gap:12px;padding:15px 17px;display:flex}.plan-error-panel>svg{flex:none}.plan-error-panel>div{flex:1;min-width:0}.plan-error-panel b{margin-bottom:4px;font-size:11px;display:block}.plan-error-panel p{color:#d9a0a4;overflow-wrap:anywhere;margin:0 0 4px;font:9px/1.55 JetBrains Mono,monospace}.plan-error-panel small{color:#8f6669;font-size:8px}.plan-error-panel button{color:#ffadb1;cursor:pointer;background:#291216;border:1px solid #844047;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 13px;font-size:9px;display:flex}.creation-page{padding-bottom:25px}.creation-page .visual-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.creation-page>.analysis-summary{margin-bottom:17px}.analysis-summary>button{color:#a487c2;cursor:pointer;background:#17121b;border:1px solid #423151;align-self:center;align-items:center;gap:5px;height:31px;margin-left:auto;padding:0 9px;font-size:9px;display:flex}.canvas-footer{border:1px solid var(--line);margin-top:18px}.empty-state{color:#805ab5;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex}.empty-state h2{color:#e8e8eb;margin:18px 0 8px}.empty-state p{color:#727279;max-width:450px;margin:0 0 22px;font-size:11px}.result-toolbar{border:1px solid var(--line);background:linear-gradient(90deg,#0f0c13,#0b0b0d);justify-content:space-between;align-items:center;gap:20px;min-height:104px;padding:19px 21px;display:flex}.result-toolbar h2{margin:6px 0;font-size:19px}.result-toolbar p{color:#74747b;margin:0;font-size:10px}.generation-progress-panel{background:#0d0d0f;border:1px solid #2f2f34;margin-top:16px;padding:16px 18px 14px}.generation-progress-panel.active{background:linear-gradient(90deg,#140d1d,#0d0d0f);border-color:#5e3687}.generation-progress-panel.complete{background:linear-gradient(90deg,#0d1712,#0d0d0f);border-color:#315a46}.generation-progress-head{align-items:center;gap:11px;display:flex}.generation-progress-head>span{color:#b987ef;background:#21152f;place-items:center;width:35px;height:35px;display:grid}.generation-progress-panel.complete .generation-progress-head>span{color:var(--green);background:#13241b}.generation-progress-head>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.generation-progress-head small{color:#70499d;letter-spacing:.12em;font:600 7px JetBrains Mono}.generation-progress-head b{color:#d9d5df;font-size:10px}.generation-progress-head strong{color:#c597ff;font:600 21px JetBrains Mono}.generation-progress-head strong i{color:#785c91;margin-left:2px;font-size:9px;font-style:normal}.generation-progress-track{background:#27232c;height:5px;margin:13px 0 10px;overflow:hidden}.generation-progress-track>i{background:linear-gradient(90deg,#7435d5,#b36cff);height:100%;transition:width .45s ease;display:block;box-shadow:0 0 11px #a85dff99}.generation-progress-panel.complete .generation-progress-track>i{background:linear-gradient(90deg,#327a58,#5fc997);box-shadow:0 0 11px #45b88166}.generation-progress-panel>p{color:#6e6974;gap:14px;margin:0;font-size:8px;display:flex}.generation-progress-panel>p em{color:#9f7bc9;margin-left:auto;font-style:normal}@keyframes turn{to{transform:rotate(360deg)}}@keyframes scan{0%,to{opacity:.5;top:8%}50%{opacity:1;top:92%}}@media (width<=1180px){.studio-layout{grid-template-columns:390px minmax(0,1fr)}.pipeline-status{min-width:320px}.workbench-intro{align-items:center}.projects-hero{gap:35px;padding:40px 34px}.workflow-cards{grid-template-columns:repeat(2,1fr)}.creation-page .visual-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media (width<=960px){.side-rail{transition:all .22s;transform:translate(-100%)}.side-rail.open{transform:translate(0)}.nav-scrim{z-index:19;background:#000000ad;border:0;display:block;position:fixed;inset:0}.app-body{width:100%;margin-left:0}.mobile-menu{color:#aaa;background:#111;border:1px solid #303034;place-items:center;width:34px;height:34px;margin-right:10px;display:grid}.top-bar{justify-content:flex-start}.top-actions{margin-left:auto}.workbench-intro{flex-direction:column;align-items:flex-start}.pipeline-status{width:100%;min-width:0}.studio-layout{grid-template-columns:1fr}.control-stack{border-right:0}.creation-stage{border-top:1px solid var(--line)}.projects-page{padding:32px 24px 50px}.projects-hero{grid-template-columns:1fr}.hero-console{width:min(560px,100%)}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.workflow-header{flex-direction:column;align-items:flex-start;padding:30px 24px 24px}.asset-page-grid{grid-template-columns:1fr}}@media (width<=640px){.top-bar{height:62px;padding:0 14px}.breadcrumbs span,.breadcrumbs i,.saved-dot{display:none}.ghost-action{justify-content:center;width:34px;padding:0}.ghost-action:not(svg){font-size:0}.workbench-intro{padding:26px 17px 22px}.workbench-intro h1{font-size:29px}.pipeline-status i{margin:0 5px}.control-heading,.control-section{padding-left:17px;padding-right:17px}.field-row,.field-row.three{grid-template-columns:1fr}.asset-strip{grid-template-columns:repeat(4,1fr)}.drop-zone>button{display:none}.stage-toolbar{gap:10px;height:auto;min-height:70px;padding:13px 16px}.stage-toolbar .counter{display:none}.batch-generate{padding:0 9px}.empty-canvas{min-height:570px;padding:52px 17px}.canvas-grid-demo{height:190px}.capability-row{flex-direction:column;align-items:stretch}.plan-canvas{padding:12px}.visual-grid{grid-template-columns:1fr}.visual-card.review{grid-column:auto}.projects-page{padding:17px 13px 36px}.projects-hero{gap:35px;min-height:auto;padding:31px 20px}.projects-hero h1{font-size:37px}.hero-actions{flex-direction:column;align-items:stretch}.hero-console{min-height:260px}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metrics article{min-height:98px;padding:15px}.dashboard-metrics b{font-size:14px}.dashboard-section-title{flex-direction:column;align-items:flex-start;gap:8px}.workflow-cards{grid-template-columns:1fr}.workflow-cards>button{min-height:190px}.draft-panel{flex-direction:column;align-items:stretch}.draft-panel>button{justify-content:center}.workflow-header{min-height:auto;padding:25px 16px 20px}.workflow-header h1{font-size:30px}.mode-warning{flex-wrap:wrap;align-items:flex-start;width:calc(100% - 24px)}.mode-warning button{margin-left:29px}.pipeline-status{overflow:hidden}.pipeline-status b{display:none}.pipeline-status>button{min-width:0}.page-panel,.creation-page,.asset-page-grid{width:calc(100% - 24px);margin-top:13px}.page-panel-head{align-items:flex-start;padding:17px}.form-grid{grid-template-columns:1fr;padding:17px}.form-grid label.full{grid-column:auto}.page-footer{padding:13px}.page-footer button{flex:1;padding:0 10px}.large-drop-zone{min-height:210px;margin:17px}.asset-gallery{grid-template-columns:repeat(2,1fr);padding:0 17px 17px}.asset-tip{margin:-5px 17px 17px}.delivery-panel>.mode-switch,.delivery-panel>.form-grid,.delivery-summary{margin-left:17px;margin-right:17px}.full-footer,.planning-progress-panel,.plan-error-panel{grid-column:auto}.planning-progress-head{align-items:flex-start}.planning-progress-head>b{font-size:21px}.planning-progress-steps{grid-template-columns:1fr;gap:5px}.plan-error-panel{flex-wrap:wrap;align-items:flex-start}.plan-error-panel button{margin-left:32px}.analysis-summary{flex-wrap:wrap;align-items:flex-start}.analysis-summary>button{margin-left:47px}.result-toolbar{flex-direction:column;align-items:stretch}.result-toolbar>button{width:100%}}.visual-actions{flex-wrap:wrap}.visual-actions .asset-save-button{color:#9fd8bc;background:#102018;border-color:#28563f}.comparison-actions .save-candidate{color:#bce6ce;background:#102018;border-color:#2e6548;gap:5px}.library-page{width:min(1240px,calc(100% - 48px));min-height:calc(100vh - 72px);margin:0 auto;padding:34px 0 60px}.library-hero{background:radial-gradient(circle at 82% -30%,#2d855744,transparent 40%),radial-gradient(circle at 5% 0,#793dcc30,transparent 32%),#0c0c0f;border:1px solid #29292e;justify-content:space-between;align-items:flex-end;gap:32px;padding:31px 34px;display:flex}.library-hero h1{letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(30px,4vw,48px)}.library-hero p{color:#8f8f97;max-width:680px;margin:0;font-size:11px;line-height:1.75}.library-stats{flex-shrink:0;grid-template-columns:repeat(3,minmax(90px,1fr));min-width:350px;display:grid}.library-stats span{color:#626269;border-left:1px solid #303035;flex-direction:column;gap:5px;padding:2px 18px;font-size:8px;display:flex}.library-stats b{color:#e5e5e8;font:600 17px JetBrains Mono,monospace}.library-state-card,.library-auth-card,.library-empty{text-align:center;background:linear-gradient(145deg,#0f0d12,#09090b);border:1px solid #2b2b30;flex-direction:column;justify-content:center;align-items:center;min-height:420px;margin-top:18px;padding:48px 30px;display:flex}.library-state-card.locked{border-color:#4a3522;box-shadow:inset 0 1px #be7b3329}.library-state-card>span,.library-auth-card>span{color:#d49a54;background:#2a1c10;place-items:center;width:62px;height:62px;margin-bottom:17px;display:grid}.library-state-card>small{color:#a56f37;letter-spacing:.16em;font:600 8px JetBrains Mono,monospace}.library-state-card h2,.library-auth-card h2,.library-empty h2{margin:11px 0 8px;font-size:23px}.library-state-card p,.library-auth-card p,.library-empty p{color:#898991;max-width:610px;margin:0;font-size:11px;line-height:1.7}.library-state-card>em{color:#756b62;max-width:700px;margin-top:22px;font-size:9px;font-style:normal;line-height:1.7}.library-security-grid{grid-template-columns:repeat(4,1fr);width:min(760px,100%);margin-top:29px;display:grid}.library-security-grid span{color:#a9a2ae;border:1px solid #29272c;align-items:center;gap:8px;min-height:52px;margin-right:-1px;padding:10px 14px;font-size:9px;display:flex}.library-security-grid svg{color:#5abd87;flex-shrink:0}.library-auth-card{width:min(520px,100%);min-height:0;margin:40px auto 0;padding:40px}.library-auth-card>span{color:#ad7be4;background:#21142f}.library-auth-card input{color:#e9e9ed;background:#08080a;border:1px solid #34343a;outline:0;width:min(360px,100%);height:44px;margin-top:12px;padding:0 13px}.library-auth-card input:focus{border-color:#7543ad}.library-auth-card button{justify-content:center;width:min(360px,100%);margin-top:14px}.library-toolbar{background:#0d0d0f;border:1px solid #29292e;justify-content:space-between;gap:16px;margin-top:18px;padding:13px;display:flex}.library-search{flex:1;max-width:620px;display:flex}.library-toolbar input{color:#dddde2;background:#08080a;border:1px solid #303035;outline:0;flex:1;min-width:0;height:38px;padding:0 12px;font-size:10px}.library-toolbar input:focus{border-color:#6d3fa0}.library-toolbar button{color:#aaaab2;cursor:pointer;background:#151518;border:1px solid #34343a;height:38px;padding:0 14px;font-size:9px}.library-toolbar>div:last-child{gap:7px;display:flex}.library-toolbar button:disabled,.library-upload-panel button:disabled,.library-card-actions button:disabled{opacity:.45;cursor:wait}.library-upload-panel{background:linear-gradient(120deg,#0d0d10,#0b0a0e);border:1px solid #302a37;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);gap:18px;margin-top:18px;padding:18px;display:grid}.library-drop-zone{color:#aaa2b4;cursor:pointer;background:#0a080c;border:1px dashed #51376c;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:176px;padding:20px;display:flex}.library-drop-zone:hover{color:#d4b8f6;background:#120d18;border-color:#8656ba}.library-drop-zone svg{color:#8c56c8}.library-drop-zone b{max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-drop-zone small{color:#626068;font-size:8px}.library-upload-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.library-upload-fields input,.library-upload-fields textarea,.library-modal input,.library-modal textarea{color:#dddde2;background:#08080a;border:1px solid #303035;outline:0;width:100%;padding:10px 11px;font-size:10px;resize:vertical}.library-upload-fields textarea,.library-upload-fields button{grid-column:1 / -1}.library-upload-fields input:focus,.library-upload-fields textarea:focus,.library-modal input:focus,.library-modal textarea:focus{border-color:#7444a7}.library-upload-fields button{justify-content:center}.library-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;margin-top:18px;display:grid}.library-card{background:#0d0d0f;border:1px solid #29292e;min-width:0;overflow:hidden;transition:border-color .18s,transform .18s}.library-card:hover{border-color:#513869;transform:translateY(-2px)}.library-card>img{object-fit:cover;background:#070708;width:100%;aspect-ratio:1;display:block}.library-card-body{padding:14px 14px 12px}.library-card-body small{color:#8f5bc0;letter-spacing:.12em;font:600 7px JetBrains Mono,monospace}.library-card-body h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:7px 0 5px;font-size:13px}.library-card-body p{color:#73737a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:15px;margin:0 0 10px;font-size:9px}.library-card-body span{color:#55555c;font:500 8px JetBrains Mono,monospace}.library-card-actions{border-top:1px solid #252529;grid-template-columns:1.35fr .8fr .8fr .8fr;display:grid}.library-card-actions button,.library-card-actions a{color:#9999a1;cursor:pointer;background:#111114;border:0;border-right:1px solid #29292e;justify-content:center;align-items:center;min-height:36px;padding:0 7px;font-size:8px;text-decoration:none;display:flex}.library-card-actions button:first-child{color:#c3a5e5}.library-card-actions .danger{color:#cf858c;border-right:0}.library-empty{min-height:300px;margin-top:18px}.library-empty>svg{color:#68418f}.library-modal{z-index:120;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000c4;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.library-modal>div{background:#101013;border:1px solid #453156;width:min(520px,100%);padding:20px;box-shadow:0 30px 90px #000}.library-modal header,.library-modal footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-modal header{margin-bottom:18px}.library-modal h2{margin:0;font-size:17px}.library-modal header button{color:#777;cursor:pointer;background:transparent;border:0}.library-modal label{gap:6px;margin-top:11px;display:grid}.library-modal label span{color:#888890;font-size:9px}.library-modal footer{justify-content:flex-end;margin-top:18px}.library-modal footer button{color:#a8a8af;cursor:pointer;background:#17171a;border:1px solid #38383d;align-items:center;min-height:38px;padding:0 18px;font-size:9px}@media (width<=960px){.library-page{width:calc(100% - 36px)}.library-hero{flex-direction:column;align-items:flex-start}.library-stats{width:100%;min-width:0}.library-upload-panel{grid-template-columns:1fr}}@media (width<=640px){.library-page{width:calc(100% - 24px);padding-top:13px}.library-hero{padding:24px 18px}.library-hero h1{font-size:34px}.library-stats{grid-template-columns:1fr}.library-stats span{border-top:1px solid #303035;border-left:0;padding:10px 0}.library-security-grid{grid-template-columns:1fr}.library-toolbar,.library-toolbar>div:last-child{flex-direction:column}.library-search{max-width:none}.library-toolbar button{flex:1}.library-upload-panel{padding:12px}.library-upload-fields{grid-template-columns:1fr}.library-upload-fields input,.library-upload-fields textarea,.library-upload-fields button{grid-column:auto}.library-grid{grid-template-columns:1fr}.comparison-actions{flex-direction:column}}.library-http-warning{color:#e0ad6d;background:#24170c;border:1px solid #67431f;width:min(420px,100%);margin-top:16px;padding:10px 12px;font-size:9px;line-height:1.65}.library-storage-panel{background:linear-gradient(135deg,#0c1010,#0d0b10);border:1px solid #2b3933;margin-top:18px}.library-storage-panel>header{border-bottom:1px solid #28312d;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.library-storage-panel>header small{color:#5fb88a;letter-spacing:.14em;font:600 7px JetBrains Mono,monospace}.library-storage-panel>header h2{margin:4px 0 0;font-size:15px}.library-storage-panel>header>div:last-child{gap:7px;display:flex}.library-storage-panel button{color:#a9b8b0;cursor:pointer;background:#111714;border:1px solid #34483e;height:34px;padding:0 12px;font-size:8px}.library-storage-panel button:disabled{opacity:.45;cursor:wait}.library-storage-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.library-storage-grid article{border-right:1px solid #28312d;min-height:128px;padding:17px}.library-storage-grid article:last-child{border-right:0}.library-storage-grid article>small{color:#6d7872;letter-spacing:.08em;font-size:8px;display:block}.library-storage-grid article>strong{color:#e0e8e4;margin-top:9px;font:600 16px JetBrains Mono,monospace;display:block}.library-storage-grid article>p{color:#68706c;margin:11px 0 0;font-size:8px;line-height:1.55}.library-storage-grid article>svg{color:#66c997;float:right}.library-storage-grid article.healthy>strong{color:#6bd3a0}.library-quota-track{background:#202825;height:4px;margin-top:12px;overflow:hidden}.library-quota-track i{background:linear-gradient(90deg,#387a59,#6acc9a);min-width:2px;height:100%;display:block}.library-storage-panel>footer{color:#5c6560;border-top:1px solid #28312d;align-items:center;gap:12px;min-width:0;padding:10px 18px;font-size:8px;display:flex}.library-storage-panel>footer code{color:#82958b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (width<=960px){.library-storage-grid{grid-template-columns:repeat(2,1fr)}.library-storage-grid article:nth-child(2){border-right:0}.library-storage-grid article:nth-child(-n+2){border-bottom:1px solid #28312d}}@media (width<=640px){.library-storage-panel>header{flex-direction:column;align-items:stretch}.library-storage-panel>header>div:last-child button{flex:1}.library-storage-grid{grid-template-columns:1fr}.library-storage-grid article,.library-storage-grid article:nth-child(2){border-right:0;border-bottom:1px solid #28312d}.library-storage-grid article:last-child{border-bottom:0}.library-storage-panel>footer{align-items:flex-start;flex-direction:column}}