:root{--brand-primary:#a8efd1;--brand-secondary:#b9a5f5;--brand-tertiary:#70cbe3;--brand-bg:#13151c;--brand-panel:#1b1d26;--brand-text:#e8eaf2;--brand-muted:#a9b3c4;--brand-border:#383d4c;--brand-danger:#f47c89;--brand-warning:#edc879;--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--brand-name-size:18px;--brand-name-weight:650;--brand-name-tracking:-.5px}:root{color-scheme:dark;--bg:#13151c;--panel:#1b1d26;--panel2:#20232e;--line:#2e313e;--muted:#9399ad;--text:#e8eaf2;--accent:var(--brand-primary);--purple:var(--brand-secondary);--danger:var(--brand-danger);font-family:var(--font-sans);font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:0;background:none}a{color:var(--accent)}.app-header{height:68px;display:flex;align-items:center;padding:0 23px;gap:28px;border-bottom:1px solid var(--line);background:#1a1c25}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:217px}.brand strong{font-size:22px;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#18332b;width:30px;height:34px;border-radius:10px;font-size:32px;line-height:1;font-weight:900}.brand-dot{color:var(--accent)}.beta{font-size:8px;letter-spacing:1.3px;color:var(--muted);padding:4px;border:1px solid #3a3e4b;border-radius:4px;margin-left:0}.header-project{display:flex;align-items:center;gap:10px;flex:1;font-size:12px;white-space:nowrap}.project-dot{width:7px;height:7px;background:var(--purple);border-radius:3px}.header-project button{padding:4px 0;font-weight:550;max-width:230px;overflow:hidden;text-overflow:ellipsis}.slash{color:#53596b;margin:0 3px}.muted{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}#save-status{font-size:10px;color:var(--muted);margin-right:11px;white-space:nowrap}#save-status i,.status-brand i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:6px}.button{height:34px;border:1px solid #383d4c;background:#232630;border-radius:7px;padding:0 12px;display:inline-flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}.button:hover{background:#303542}.button.primary{background:var(--accent);border-color:var(--accent);color:#16372b;font-weight:650}.button.primary:hover{background:#c7f8e2}.icon-button{width:28px;height:28px;border:1px solid #4a4e5c;border-radius:50%;font-size:13px}.workspace{display:grid;grid-template-columns:246px minmax(320px,1fr) 272px;height:calc(100dvh - 100px)}.library,.inspector{background:var(--panel);overflow:auto;scrollbar-width:thin;scrollbar-color:#424757 transparent}.library{padding:26px 18px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;gap:10px}.panel-heading h2{font-size:14px;margin:0;font-weight:600;letter-spacing:-.2px}.count{font-size:9px;border:1px solid #3c4050;border-radius:4px;padding:2px 5px;color:#a9afbe}.panel-description{color:var(--muted);font-size:10px;margin:9px 0 22px}.search{height:36px;background:#14161e;border:1px solid #303441;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:7px}.search>span{font-size:24px;color:var(--muted);transform:rotate(-15deg)}.search input{width:100%;background:none;border:0;color:var(--text);font-size:11px;outline:none;min-width:0}.search kbd{color:#71788c;font-size:9px;border:1px solid #333744;padding:0 4px;border-radius:3px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:18px 0 19px;gap:14px}.tabs button{font-size:10px;padding:0 0 11px;color:var(--muted);white-space:nowrap;position:relative}.tabs button.active{color:var(--accent)}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.library-section{display:flex;justify-content:space-between;font-size:8px;color:#8a91a5;letter-spacing:1px;margin-bottom:13px}.parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.part-card{background:#22252f;border:1px solid #343845;border-radius:9px;padding:13px 5px 10px;min-height:101px;display:flex;flex-direction:column;align-items:center;position:relative;transition:background .15s,transform .15s}.part-card:hover{background:#2b303b;border-color:#879e99;transform:translateY(-2px)}.part-card svg{width:35px;height:35px;margin-bottom:10px;stroke-width:1.7}.part-card strong{font-size:10px;font-weight:500}.part-card small{font-size:8px;color:#9299ac;margin-top:4px}.part-card .add{position:absolute;right:7px;top:5px;font-size:13px;color:#777f93}.custom-part{display:flex;align-items:center;gap:10px;border:1px dashed #414756;padding:13px 9px;border-radius:8px;margin-top:17px;text-align:left;font-size:10px}.custom-part>span:first-child{font-size:22px;color:var(--purple)}.custom-part>span:last-child{margin-left:auto;color:var(--muted)}.custom-part small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.library-bottom{display:flex;gap:8px;padding-top:30px;margin-top:auto;color:var(--muted)}.library-bottom strong{font-size:9px;font-weight:500;color:#bec4d5}.library-bottom p{font-size:8px;line-height:1.7;margin:5px 0 0}.little-spark{color:var(--purple);font-size:21px}.canvas-panel{position:relative;overflow:hidden;background:#14171f}.canvas-heading{position:absolute;top:28px;left:30px;right:26px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.canvas-heading .button{pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#8790a5}.canvas-heading h1{font-size:23px;letter-spacing:-.8px;margin:7px 0;font-weight:550}.canvas-heading p{font-size:10px;color:var(--muted);margin:0;max-width:440px;line-height:1.5}.quiet{height:29px;background:#1c2029;color:#b4bbce;gap:7px;font-size:10px}.tool-tray{position:absolute;top:123px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#232630;border:1px solid #3b4050;border-radius:10px;padding:5px;z-index:3;box-shadow:0 4px 20px #0003}.tool-tray button{width:33px;height:32px;display:grid;place-items:center;border-radius:6px;font-size:21px;color:#a6aec2}.tool-tray button svg{width:17px;height:17px}.tool-tray button.active{background:#a8efd123;color:var(--accent)}.tool-tray button:hover{background:#363b48}.tool-divider{width:1px;height:19px;background:#424654;margin:0 3px}#canvas{width:100%;height:100%;outline:none;touch-action:none;user-select:none;display:block}#canvas[data-tool=pan]{cursor:grab}#canvas[data-tool=cable],#canvas[data-tool=wall],#canvas[data-tool=note]{cursor:crosshair}.part-body{cursor:move}.port-hit{cursor:crosshair}.port-hit:hover .port-ring{stroke:#e8fff4;stroke-width:3}.cable-hit{cursor:pointer;stroke:transparent;stroke-width:18;fill:none}.cable-segment{cursor:move;stroke:transparent;stroke-width:18;fill:none}.cable-segment:hover{stroke:#a8efd138}.canvas-hint{position:absolute;bottom:77px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#232731e8;border:1px solid #373d4d;box-shadow:0 4px 20px #0002;border-radius:7px;padding:10px 11px;font-size:9px;color:#b5bdcf;white-space:nowrap;max-width:92%}.hint-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.canvas-hint button{color:#8d95a9;padding:0 0 0 8px;font-size:16px}.canvas-bottom{position:absolute;bottom:23px;left:25px;display:flex;align-items:center;gap:12px}.zoom-controls{display:flex;align-items:center;gap:1px;background:#222630;border:1px solid #383f4d;border-radius:8px;padding:4px}.zoom-controls button{height:26px;min-width:27px;font-size:15px;color:#bbc2d3}.zoom-controls #zoom-value{font-size:10px;width:45px}.zoom-controls span{width:1px;height:17px;background:#3b414e;margin:0 4px}.minimap{position:absolute;bottom:22px;right:24px;width:131px;height:93px;border:1px solid #363c4b;border-radius:8px;background:#1c202be8;padding:7px;pointer-events:none}.minimap>span{font-size:6px;letter-spacing:1px;color:#8d97ac}.minimap svg{width:100%;height:64px}.inspector{border-left:1px solid var(--line);padding:25px 20px;display:flex;flex-direction:column}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.inspector-header h2{margin:0;font-size:13px;font-weight:550}.inspector-header span{font-size:10px;color:#8b93a7}.selection-card{display:flex;align-items:center;gap:12px;margin-bottom:22px}.selection-card .selection-icon{width:45px;height:45px;border:1px solid #3c4350;background:#252a32;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.selection-icon svg{width:28px;height:28px}.selection-card strong{font-size:12px;line-height:1.5}.selection-card small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.inspector section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.inspector section:first-of-type{margin-top:0}.section-label{font-size:8px;color:#a5aec1;letter-spacing:1.25px;text-transform:uppercase;display:flex;justify-content:space-between;margin:0 0 13px;font-weight:500}.field{display:block;font-size:9px;color:#9aa4b9;margin-bottom:13px}.field>input,.field>textarea,.field>select,.inline-input{display:block;width:100%;border:1px solid #373d4c;background:#141821;color:#dfe5f2;border-radius:6px;padding:9px;font-size:10px;margin-top:7px;min-width:0}.field textarea{resize:vertical;min-height:68px;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row input{width:100%}.tag{font-size:8px;background:#a8efd112;color:#a8efd1;border:1px solid #a8efd135;padding:3px 6px;border-radius:4px;letter-spacing:.4px}.port-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 6px}.port-row strong{font-size:9px;font-weight:550;color:#c7d0e2}.port-row span{font-size:8px;color:var(--muted)}.pin-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.pin-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid #363e4c;background:#20252f;border-radius:4px;font-size:8px;color:#c0c9db}.pin-chip i{width:4px;height:4px;border-radius:50%}.full-button{width:100%;border:1px solid #3b4253;border-radius:6px;padding:9px;text-align:center;font-size:10px;background:#262c37;margin-top:8px}.full-button:hover{background:#343d4b}.danger{color:#f5a1ac}.inspector-tip{font-size:10px;line-height:1.8;color:#929db3;background:#252a3622;border:1px solid #363e4d;border-radius:8px;padding:13px;margin-top:20px}.inspector-tip b{display:block;font-weight:500;color:var(--purple);margin-bottom:5px;font-size:10px}.inspector-footer{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:8px;color:#9aa3b8;font-size:8px}.inspector-footer span:first-child{color:var(--accent);font-size:18px}.connection-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #303743;font-size:9px;text-align:left;width:100%;color:#bec8db}.connection-item i{width:6px;height:6px;border-radius:2px;background:var(--purple)}.connection-item>span{margin-left:auto;color:#6f7d96;font-size:11px}.conductor-row{display:flex;gap:7px;align-items:center;border-bottom:1px solid #2c3542;padding:9px 0;font-size:10px}.conductor-row input[type=color]{width:23px;height:23px;background:none;padding:0;border:0}.conductor-row .wire-label{background:#141821;border:1px solid #373d4c;border-radius:4px;padding:5px;min-width:0;width:65px;color:var(--text);font-size:9px}.conductor-row small{color:#9aa4b8;font-size:8px}.status-bar{height:32px;border-top:1px solid var(--line);background:#1a1d26;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:9px;color:#919bb0;gap:15px}.status-brand{color:#b1b9ca}.status-bar kbd{font-size:8px;border:1px solid #3d4351;padding:1px 4px;border-radius:3px}.status-divider{margin:0 6px;color:#59647a}#toast{position:fixed;bottom:52px;left:50%;transform:translate(-50%) translateY(15px);background:#b1f2d7;color:#15352b;border:1px solid #cbf8e4;border-radius:8px;padding:12px 20px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:85vw;box-shadow:0 6px 30px #0005}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}dialog{border:1px solid #454c60;border-radius:14px;background:#1c212d;color:var(--text);padding:28px;max-width:min(760px,94vw);width:650px;max-height:86vh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#080b13b8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dialog-heading h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0}.dialog-heading button{font-size:23px;color:#9ea9bf}.dialog-description{color:#a8b3c9;font-size:12px;line-height:1.8;margin-bottom:22px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.project-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-choice{border:1px solid #414a5d;background:#252d3a;border-radius:10px;padding:20px;text-align:left;min-height:140px}.project-choice:hover{border-color:var(--accent)}.project-choice svg{width:35px;height:35px;color:var(--accent);display:block;margin-bottom:14px}.project-choice strong{display:block;font-size:13px;margin-bottom:7px}.project-choice small{font-size:11px;line-height:1.7;color:#a9b5cc}.dialog-code{width:100%;height:350px;background:#11151e;color:#c0eadb;border:1px solid #3d465b;border-radius:8px;padding:14px;font:11px/1.7 ui-monospace,monospace;resize:vertical;tab-size:2}.error-message{font-size:11px;line-height:1.8;color:#ff9da9;white-space:pre-wrap;max-height:160px;overflow:auto}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shortcut{border-bottom:1px solid #384152;padding:10px 0;display:flex;justify-content:space-between;font-size:11px;color:#bdc8df}.shortcut kbd{color:var(--accent)}.empty-inspector{font-size:11px;line-height:1.9;color:#a8b4ca}.empty-inspector h3{font-size:20px;font-weight:500;color:var(--text);line-height:1.4;letter-spacing:-.5px}.empty-inspector .big-spark{font-size:50px;color:var(--accent);margin:25px 0}.small{font-size:10px;color:var(--muted);line-height:1.8}.inline-link{font-size:9px;color:var(--accent);text-decoration:none}.check-row{display:flex;justify-content:space-between;font-size:10px;color:#a8b4cb;line-height:2}.check-row b{color:var(--accent);font-weight:500}.raster-settings{margin-top:12px}.onboarding-pill{position:absolute;top:197px;left:30px;color:#8f9db7;font-size:8px;letter-spacing:1px;pointer-events:none}@media(min-width:1700px){.workspace{grid-template-columns:270px minmax(320px,1fr) 300px}.library{padding-left:23px;padding-right:23px}.inspector{padding-left:24px;padding-right:24px}.app-header{height:74px}.workspace{height:calc(100dvh - 106px)}.part-card{min-height:112px}.part-card svg{width:41px;height:41px}.canvas-heading{top:34px;left:36px}.canvas-heading h1{font-size:27px}}@media(max-width:1200px){.workspace{grid-template-columns:210px minmax(280px,1fr) 235px}.library{padding:22px 13px}.inspector{padding:22px 14px}.app-header{padding:0 15px;gap:16px}.brand{min-width:180px}.brand strong{font-size:20px}.beta,.header-project .slash,.header-project .muted,#save-status{display:none}.part-card{min-height:94px}.tabs{gap:12px}.tabs button{font-size:9px}.minimap{display:none}.canvas-hint{font-size:8px;white-space:normal;bottom:73px;min-width:260px}.canvas-heading p{max-width:300px}}@media(max-width:900px){.workspace{grid-template-columns:174px minmax(260px,1fr)}.inspector{position:absolute;right:12px;top:180px;bottom:82px;width:225px;z-index:5;border:1px solid #41495c;border-radius:10px;display:none;box-shadow:0 10px 40px #0008}.inspector.mobile-visible{display:flex}.header-project{display:none}.header-actions{margin-left:auto}.library{padding:20px 10px}.part-card strong{font-size:9px}.part-card small{font-size:7px}.tabs{gap:8px}.tabs button{font-size:8px}.canvas-heading{left:20px;top:24px}.canvas-heading h1{font-size:21px}.canvas-heading p{font-size:9px;max-width:250px}.tool-tray{top:125px}.status-brand{display:none}.status-bar{font-size:8px}.canvas-bottom{left:14px}.quiet span{display:none}.brand{min-width:0}.custom-part{font-size:9px;gap:5px}.custom-part small{font-size:7px}}@media(max-width:560px){.workspace{grid-template-columns:115px minmax(230px,1fr)}.library{padding:18px 8px}.panel-heading h2{font-size:11px}.panel-description,.tabs,.library-section,.library-bottom,.custom-part small{display:none}.search{margin:15px 0;padding:0 5px}.search input{font-size:9px}.search kbd{display:none}.parts-grid{grid-template-columns:1fr;gap:6px}.part-card{min-height:75px;padding:8px 3px}.part-card svg{width:27px;height:27px;margin-bottom:6px}.part-card small{display:none}.brand strong{font-size:17px}.brand-mark{width:25px;height:29px;font-size:27px}.app-header{padding:0 10px;gap:8px}.header-actions{gap:5px}.header-actions .button{font-size:10px;padding:0 9px;gap:4px}.icon-button{width:24px;height:24px}.canvas-heading h1{font-size:18px}.canvas-heading p{max-width:200px}.tool-tray{gap:1px;padding:4px}.tool-tray button{width:27px;height:29px}.tool-divider{margin:0 2px}.status-bar>span:last-child{display:none}.canvas-bottom{gap:7px}.canvas-hint{min-width:210px}.project-choices,.shortcut-grid{grid-template-columns:1fr}.inspector{width:215px;right:8px}.custom-part>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.connector-editor{max-height:48vh;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#4a566a transparent}.connector-edit-card{border:1px solid #3d485d;border-radius:9px;background:#202836;padding:15px;margin-bottom:14px}.port-editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px}.port-editor-heading button{font-size:10px}.connector-settings{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px}.pin-edit-heading,.pin-edit-row{display:grid;grid-template-columns:38px 1fr 1fr 25px;gap:9px;align-items:center}.pin-edit-heading,.wire-edit-heading{font-size:7px;letter-spacing:1px;color:#9eabc2;margin:8px 0}.pin-edit-row input,.wire-edit-row input,.wire-edit-row select{width:100%;min-width:0;border:1px solid #3d4a60;border-radius:5px;background:#141a25;color:#dce6f8;padding:7px;font:10px -apple-system,BlinkMacSystemFont,sans-serif}.pin-edit-row input[type=color],.wire-edit-row input[type=color]{width:30px;height:28px;padding:2px}.pin-edit-row{margin-bottom:7px}.pin-edit-row button,.wire-edit-row button{font-size:19px}.inline-add{font-size:10px;color:var(--accent);padding:8px 0}.wire-edit-heading,.wire-edit-row{display:grid;grid-template-columns:35px 80px 1fr 1fr 20px;gap:8px;align-items:center}.wire-edit-row{margin:10px 0}@media(max-width:560px){.connector-settings{grid-template-columns:1fr 1fr}.wire-edit-heading,.wire-edit-row{grid-template-columns:28px 50px 1fr 1fr 16px;gap:4px}.wire-edit-row input,.wire-edit-row select{font-size:8px;padding:5px 2px}.pin-edit-heading,.pin-edit-row{gap:5px;grid-template-columns:32px 1fr 1fr 20px}}[hidden]{display:none!important}.ai-button{background:#b9a5f51a;border-color:#70618e;color:#d2c2ff}.library-prompt{margin-top:16px;border:1px solid #4c4766;border-radius:8px;background:#272537;padding:10px}.library-prompt>label{font-size:7px;color:#c5b6e9;letter-spacing:1.2px}.library-prompt textarea{display:block;width:100%;border:0;resize:vertical;min-height:40px;background:transparent;color:#ede8ff;font-size:10px;line-height:1.7;margin-top:7px;outline:none}.library-prompt button{display:flex;justify-content:space-between;width:100%;padding:8px 0 0;font-size:9px;color:#c8b8f6;border-top:1px solid #514963}.my-parts-button{text-align:left;display:flex;justify-content:space-between;color:#c6b7eb}.part-designer{width:1140px;max-width:96vw;max-height:94dvh;padding:22px;background:#1b2330}.designer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.designer-heading h2{font-size:24px;font-weight:550;letter-spacing:-.7px;margin:5px 0 0}.designer-close{font-size:25px;color:#b0bdd1}.designer-template{display:flex;align-items:flex-end;gap:12px;padding:12px 15px;border:1px solid #39465b;background:#222e3e;border-radius:8px;margin-bottom:20px}.designer-template label{font-size:9px;color:#b0bcd1;display:flex;align-items:center;gap:14px;flex:1}.designer-template select{flex:1;min-width:0;background:#151e2b;border:1px solid #48566d;padding:8px;border-radius:5px;color:#e2ebfa;font-size:11px}.designer-columns{display:grid;grid-template-columns:190px minmax(280px,1fr) 250px;gap:20px}.designer-properties,.designer-connections{max-height:405px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4f5e74 transparent;padding-right:5px}.designer-properties .field{margin-bottom:13px}.designer-properties .field input,.designer-properties .field select{font-size:11px}.designer-properties .field textarea{min-height:70px}.color-field{display:flex;align-items:center;justify-content:space-between}.color-field input[type=color]{width:40px;height:26px;margin-top:0;padding:2px;background:#172131;border:1px solid #45546b}.designer-stage{background:#141b26;border:1px solid #3c4a61;border-radius:10px;overflow:hidden;align-self:start}.designer-stage-heading{padding:15px 13px 0;display:flex;justify-content:space-between;font-size:8px;color:#a4b3cb}.designer-stage-heading>span:first-child{letter-spacing:1px;color:#c1b0ed}#part-preview{width:100%;height:300px;display:block;touch-action:none;user-select:none;outline:none}.designer-port{cursor:grab}.designer-port:focus-visible circle{stroke:#fff;stroke-width:4}.designer-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:8px;color:#91a1bb;padding:0 10px 15px}.designer-legend span{display:flex;align-items:center;gap:5px}.designer-legend i{width:5px;height:5px;border-radius:50%}.designer-quick-add{border-top:1px solid #334156;display:flex;flex-wrap:wrap;gap:7px;padding:12px;align-items:center}.designer-quick-add>span{font-size:7px;letter-spacing:.6px;color:#94a3bd;margin-right:2px}.designer-quick-add button{font-size:8px;border:1px solid #42516b;border-radius:5px;padding:6px;background:#232f42;color:#cdd8ec}.designer-connector-list{display:flex;gap:6px;flex-wrap:wrap;max-height:90px;overflow:auto}.designer-connector{display:flex;align-items:center;gap:5px;padding:7px 8px;background:#242f3e;border:1px solid #3c4960;border-radius:5px;font-size:9px;max-width:100%}.designer-connector span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-connector i{width:5px;height:5px;border-radius:50%}.designer-connector small{font-size:6px;color:#94a4bf}.designer-connector.active{border-color:#a8efd1;background:#a8efd111}.designer-detail{border-top:1px solid #38475d;padding-top:15px;margin-top:15px}.designer-detail output{float:right;color:#a8efd1}.designer-detail .field>input[type=range]{padding:0;border:0;accent-color:#a8efd1;background:none}.designer-pin-row{display:grid;grid-template-columns:30px 1fr 22px;gap:7px;align-items:center;margin-bottom:8px}.designer-pin-row input{width:100%;min-width:0;background:#131e2d;border:1px solid #3b4c67;border-radius:5px;padding:7px;color:#dce6f6;font-size:10px}.designer-pin-row input[type=color]{width:27px;height:27px;padding:2px}.designer-pin-row button{font-size:18px}.designer-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #37455b;padding-top:17px;margin-top:20px}.designer-footer>div{display:flex;gap:8px}.part-designer .error-message{margin-top:10px}.generation-dialog{width:760px;max-width:94vw;background:#1c2330}.prompt-field textarea{font-size:14px;line-height:1.8;padding:15px;min-height:125px;border-color:#625b80;background:#151d2a;color:#f1effa}.generation-examples{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.generation-examples button{padding:6px 10px;border:1px solid #46516b;background:#252e40;border-radius:20px;color:#bcb0e7;font-size:10px}.generation-configuration{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}.generation-connection{display:flex;gap:7px;align-items:center;font-size:10px;color:#aebbd3}#generation-connection-dot{width:6px;height:6px;background:#edc879;border-radius:50%}#generation-connection-dot.ready{background:#a8efd1}.ai-settings{background:#222d3e;border:1px solid #3e4c65;border-radius:8px;padding:15px;margin:15px 0}.ai-settings .field>small{display:block;font-size:9px;line-height:1.7;margin-top:7px;color:#a4b2ca}.generation-reference{display:flex;gap:8px;align-items:center;font-size:10px;color:#c0cbdf;padding:14px 0;border-top:1px solid #354259}.generation-reference input{accent-color:#a8efd1}.generation-reference span{margin-left:auto;font-size:9px;color:#91a4bf}.generation-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #39465c;padding-top:18px;margin-top:12px}.generation-progress{display:flex;align-items:center;gap:14px;padding:20px 0}.generation-progress strong{font-size:12px;font-weight:500;color:#cab9f0}.generation-progress p{font-size:10px;color:#a5b5cf;margin:7px 0 0}.generation-progress .button{margin-left:auto}.generation-spinner{width:23px;height:23px;flex-shrink:0;border-radius:50%;border:2px solid #48556e;border-top-color:#a8efd1;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#generated-result{border:1px solid #4b625f;background:#1c2b2b;border-radius:10px;padding:17px;margin-top:18px}.generated-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.generated-heading h3{font-size:17px;margin:10px 0 0;font-weight:550;letter-spacing:-.3px}.generated-heading>span{font-size:10px;color:#adc7bd}.generated-thumbnail{border:1px solid #425b5a;border-radius:7px;overflow:hidden;background:#131b26}.generated-thumbnail svg{width:100%;height:245px;display:block}.generated-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.generated-actions>span{max-width:300px}#generated-result details{font-size:10px;color:#c6dacf}#generated-result summary{cursor:pointer}#generated-result .dialog-code{height:250px;margin-top:12px}.ai-settings label,.generation-reference{user-select:none}@media(max-width:1000px){.designer-columns{grid-template-columns:170px minmax(220px,1fr) 225px;gap:12px}.designer-stage-heading{font-size:7px}.designer-stage-heading>span:last-child{max-width:90px;text-align:right}#part-preview{height:290px}.designer-quick-add{gap:4px}.designer-template label{font-size:8px;gap:8px}}@media(max-width:760px){.part-designer{padding:17px}.designer-columns{grid-template-columns:minmax(130px,1fr) minmax(170px,1fr);gap:15px}.designer-stage{grid-row:1;grid-column:1/-1}.designer-properties,.designer-connections{max-height:360px}.designer-stage-heading>span:last-child{max-width:none}#part-preview{height:245px}.designer-template{flex-wrap:wrap;align-items:center}.designer-template label{flex-basis:100%;flex-wrap:wrap}.designer-template select{min-width:150px}.designer-heading h2{font-size:21px}.designer-footer{align-items:flex-end}.designer-footer>div{flex-wrap:wrap;justify-content:flex-end}.designer-footer>span{max-width:100px;font-size:8px}.generation-footer,.generated-actions{align-items:flex-end}.generated-heading{align-items:flex-start}.generated-heading>span{max-width:130px;line-height:1.7}.generation-footer>span{max-width:190px;font-size:8px}.ai-button{font-size:9px}.app-header .brand{min-width:0}.header-project .muted,.header-project .slash{display:none}}@media(max-width:560px){.library-prompt{padding:7px}.library-prompt>label{font-size:6px}.library-prompt textarea{font-size:8px}.library-prompt button{font-size:7px;text-align:left}.my-parts-button{font-size:8px}.my-parts-button span,#generate-button{display:none}.generation-dialog{padding:20px}.designer-columns{grid-template-columns:1fr}.designer-stage{grid-column:auto}.designer-properties,.designer-connections{max-height:none}.designer-properties{order:2}.designer-connections{order:3}.designer-template select{max-width:100%}.designer-template label{display:block}.designer-template select{display:block;width:100%;margin-top:8px}.designer-footer{flex-direction:column;align-items:stretch}.designer-footer>span{max-width:none}.designer-footer>div{justify-content:space-between}.generation-footer,.generated-actions{flex-wrap:wrap}}.canvas-heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.canvas-heading>div{max-width:calc(100% - 65px)}@media(max-width:900px){.inspector{top:250px}}.canvas-navigation{padding-top:16px!important;padding-bottom:16px!important;border-bottom:1px solid #303847}.canvas-navigation .field{margin:12px 0}.canvas-navigation .field-row{gap:8px}.canvas-navigation .inline-link{margin-top:12px;text-align:left;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.upload-zone{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px dashed #566379;border-radius:12px;background:#1b2430;color:#c8e8dc;cursor:pointer;margin:16px 0}.upload-zone input{font-size:11px;color:#aebdd0;max-width:100%}.upload-zone small{color:#93a3bb;line-height:1.5}.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.reference-file{display:flex;align-items:center;gap:9px;background:#202b39;border:1px solid #384457;padding:8px;border-radius:8px;min-width:0;font-size:11px}.reference-file img{width:42px;height:38px;object-fit:cover;border-radius:4px}.reference-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-file button{margin-left:auto;color:#bfccd9;background:transparent;border:0;font-size:20px;cursor:pointer}.setup-dialog .generation-footer{gap:16px}.canvas-heading{gap:8px}.canvas-heading>div{flex:1;min-width:0}#canvas-pages{font-size:11px;white-space:nowrap}#generation-dialog .prompt-field textarea{min-height:100px}@media(max-width:900px){#canvas-pages{position:absolute;right:20px;top:153px}.reference-list{grid-template-columns:1fr}.canvas-navigation .field-row{flex-wrap:wrap}.canvas-heading{padding-right:10px}}.change-summary{padding:12px;border:1px solid #49665b;border-radius:8px;background:#20332c;color:#bbebd6;font-size:11px;line-height:1.7}@media(max-width:900px){#canvas-pages{top:64px;right:0}}@media(max-width:560px){.brand strong{display:none}#generate-button{display:inline-flex}.header-actions{gap:5px}.app-header{gap:8px}}.saved-part-card{border-color:#557568;background:#22312f}.saved-part-card strong{overflow-wrap:anywhere;line-height:1.4}.saved-part-card small{color:#a8d7c7}.canvas-link-list{margin-top:17px}.canvas-link-list h4{margin-bottom:5px}.canvas-link-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid #354942;padding:9px 0}.canvas-link-row>button:first-child{flex:1;text-align:left;color:#b1efd8;font-size:11px;min-width:0;overflow-wrap:anywhere}.canvas-link-row small{display:block;color:#9db6b1;font-size:9px;line-height:1.6;margin-top:5px}.canvas-link-row>button:last-child{font-size:17px;color:#a9bebc;padding:5px}.canvas-link:focus-within rect,.canvas-link.arriving-link rect{stroke:#d5fff0;stroke-width:3}.canvas-link-editor{width:740px}.canvas-link-editor .dialog-actions{flex-wrap:wrap}.canvas-link-editor .field select{font-size:11px}.part-card{padding:0;display:block}.part-card-open{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:inherit;border-radius:9px;padding:14px 6px 11px;text-align:center}.part-card-add{position:absolute;right:4px;top:4px;width:25px;height:25px;display:grid;place-items:center;border-radius:5px;font-size:17px;line-height:1;color:#a8efd1;background:#172722;z-index:1}.part-card-add:hover{background:#a8efd1;color:#14372a}.part-card-open:focus-visible{outline-offset:-3px}.custom-part{justify-content:center;font-size:11px;padding:13px}.generation-footer{justify-content:flex-end}.account-dialog{width:min(440px,calc(100vw - 32px));padding:28px}.account-dialog h2{margin:0;font-size:25px}.account-dialog form{display:grid;gap:16px;margin:18px 0}.account-dialog .field-row{margin:18px 0;align-items:center;justify-content:space-between}.google-signin{width:100%;margin-top:12px;min-height:46px}.account-divider{color:var(--muted);text-align:center;margin:18px 0}.account-delete{margin-top:24px;border-top:1px solid #3c4250;padding-top:20px}.account-delete summary{cursor:pointer;color:#ef9caa}#account-button{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#save-status{max-width:190px}#cloud-save{white-space:nowrap}.saved-project-row{display:flex;gap:8px;align-items:center}.saved-project-row .connection-item{flex:1}.guest-notice{color:#edc879}@media(max-width:1200px){.header-project{display:none}.header-actions{margin-left:auto}}@media(max-width:760px){#save-status{display:none}.app-header{gap:8px}.header-actions{gap:5px}#account-button{max-width:90px}.header-actions .button{padding:9px}}#workspace-save-status{display:inline!important;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edc879}@media(max-width:560px){#workspace-save-status{max-width:180px;font-size:8px}}.plans-dialog{width:min(1120px,94vw);max-width:1120px;background:var(--panel,#1c202a);color:var(--text,#e5eaf4);border:1px solid #3b4454;border-radius:20px;padding:30px;max-height:90vh;overflow:auto}.plans-intro{color:#bac5d8;margin:4px 0 24px;line-height:1.5}.plan-interval{display:inline-flex;gap:5px;background:#151a23;border:1px solid #313a49;border-radius:13px;padding:5px}.plan-interval button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#b8c3d6;padding:12px 16px;font:inherit;font-size:14px;cursor:pointer}.plan-interval button[aria-pressed=true]{background:#303a49;border-color:#546278;color:#f4f7ff;box-shadow:0 2px 8px #0004}.plan-interval button span{font-size:11px;color:#a8efd1}.plan-interval button:focus-visible{outline:2px solid #a8efd1;outline-offset:3px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 18px}.plan-card{border:1px solid #3b4454;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;background:#202631}.plan-card.plan-premium{border-color:#668e81;box-shadow:0 0 0 1px #a8efd117}.plan-card.current-plan{border-color:#a8efd1}.plan-card-top{padding:26px 24px 24px;display:flex;flex-direction:column;gap:18px;min-height:244px;box-sizing:border-box}.plan-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.plan-card h3,.credit-summary h3{margin:0}.plan-card h3{font-size:21px;font-weight:600}.plan-badge{background:#a8efd1;color:#13281f;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:650;white-space:nowrap}.plan-badge-quiet{background:#313a49;color:#c4cddd}.plan-card p{color:#bac5d8;margin:0;line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:5px;font-size:36px;font-weight:650;letter-spacing:-1.3px;white-space:nowrap}.plan-price del{font-size:21px;font-weight:400;color:#91a0b6;margin-right:3px;letter-spacing:-.5px}.plan-price small{font-size:13px;font-weight:400;letter-spacing:0;color:#bac5d8}.plan-price-note{font-size:12px;min-height:36px}.plan-card .button{white-space:normal;width:100%;min-height:44px;margin-top:auto;font-size:14px}.plan-card .plan-subscribed{opacity:1;background:transparent;color:#b1bdcf;border-color:#455063}.plan-subscribed span{margin-right:5px}.plan-features{padding:24px;background:#181f29;flex:1;border-top:1px solid #303a49}.plan-card ul{padding:0;margin:0;list-style:none;color:#d5dfed;line-height:1.6;display:grid;gap:15px}.plan-card li{position:relative;padding-left:24px}.plan-card li:before{content:"\2713";position:absolute;left:0;color:#a8efd1;font-size:17px}.plan-card li strong{font-weight:550;color:#f0f5fc}.plan-includes{font-size:13px;margin-top:20px!important;color:#9cabc0!important}.plan-includes span{font-size:20px;margin-right:6px}.credit-summary{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid #3b4454}.credit-summary p{line-height:1.5}.credit-summary>.button{flex-shrink:0}.billing-test{border:1px solid #756331;border-radius:8px;padding:10px 14px;background:#332d20;color:#f2d687}#plans-button{color:var(--accent,#a8efd1)}@media(max-width:880px){.plan-card-top,.plan-features{padding:22px 16px}.plan-price{font-size:30px}.plan-price small{font-size:11px}}@media(max-width:760px){.plan-grid{grid-template-columns:1fr;gap:18px}.plans-dialog{padding:20px}.plan-card-top{min-height:0;padding:24px;gap:16px}.plan-price{font-size:36px}.plan-price small{font-size:13px}.plan-price-note{min-height:0}.plan-features{padding:24px}.plan-interval{display:flex}.plan-interval button{flex:1;justify-content:center;padding:11px 10px}.plan-interval button span{font-size:10px}.credit-summary{align-items:stretch;flex-direction:column}#plans-button{max-width:125px;overflow:hidden;text-overflow:ellipsis}}.auto-refill{border-top:1px solid #3b4454;border-bottom:1px solid #3b4454;padding:18px 0;margin-bottom:18px}.auto-refill h3{margin:0}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#bac5d8;line-height:1.6;margin:16px 0}.check-label input{width:auto;flex-shrink:0;margin-top:5px;accent-color:#a8efd1}.auto-refill .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:16px;width:min(100%,416px);margin-top:16px}.auto-refill .field-row .field{min-width:0;margin-bottom:0}@media(max-width:760px){.auto-refill .field-row{grid-template-columns:1fr;width:100%}}.credit-history{margin:20px 0;color:#c4cddd}.credit-history summary{cursor:pointer}.credit-activity-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #343d4c;font-size:13px}.credit-activity-row time{margin-left:auto;color:#99a8bf;font-size:12px}.credit-activity-row strong{min-width:28px;text-align:right;color:#a8efd1}.status-links{display:flex;align-items:center;gap:14px;white-space:nowrap}.status-links a{color:#b1b9ca;text-decoration:none}.status-links a:hover{color:var(--accent)}.status-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-policy{font-size:10px;color:var(--muted);margin-top:18px;line-height:1.6}.account-policy a{color:var(--accent)}.sharing-dialog{width:min(500px,calc(100vw - 32px))}.share-choices{border:0;padding:0;margin:20px 0}.share-choices legend{font-size:12px;color:#bac4d4;margin-bottom:10px}.share-choice{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;margin:8px 0;cursor:pointer}.share-choice:has(input:checked){border-color:var(--accent);background:#23312c}.share-choice input{width:16px;min-height:16px;margin:4px 0;accent-color:var(--accent)}.share-choice strong{display:block;font-size:13px}.share-choice small{display:block;font-size:11px;line-height:1.6;color:#aeb9cb;margin-top:3px}.share-link{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;align-items:end;gap:10px}.share-link .field{flex:1;margin:0}.share-link input{font-size:11px}.project-update{min-height:42px;padding:8px 20px;display:flex;gap:16px;align-items:center;justify-content:center;background:#3b3020;border-bottom:1px solid #8e7446;color:#f6e3b8;font-size:12px}.project-update button{color:#141b19;background:#b4efd6;border:0;border-radius:5px;padding:6px 14px;font:inherit;cursor:pointer}.project-update[hidden],.shared-loading[hidden]{display:none}.shared-loading{position:absolute;inset:70px 0 32px;background:#14171f;z-index:40;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:30px;text-align:center;color:#c4d2e3}.shared-loading p{max-width:480px;line-height:1.7}.shared-loading button{margin:6px}.viewer-badge{font-size:10px;white-space:nowrap;color:#b4efd6;border:1px solid #506759;padding:4px 9px;border-radius:5px}.viewer-badge[hidden],body[data-viewer=true] .library{display:none}body[data-viewer=true] .workspace{grid-template-columns:minmax(0,1fr) 320px}body[data-viewer=true] #generate-button,body[data-viewer=true] #cloud-save,body[data-viewer=true] .tool-tray [data-tool=cable],body[data-viewer=true] .tool-tray [data-tool=wall],body[data-viewer=true] .tool-tray [data-tool=note],body[data-viewer=true] #undo,body[data-viewer=true] #redo{display:none}body[data-viewer=true] .inspector button:disabled{display:none}body[data-viewer=true] #project-title,body[data-viewer=true] #canvas .port-hit{cursor:default}body:has(.project-update:not([hidden])) .workspace{height:calc(100vh - 144px)}@media(max-width:1100px){body[data-viewer=true] .workspace{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:760px){body[data-viewer=true] .workspace{grid-template-columns:1fr}.project-update{font-size:11px;gap:9px;padding:7px 10px}.viewer-badge{display:none}.share-link{flex-wrap:wrap}}body[data-shared-loading=true] .header-project,body[data-shared-loading=true] #make-copy,body[data-shared-loading=true] #share-project,body[data-shared-loading=true] #export-button{visibility:hidden}body[data-viewer=true] [data-edit-link]{pointer-events:none;opacity:.3}.retry-link{background:none;border:0;padding:0;color:#f3cb83;text-decoration:underline;text-underline-offset:3px;font-size:11px}#save-status:empty,#workspace-save-status:empty{display:none}#save-status:has(+.retry-link:not([hidden])){color:#f3cb83}body:has(.project-update:not([hidden])) .workspace{height:calc(100dvh - 142px)}@media(min-width:1700px){body:has(.project-update:not([hidden])) .workspace{height:calc(100dvh - 148px)}}.studio-name{font-size:var(--brand-name-size);font-weight:var(--brand-name-weight);letter-spacing:var(--brand-name-tracking);min-width:165px;color:var(--text)}.app-header .header-project{flex:1;min-width:100px}.header-project button{max-width:260px}.google-signin{padding:0!important;background:transparent!important;border:0!important;display:flex;align-items:center;justify-content:center;min-height:44px}.google-signin img{width:189px;height:40px;object-fit:contain}.google-signin:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.account-summary{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.account-summary h3{margin:0 0 14px;font-size:18px}.account-summary p{line-height:1.65}.account-summary .small{font-size:13px}.sharing-highlight{border:1px solid #4a8069;border-radius:8px;background:#20382e;padding:12px;color:#bff4dd!important;font-weight:550}.help-copy,.help-links a{font-size:14px!important;line-height:1.8!important}.help-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:25px 0 5px}.shortcut{font-size:13px}body.inspector-closed .inspector{display:none!important}body.inspector-closed .workspace{grid-template-columns:230px minmax(0,1fr)}body.inspector-closed[data-viewer=true] .workspace{grid-template-columns:minmax(0,1fr)}@media(max-width:900px){body.inspector-closed .workspace{grid-template-columns:174px minmax(260px,1fr)}}@media(max-width:560px){body.inspector-closed .workspace{grid-template-columns:115px minmax(230px,1fr)}.studio-name{font-size:14px;min-width:0}.header-actions #share-project{display:none}}.plans-dialog .small,.plans-dialog .plan-card li{font-size:13px}.library .library-prompt{margin:18px 0 0}.library .search{margin:16px 0 20px}.library .tabs{margin-top:0}.project-examples{margin:24px 0}.project-examples h3{font-size:16px;font-weight:600;margin:0 0 12px}.project-examples>p{color:#b2bfd2;font-size:13px;line-height:1.6;margin:0 0 16px}.welcome-examples{margin:4px 0 25px;padding:20px;border:1px solid #42685d;border-radius:12px;background:#20322e}.welcome-examples h3{font-size:24px;color:#c4f4df}.example-projects{display:grid;gap:10px}.example-project{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:15px;border:1px solid #465164;border-radius:9px;background:#242d3b}.example-project:hover,.example-project:focus-visible{border-color:#a8efd1;background:#2b3a41}.example-project>svg{width:35px;height:35px;flex-shrink:0;color:#b1ebd3}.example-project>span:nth-child(2){flex:1}.example-project strong{display:block;font-size:14px;font-weight:550}.example-project small{display:block;color:#b0bdd0;font-size:12px;line-height:1.6;margin-top:5px}.example-project>span:last-child{color:#b4efd6}.returning-examples .example-project{padding:12px}.returning-examples .example-project>svg{width:28px;height:28px}.dialog-back{font-size:13px;color:#b4efd6;padding:3px 0 10px;display:block}.dialog-back:hover{text-decoration:underline}.setup-dialog .designer-heading h2,.generation-dialog .designer-heading h2{margin-top:0}@media(max-width:560px){.welcome-examples{padding:14px}.example-project{gap:10px;padding:12px}.example-project strong{font-size:13px}.example-project small{font-size:11px}.library .library-prompt{margin-top:14px}.library .search{margin:14px 0 16px}}.project-manager{width:880px;max-width:94vw}.welcome-examples .example-projects{grid-template-columns:1fr 1fr}.project-manager .project-choice{min-height:120px;padding:16px}.project-manager .project-choice svg{width:28px;height:28px;margin-bottom:8px}.project-manager .welcome-examples{padding:16px;margin-bottom:20px}.project-manager .welcome-examples>p{margin-bottom:12px}.project-manager .welcome-examples h3{font-size:21px;margin-bottom:8px}.project-manager .example-project{padding:12px}.project-manager .example-project small{font-size:11px;line-height:1.5}.project-manager .example-project>svg{width:28px;height:28px}@media(max-width:650px){.welcome-examples .example-projects{grid-template-columns:1fr}.project-manager .project-choice{min-height:100px}.project-manager{padding:20px}}.tool-tray{max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none}.tool-tray>button,.tool-divider{flex-shrink:0}.tool-tray .panel-grip,.overview-header .panel-grip{width:20px;min-width:20px;color:#929db1;cursor:grab;touch-action:none;user-select:none}.panel-grip svg{width:10px!important;height:18px!important;pointer-events:none}.panel-grip:focus-visible,.overview-header button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.moving .panel-grip{cursor:grabbing;color:var(--accent)}.minimap{display:block;pointer-events:auto;width:155px;height:auto;padding:6px;z-index:3}.overview-header{display:flex;align-items:center;gap:4px;height:26px}.overview-header button{height:26px;border-radius:4px;color:#a6aec2}.overview-header button:hover{background:#363b48}.overview-title{flex:1;text-align:left;font-size:8px;letter-spacing:1px}.overview-header [data-collapse]{width:22px;font-size:18px;line-height:1}.minimap svg{display:block;height:83px;pointer-events:none}.minimap.collapsed>#minimap{display:none}.minimap.collapsed{padding:4px 6px}.canvas-dock{display:contents}.wall-routing{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.wall-routing .field{margin-bottom:12px}.projects-welcome{margin:0 0 20px}.projects-welcome h3{font-size:21px;margin:0 0 7px}.projects-welcome p{font-size:13px;color:#b2bfd2;margin:0}.project-list{margin-top:26px}.project-list h3{font-size:17px;font-weight:600;margin:0 0 12px}.project-list h3 small{font-size:14px;font-weight:400;color:#acb8cd}.project-list .connection-item{font-size:15px;padding:15px 4px;line-height:1.4}.project-list .connection-item strong{font-weight:500;overflow-wrap:anywhere}.project-list .connection-item>span{flex-shrink:0;font-size:12px}.saved-project-row>.danger{font-size:20px;width:32px;flex-shrink:0}.legacy-projects{margin-top:22px}.project-discovery{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.compact-examples{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.project-manager .compact-examples .example-project{font-size:12px;line-height:1.5;padding:13px;justify-content:center;text-align:center}.delete-project-dialog{width:500px;max-width:94vw}.delete-instruction{font-size:15px;color:#c1ccdf;line-height:1.6;margin:20px 0 12px}.delete-project-name{user-select:all;overflow-wrap:anywhere;padding:14px;border:1px solid #434d60;border-radius:7px;background:#141821;color:#f0f4fc;font-size:17px;font-weight:600;line-height:1.5;margin:0 0 22px}.delete-name-label{font-size:14px;color:#b9c7dc}.delete-project-dialog input{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #4c5870;border-radius:7px;background:#141821;color:#f0f4fc;font-size:16px}.button.delete-confirm{background:#ef7b88;border:1px solid #fb9ca6;color:#310c14;font-weight:600}.button.delete-confirm:hover{background:#ff98a3}.button.delete-confirm:disabled{opacity:.5}#toast{visibility:hidden;display:flex;align-items:center;gap:20px;line-height:1.5}#toast.show{visibility:visible;pointer-events:auto}#toast button{font-size:22px;line-height:1;padding:3px;color:inherit;flex-shrink:0}#toast button:focus-visible{outline:2px solid currentColor;border-radius:3px}#minimap{pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}#minimap:active{cursor:grabbing}#minimap:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.mobile-tool-rail,.mobile-part-finder{display:none}#toast{bottom:var(--toast-bottom,52px);z-index:100;max-width:calc(100vw - 24px);transition:opacity .2s,transform .2s}#toast button{width:44px;height:44px;flex-shrink:0}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){body{height:var(--studio-height,var(--visible-height,100dvh));display:flex;flex-direction:column;min-height:0}button,a,input,select,textarea{-webkit-tap-highlight-color:#a8efd133}.app-header{height:auto;min-height:calc(64px + env(safe-area-inset-top));flex-shrink:0;padding:calc(8px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));gap:8px}.app-header .studio-name{flex:0 0 68px;min-width:0;font-size:12px;line-height:1.25;letter-spacing:-.3px}.app-header .header-project,.header-actions #export-button,.header-actions #share-project,#save-status{display:none}.header-actions{flex:1;min-width:0;justify-content:flex-end;flex-wrap:wrap;gap:4px}.header-actions .button{height:44px;min-width:44px;font-size:12px;padding:0 8px;gap:4px;justify-content:center}.header-actions .icon-button{width:44px;height:44px;flex-shrink:0;border-radius:7px}.header-actions #generate-button{display:inline-flex;width:44px;justify-content:center;padding:0;font-size:18px;flex-shrink:0}#generate-button span{display:none}.workspace,body.inspector-closed .workspace,body[data-viewer=true] .workspace,body.inspector-closed[data-viewer=true] .workspace{position:relative;flex:1;min-height:0;height:auto!important;grid-template-columns:56px minmax(0,1fr);margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}.library{display:none!important}.mobile-tool-rail{display:flex;flex-direction:column;gap:16px;align-items:center;min-height:0;padding:8px 5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:var(--panel);border-right:1px solid var(--line);z-index:4}.mobile-tool-rail .tool-tray{position:static;display:flex;flex-direction:column;flex-shrink:0;transform:none;width:44px;max-width:none;gap:3px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.mobile-tool-rail .tool-tray>button{flex:none;width:44px;min-width:44px;height:44px;border-radius:8px}.tool-tray button svg{width:21px;height:21px}.mobile-tool-rail .tool-divider{width:24px;height:1px;margin:4px auto}.mobile-tool-rail .panel-grip,.canvas-dock .panel-grip{display:none}.mobile-tool-rail .canvas-bottom{position:static;display:block;width:44px;margin-top:auto;flex-shrink:0}.mobile-tool-rail .zoom-controls{width:44px;display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent}.zoom-controls button,.zoom-controls #zoom-value{flex:none;height:44px;width:44px;min-width:44px;font-size:18px;background:#232630;border:1px solid #383f4d;border-radius:8px}.zoom-controls #zoom-value{font-size:11px}.zoom-controls span{width:24px;height:1px;margin:4px auto}.canvas-hint{display:none!important}.canvas-panel{min-width:0;min-height:0}#canvas{-webkit-touch-callout:none}.canvas-heading{top:10px;left:12px;right:10px;padding-right:0;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;align-items:center}.canvas-heading>div{min-width:0;max-width:none}.canvas-heading #canvas-pages{position:static;font-size:21px}.canvas-heading h1{font-size:18px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-heading .quiet{width:44px;height:44px;padding:0;justify-content:center;font-size:21px}.canvas-heading .quiet span{display:none}.canvas-dock{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:8px;z-index:4;pointer-events:none}.canvas-dock>*{pointer-events:auto}.canvas-dock .minimap{position:static;transform:none;width:100%;max-width:none;margin:0;padding:0 6px;background:#1c202bf5}.overview-header,.overview-header button{height:44px}.overview-title{font-size:11px;letter-spacing:1px}.overview-header [data-collapse]{width:44px;font-size:22px}.minimap svg{height:100px}.mobile-part-finder{display:block;position:relative;z-index:5}#find-part-button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;background:#272d39;border:1px solid #475465;border-radius:12px;box-shadow:0 6px 24px #0004;font-size:16px;text-align:left}#find-part-button svg{width:22px;height:22px;color:var(--accent)}#find-part-button>span:last-child{margin-left:auto;font-size:24px;color:var(--accent)}dialog.part-finder-panel{position:fixed;inset:auto;top:var(--visible-top,0px);left:0;right:0;bottom:auto;width:100%;max-width:none;height:var(--visible-height,100dvh);max-height:none;margin:0;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:0;background:var(--panel);color:var(--text);border:0;border-radius:0;box-shadow:none;overflow:hidden;overscroll-behavior:contain;scroll-padding:0}dialog.part-finder-panel::backdrop{background:var(--bg)}.finder-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:64px;font-size:18px;font-weight:600;padding:0;background:var(--panel)}.finder-heading button{width:44px;height:44px;font-size:24px}#mobile-part-search{width:100%;height:48px;min-height:48px;border:1px solid #4b596d;border-radius:8px;background:#121821;color:var(--text);padding:10px 12px;font-size:16px;flex-shrink:0}#mobile-part-results{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:12px;scrollbar-width:thin;scroll-padding:8px}.finder-result{display:flex;align-items:center;gap:10px;min-height:56px;width:100%;padding:7px 4px;text-align:left;border-bottom:1px solid #333d4d;font-size:14px}.finder-result[aria-selected=true],.finder-result:hover{background:#a8efd118;border-radius:6px}.finder-part-icon{flex:0 0 30px}.finder-part-icon svg{width:28px;height:28px}.finder-result>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}.finder-result small{display:block;color:#acb6ca;font-size:11px;line-height:1.4;margin-top:3px}.finder-result>span:last-child{font-size:23px;color:var(--accent);padding:0 6px}.finder-status{font-size:11px;color:#b3bfd2;margin:8px 4px;flex-shrink:0}.finder-create{display:flex;flex-direction:column;gap:4px;border-top:1px solid #445064;padding-top:6px;flex-shrink:0}.finder-create button{min-height:44px;text-align:left;font-size:14px;padding:8px;border-radius:6px}#finder-create-ai{color:#d2c2ff}#finder-create-new{color:var(--accent)}body[data-viewer=true] .mobile-part-finder{display:none}.inspector{position:fixed;inset:0;width:100%;height:var(--visible-height,100dvh);max-height:none;display:none;padding:0 max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-radius:0;z-index:30;overscroll-behavior:contain;scroll-padding-top:90px;box-shadow:none;font-size:14px}.inspector-header{position:sticky;top:0;z-index:2;flex-shrink:0;background:var(--panel);min-height:64px;padding-top:env(safe-area-inset-top);margin-bottom:16px;border-bottom:1px solid var(--line)}.inspector-header h2{font-size:18px}#close-inspector{width:44px;height:44px;font-size:28px}.inspector .field{font-size:13px}.inspector .section-label{font-size:11px}.inspector .field>input,.inspector .field>textarea,.inspector .field>select{font-size:16px;min-height:44px}.inspector .full-button,.inspector .connection-item,.inspector .inline-link{font-size:14px;min-height:44px}.inspector .selection-card strong{font-size:16px}.inspector .selection-card small,.inspector .small,.inspector .port-row strong{font-size:13px}.inspector .port-row span{font-size:12px}.inspector .pin-chip{font-size:12px;padding:6px}.inspector .inline-link{display:flex;align-items:center}.canvas-navigation{border-bottom:0}.status-bar{height:calc(44px + env(safe-area-inset-bottom));flex-shrink:0;gap:8px;padding:0 max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));font-size:10px}.status-bar .status-brand{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#project-stats{display:none}.status-links{gap:4px;font-size:11px}.status-links a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 4px}.project-update{flex-shrink:0;font-size:12px;padding:6px 8px;gap:8px}.project-update button{min-height:44px}.shared-loading{inset:0}#toast{width:calc(100vw - 24px);max-width:none;padding:8px 8px 8px 16px;gap:8px;font-size:14px;line-height:1.5}#toast>span{flex:1;overflow-wrap:anywhere}dialog{position:fixed;top:calc(12px + var(--visible-top,0px));bottom:auto;margin:0 auto;max-width:calc(100vw - 24px);max-height:calc(var(--visible-height,100dvh) - 24px);font-size:14px;scroll-padding-top:80px}dialog .button,dialog .full-button,dialog .inline-add,dialog .inline-link{min-height:44px;font-size:14px}dialog input:not([type=color]):not([type=checkbox]):not([type=range]),dialog select,dialog textarea{font-size:16px!important;min-height:44px}.dialog-heading,.designer-heading{position:sticky;top:0;z-index:5;background:inherit}.dialog-heading button,.designer-close{width:44px;min-width:44px;height:44px;font-size:28px}.part-designer{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:var(--visible-height,100dvh);max-height:var(--visible-height,100dvh);border:0;border-radius:0;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.part-designer .designer-heading{top:0;margin:0 0 16px;padding:calc(8px + env(safe-area-inset-top)) 0 8px;min-height:64px;background:#1b2330;border-bottom:1px solid #3b485c}.designer-heading h2{font-size:20px;overflow-wrap:anywhere}.designer-columns{grid-template-columns:minmax(0,1fr);gap:20px}.designer-stage{grid-column:auto}.designer-properties,.designer-connections{max-height:none;overflow:visible;padding:0}.designer-connector-list{max-height:none;overflow:visible}.designer-connector,.designer-quick-add button{min-height:44px;font-size:12px}.designer-pin-row{grid-template-columns:44px minmax(0,1fr) 44px}.designer-pin-row button,.designer-pin-row input[type=color],.color-field input[type=color]{width:44px;height:44px}.designer-properties .field,.designer-detail .field{font-size:13px}.part-designer .section-label{font-size:11px}.part-designer .designer-footer{position:sticky;bottom:0;z-index:4;margin:20px 0 0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:#1b2330;flex-direction:column;align-items:stretch;gap:8px}.designer-footer>span{max-width:none;font-size:12px}.designer-footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}}.header-project{min-width:0;gap:9px}.header-project #project-title,.header-project #canvas-title{min-width:0;max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;font-weight:550}.project-slash{color:#8994aa;flex:none}.header-project #canvas-title{color:#c5d1e5}.canvas-heading{top:16px;left:auto;right:18px;justify-content:flex-end;gap:10px;padding:0}.canvas-heading #canvas-pages{position:static}#view-options{opacity:1;color:#c7d1e3}#view-options[aria-pressed=true]{border-color:#7fc7af;background:#273b36;color:#ccf8e7}.canvas-bottom{z-index:3}.zoom-controls .panel-grip{display:grid;place-items:center;min-width:20px;width:20px;cursor:grab;touch-action:none;color:#a6b2c7}@media(min-width:561px){.canvas-heading .quiet{font-size:11px}.app-header .header-project{display:flex;min-width:0}}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){.app-header{flex-wrap:wrap}.app-header .header-project{display:flex;order:3;flex:1 0 100%;min-width:0;gap:8px;padding:2px 4px}.header-project #project-title,.header-project #canvas-title{font-size:12px;max-width:45%;flex:0 1 auto}.header-project .project-dot{width:5px;height:5px}.canvas-heading{display:flex;top:10px;left:auto;right:10px}.mobile-tool-rail .zoom-controls .panel-grip{display:none}}@media(min-width:561px){.tool-tray{top:auto;bottom:8px}.minimap{bottom:8px;right:8px}.canvas-bottom{bottom:8px;left:8px;right:auto}}#project-menu-button,#export-button{min-width:84px;justify-content:center;padding:0 12px}@media(min-width:561px)and (max-width:900px)and (min-height:501px),(min-width:561px)and (max-width:900px)and (pointer:fine){.tool-tray{gap:2px;padding:4px}.tool-tray button{width:27px;min-width:27px;height:30px}.tool-tray .panel-grip{width:16px;min-width:16px}.tool-divider{margin:0 1px}.minimap{width:131px}}dialog.part-finder-panel.compact-picker .finder-heading{min-height:48px}dialog.part-finder-panel.compact-picker .finder-create{flex-direction:row;gap:8px}dialog.part-finder-panel.compact-picker .finder-create button{flex:1;min-width:0;font-size:13px;line-height:1.35}.ai-symbol{width:22px;height:22px;flex:none;vertical-align:middle;pointer-events:none}.ai-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}.finder-create .ai-action,#prompt-launch.ai-action{justify-content:flex-start}#generation-title{display:flex;align-items:center;gap:10px}#generation-title .ai-symbol{color:#ccb9ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ai-launcher,.ai-composer{display:none}#generation-dialog:not([data-generation-state=compose]) .generation-compose{display:none}#generation-dialog .designer-heading{margin-bottom:24px}#generation-title:focus{outline:none}.generation-steps{display:flex;gap:30px;list-style:none;counter-reset:generation-step;padding:0;margin:0 0 24px;color:#a5b5cf;font-size:13px}.generation-steps li{display:flex;align-items:center;gap:8px;counter-increment:generation-step}.generation-steps li:before{content:counter(generation-step);display:grid;place-items:center;width:24px;height:24px;border:1px solid #59647a;border-radius:50%;font-size:12px}.generation-steps li[aria-current]{color:#e4d8fa;font-weight:600}.generation-steps li[aria-current]:before{background:#40374f;border-color:#baa6ef}.generation-request-summary{padding:16px 18px;border:1px solid #3b4559;background:#181f2b;border-radius:10px;margin-bottom:20px}.generation-task-label{display:block;color:#cbb9f2;font-size:13px}.generation-request-summary>strong{display:block;margin-top:7px;font-size:16px;overflow-wrap:anywhere;font-weight:550}.generation-request-summary details{margin-top:12px;color:#b9c5d8;font-size:13px;line-height:1.6}.generation-request-summary summary{cursor:pointer;width:fit-content;padding:4px 0}.generation-request-summary details p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;max-height:160px;overflow-y:auto}.generation-request-summary details ul{padding-left:20px;overflow-wrap:anywhere}#generation-dialog .generation-progress{min-height:180px;padding:24px 4px;gap:18px}#generation-dialog .generation-progress strong{font-size:17px;color:#e6ddf8;font-weight:550}#generation-dialog .generation-progress p{font-size:14px;line-height:1.6;margin-top:8px}#generation-dialog .generation-spinner{width:32px;height:32px;flex-shrink:0}#generation-signin{display:inline-block;margin-top:12px;font-size:14px}.generation-recovery{display:flex;justify-content:space-between;gap:12px;margin-top:24px}#generation-dialog[data-generation-state=cancelled] .generation-recovery{margin-top:32px}#generation-dialog .generated-actions{justify-content:space-between}#generation-dialog .generated-actions .button{justify-content:center}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){.header-actions #generate-button{display:none}.ai-launcher{position:fixed;right:max(10px,env(safe-area-inset-right));z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:56px;min-width:56px;height:56px;padding:4px;border:1px solid #c6b3f5;border-radius:50%;background:linear-gradient(145deg,#5e4880,#37324e);color:#f6f0ff;box-shadow:0 4px 20px #0007}.ai-launcher .ai-symbol{width:25px;height:25px}.ai-launcher>span{font-size:10px;font-weight:650;letter-spacing:1px;line-height:1.2}.ai-launcher:active{background:#786099}.ai-launcher:focus-visible{outline:3px solid var(--accent);outline-offset:3px}body[data-viewer=true] .ai-launcher{display:none}body.has-mobile-ai .mobile-part-finder{padding-right:68px}dialog.has-mobile-ai,.inspector.has-mobile-ai{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.has-mobile-ai>.designer-footer,.has-mobile-ai>.generation-footer{bottom:80px}.ai-composer[open]{display:block;position:fixed;left:12px;right:12px;top:calc(var(--visible-top,0px) + var(--visible-height,100dvh) - 8px);bottom:auto;transform:translateY(-100%);margin:0 auto;width:calc(100% - 24px);max-width:none;max-height:calc(var(--visible-height,100dvh) - 16px);padding:12px 16px max(12px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:1px solid #8b76ae;border-radius:22px;background:#202231;box-shadow:0 16px 70px #0009;scroll-padding:12px}.ai-composer::backdrop{background:#080b1370;backdrop-filter:blur(2px)}.ai-composer-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;background:transparent}.ai-composer-header>div{display:flex;align-items:center;gap:10px;color:#d6c4ff}.ai-composer-header h2{font-size:18px;line-height:1.3;margin:0;font-weight:600;letter-spacing:-.3px}#ai-minimize{width:44px;min-width:44px;height:44px;font-size:28px;color:#e3e3f2}.ai-target-label{font-size:11px;color:#b0b8cc;display:block;margin:2px 0 4px}#ai-target{width:100%;min-height:44px;margin:0;background:#161b26;border:1px solid #4b526b;border-radius:8px;padding:8px 10px;color:#f0eef8;font-size:16px;overflow:hidden;text-overflow:ellipsis}.ai-context-description{font-size:13px;color:#b9c3d8;line-height:1.5;margin:10px 0}.ai-suggestions{display:flex;gap:8px;margin:8px 0 12px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.ai-suggestions button{flex:0 0 auto;min-height:44px;max-width:260px;padding:8px 12px;background:#363145;border:1px solid #5e5178;border-radius:12px;font-size:13px;line-height:1.4;color:#e4d8fa;text-align:left}#ai-request{display:block;width:100%;min-height:80px;max-height:132px;resize:none;padding:12px;border:1px solid #7f709f;border-radius:12px;background:#141924;color:#f4f1fa;font-size:16px;line-height:1.5;scroll-margin:12px}.ai-request-cost{font-size:11px;line-height:1.5;color:#b9c3d8;margin:8px 0}.ai-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.ai-composer-footer>span{font-size:11px;color:#c4ccde;max-width:90px;line-height:1.4}#ai-request-send{min-height:48px;justify-content:center;font-size:14px;gap:7px;padding:0 12px;flex-shrink:0}.compact-composer .ai-context-description,.compact-composer .ai-suggestions,.compact-composer .ai-target-label,.compact-composer .ai-composer-footer>span{display:none}.compact-composer .ai-composer-header{margin:0}.compact-composer #ai-request{margin-top:8px;min-height:60px;max-height:80px;padding:8px 10px}.compact-composer .ai-request-cost{margin:6px 0}.compact-composer .ai-composer-footer{justify-content:flex-end;margin-top:6px}.compact-composer .ai-composer-header h2{font-size:16px}.generation-dialog{position:fixed;inset:auto;top:var(--visible-top,0px);left:0;right:0;margin:0;width:100%;max-width:none;height:var(--visible-height,100dvh);max-height:var(--visible-height,100dvh);border:0;border-radius:0;padding:0 max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:#1c2330;scroll-padding-top:90px}.generation-dialog .designer-heading{margin:0 0 16px;padding:calc(8px + env(safe-area-inset-top)) 0 8px;min-height:64px;border-bottom:1px solid #3a4355;background:#1c2330;gap:8px}.generation-dialog .designer-heading>div{min-width:0}.generation-dialog .designer-heading h2{font-size:19px}.generation-dialog .dialog-description{font-size:14px;line-height:1.65}.generation-dialog .field{font-size:14px}.generation-dialog .prompt-field textarea{min-height:100px;padding:12px}.generation-dialog .generation-examples button{min-height:44px;font-size:13px;border-radius:10px}.generation-dialog .generation-reference{font-size:13px;min-height:44px;gap:10px;align-items:center}.generation-dialog .generation-reference input{width:24px;height:24px;min-height:24px}.generation-dialog .generation-reference span{font-size:11px}.generation-dialog #generation-cost{font-size:12px;line-height:1.5;margin:12px 0}.generation-dialog .generation-footer{position:sticky;bottom:0;z-index:4;margin:12px 0 0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#1c2330;border-color:#3a4355;display:flex;gap:8px}.generation-dialog .generation-footer .button{flex:1;min-height:48px;justify-content:center;font-size:15px}.generation-dialog .generation-progress{flex-wrap:wrap;font-size:14px;align-items:flex-start;gap:12px}.generation-dialog .generation-progress>div{flex:1;min-width:160px}.generation-dialog .generation-progress strong{font-size:16px}.generation-dialog .generation-progress p{font-size:14px;line-height:1.6}.generation-dialog #generation-cancel{width:100%;margin:0;justify-content:center;min-height:48px}.generation-dialog #generated-result{margin:0;padding:0;border:0;background:transparent}.generation-dialog .generated-heading h3{font-size:18px}.generation-dialog .generated-heading>span{font-size:12px}.generation-dialog .generated-thumbnail svg{height:clamp(140px,35dvh,320px)}.generation-dialog .generated-actions{position:sticky;bottom:0;z-index:4;margin:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#1c2330;gap:8px}.generation-dialog .generated-actions .button{flex:1;min-height:48px;font-size:14px;justify-content:center}.generation-dialog .dialog-back{min-height:44px;display:flex;align-items:center;font-size:14px;padding:0;color:var(--accent)}.generation-dialog .error-message{font-size:14px;line-height:1.6;max-height:none}.generation-dialog.has-mobile-ai .generation-footer{bottom:80px}}@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none}}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){.part-designer.has-mobile-ai{padding-bottom:0}.part-designer.has-mobile-ai>.designer-footer{bottom:0;padding-right:72px;min-height:92px}.setup-dialog.has-mobile-ai{padding-bottom:0}.setup-dialog.has-mobile-ai>.generation-footer{bottom:0;padding-right:72px;min-height:80px}.setup-dialog .generation-footer .button{min-width:0;white-space:normal;line-height:1.4}dialog.part-finder-panel.has-mobile-ai{padding-bottom:max(12px,env(safe-area-inset-bottom))}.part-finder-panel.has-mobile-ai .finder-create{padding-right:72px;min-height:112px}.part-finder-panel.has-mobile-ai.compact-picker .finder-create{min-height:76px}#retry-ai-connection{min-height:44px;display:flex;align-items:center;font-size:14px}}.wire-pin-field{display:block;min-width:0}.wire-pin-field>span{display:none}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){.saved-project-row>.danger{width:44px;min-width:44px;min-height:44px}.selection-card>div:last-child{min-width:0}.selection-card strong{overflow-wrap:anywhere}.inspector .conductor-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:10px 0}.inspector .conductor-row input[type=color]{width:44px;height:44px}.inspector .conductor-row .wire-label{width:100%;min-width:0;height:44px;font-size:16px;padding:8px}.inspector .conductor-row small{grid-column:2;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.wire-edit-heading{display:none}.wire-edit-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;padding:12px;border:1px solid #414d63;border-radius:10px;background:#202735}.wire-edit-row>input[type=color]{grid-row:1;grid-column:1;width:44px;height:44px}.wire-edit-row>input:not([type=color]){grid-row:1;grid-column:2;min-height:44px;width:100%}.wire-edit-row>button{grid-row:1;grid-column:3;width:44px;height:44px}.wire-pin-field{grid-column:1/-1}.wire-pin-field>span{display:block;font-size:13px;color:#c5d0e5;margin-bottom:6px}.wire-pin-field select{width:100%;min-height:44px;padding:8px}#dialog .dialog-actions{position:sticky;bottom:0;z-index:4;background:#1c212d;padding:12px 0;margin-bottom:0}}@keyframes ai-reveal{0%{opacity:0;transform:translate(16px,-98%)}to{opacity:1;transform:translateY(-100%)}}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){.ai-composer[open]{animation:ai-reveal .18s ease-out}}@media(prefers-reduced-motion:reduce){.ai-composer[open]{animation:none}}.project-choice[data-new=ai] .ai-symbol{color:#ccb9ff}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){#generation-get-credits{min-height:44px;display:flex;align-items:center;font-size:14px}}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}#canvas [data-object=part]:focus-visible .part-body,#canvas .port-hit:focus-visible .port-ring{stroke:#eafcf2;stroke-width:3}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){#dialog.has-mobile-ai .dialog-actions{padding-right:72px;flex-wrap:wrap}#dialog.has-mobile-ai .dialog-actions .button{min-width:0;white-space:normal;line-height:1.4}}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){body[data-shared-loading=true] .ai-launcher{display:none}.shared-loading .button{min-height:44px;font-size:15px;padding:8px 16px}}@media(max-width:560px),(max-width:950px)and (max-height:500px)and (pointer:coarse){.ai-composer.tiny-composer[open]{padding-top:8px}.tiny-composer #ai-request{min-height:60px;max-height:60px}.tiny-composer .ai-request-cost{margin:4px 0}.tiny-composer .ai-composer-footer{margin-top:4px}}.discount-code{border-top:1px solid var(--border,#394252);padding-top:18px;margin-top:18px;color:#e5edf7}.discount-code summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.discount-code form{display:flex;gap:12px;align-items:end;margin:12px 0}.discount-code .field{flex:1}.discount-code input{font-size:16px;min-height:44px}.discount-code button{min-height:44px}.billing-success{color:#a8efd1}.preview-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 12px;font-size:14px;line-height:1.4}.preview-key{display:inline-flex;align-items:center;gap:6px;color:#c9d3e3}.preview-key i{font-style:normal;font-weight:700;display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:5px}.preview-key.added i{color:#8ff0c2}.preview-key.edited i{color:#ffd478}.preview-key.removed i{color:#ff98ac}.design-preview.has-changes [data-preview-change=unchanged]{opacity:.48}.design-preview [data-preview-change=removed]{opacity:.72}.design-preview [data-preview-change=removed] .preview-part,.design-preview [data-preview-change=removed] .preview-wall,.design-preview [data-preview-change=removed] .preview-cable{stroke-dasharray:5 4}.design-preview .preview-wall{stroke-linecap:round}.design-preview .preview-cable{stroke-linejoin:round;stroke-linecap:round}.generated-change-summary,.generated-description{font-size:16px;line-height:1.65;color:#e2e9f4;margin:18px 0 22px}.generated-change-summary h4{font-size:17px;line-height:1.4;margin:0 0 8px;color:#f0f4fb;font-weight:600}.generated-change-summary ul{padding-left:22px;margin:0}.generated-change-summary li{padding-left:2px;margin:6px 0}@media(max-width:560px){.generated-change-summary,.generated-description{font-size:17px;line-height:1.6}.preview-legend{font-size:14px}.generated-change-summary h4{font-size:18px}}#studio-startup{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#14171f;color:#edf3fc;text-align:center;padding:24px}#studio-startup h1{font-size:28px;line-height:1.2;margin:0}#studio-startup p{font-size:16px;line-height:1.5;color:#b9c5d9;margin:0}.studio-starting>.app-header,.studio-starting>.workspace,.studio-starting>.status-bar{visibility:hidden}.project-manager .projects-welcome{padding:22px;background:#222b3b;border:1px solid #47576e;border-radius:14px}.project-manager .projects-welcome h3{font-size:30px;line-height:1.2;margin:0 0 12px;color:#f2f6fc}.project-manager .projects-welcome>p{font-size:16px;line-height:1.6;margin-bottom:18px;color:#c5d0e2}.project-manager .welcome-examples .example-project{min-height:132px;padding:18px;gap:14px;text-align:left;align-items:center;background:#18222f}.project-manager .welcome-examples .example-project>svg{width:38px;height:38px}.project-manager .welcome-examples .example-project strong{font-size:17px;line-height:1.35}.project-manager .welcome-examples .example-project small{font-size:14px;line-height:1.5}@media(max-width:650px){.project-manager .projects-welcome{padding:18px}.project-manager .projects-welcome h3{font-size:27px}.project-manager .welcome-examples .example-project{min-height:120px;padding:16px}.project-manager .welcome-examples .example-projects{grid-template-columns:1fr;gap:12px}}.setup-dialog[hidden]{display:none!important}.generation-dialog .credit-action{font-size:16px;line-height:1.4;min-height:44px;height:auto;padding:10px 16px;margin-top:12px}#selected-cable-segment{min-height:40px}.inspector input[type=color][data-field=color]{height:40px;padding:4px;width:100%}.ground-symbol text{font-family:var(--font-sans)}.wire-color-control{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.conductor-row{grid-template-columns:54px minmax(60px,1fr) minmax(65px,1fr)}.conductor-row .wire-preset{grid-column:2/-1;min-width:0;width:100%;padding:7px;background:var(--surface,#1c202b);color:var(--text,#dce5f3);border:1px solid var(--border,#394050);border-radius:6px;font:inherit;font-size:12px}.breakout-wires{margin-top:20px}.breakout-swatch{display:inline-block;width:12px;height:12px;border:1px solid #8995a8;border-radius:3px;margin-right:8px;vertical-align:middle}.routing-notice{border-left:2px solid var(--brand-warning);padding:8px 10px;color:#edc879;font-size:12px;line-height:1.5}