@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#293b32;background:#fafaf7;font-synthesis:none;--green:#28644e;--green-light:#eaf1e9;--muted:#7b847d;--border:#e5e8df;--surface:#fff;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0;transition:background .16s,color .16s,box-shadow .16s}button:active{filter:brightness(.95)}button:disabled{opacity:.32;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #d5a840;outline-offset:3px}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}button,input{min-width:0}.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-header{height:88px;flex-shrink:0;display:flex;align-items:center;gap:var(--space-32);padding:0 var(--space-24);border-bottom:1px solid var(--border);background:var(--surface);z-index:10}.brand{display:flex;align-items:center;gap:var(--space-12);min-width:238px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--green);color:#fff}.brand>span:last-child{font-size:24px;font-weight:700;letter-spacing:-1px;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.6px;font-weight:500;margin-top:var(--space-8);color:#788078}.header-divider{height:32px;width:1px;background:var(--border)}.project-name{display:flex;flex-direction:column;gap:var(--space-4);min-width:170px}.project-name input{border:1px solid transparent;border-radius:5px;background:none;font-weight:600;font-size:14px;width:240px;padding:var(--space-4)}.project-name input:hover{border-color:var(--border)}.save-status{display:flex;align-items:center;gap:var(--space-4);color:#7c887e;font-size:10px;padding-left:var(--space-4)}.save-status.error{color:#b14836}.header-actions{display:flex;align-items:center;gap:var(--space-16);margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:42px;border-radius:8px;padding:var(--space-8) var(--space-16);font-size:12px;font-weight:500;white-space:nowrap}.button.primary{background:var(--green);color:#fff;box-shadow:0 2px 3px #1e473715}.button.primary:hover{background:#1a503c}.button.subtle{border:1px solid var(--border);background:#fff}.button.subtle:hover{background:#f2f5ef}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:7px;color:#7a857c}.icon-button:hover:not(:disabled){background:#edf1e9;color:#28583e}.icon-button.active{color:#fff;background:var(--green)}.icon-button.enabled{color:var(--green);background:#edf3e9}.export-wrap{position:relative}.export-menu{position:absolute;top:50px;right:0;width:256px;padding:var(--space-8);border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 10px 30px #2c44351a}.export-menu button{width:100%;display:flex;gap:var(--space-12);align-items:center;text-align:left;padding:var(--space-12);font-size:12px;border-radius:6px}.export-menu button:hover{background:var(--green-light)}.workspace{display:flex;flex:1;min-height:0}.library{display:flex;flex-direction:column;width:288px;flex-shrink:0;border-right:1px solid var(--border);background:#fff;z-index:4}.library-tabs{display:flex;min-height:57px;border-bottom:1px solid var(--border);padding:0 var(--space-16);gap:var(--space-16)}.library-tabs button{display:flex;align-items:center;justify-content:center;gap:var(--space-8);position:relative;flex:1;color:var(--muted);font-size:12px}.library-tabs button.active{color:var(--green);font-weight:600}.library-tabs button.active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--green)}.library-intro{padding:var(--space-24) var(--space-24) var(--space-16)}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#909a8e}.library-intro h1{font-size:15px;font-weight:600;letter-spacing:.1px;margin-top:var(--space-12)}.library-intro p{font-size:11px;color:#8a9189;margin-top:var(--space-8)}.search-field{display:flex;align-items:center;gap:var(--space-8);margin:var(--space-8) var(--space-24) var(--space-16);padding:var(--space-8) var(--space-12);border:1px solid var(--border);border-radius:8px;color:#939b91;background:#fcfdfb;min-height:40px}.search-field input{border:0;background:transparent;width:100%;font-size:11px;outline-offset:8px}.search-field input::placeholder{color:#939b91}.categories{display:flex;flex-wrap:wrap;padding:0 var(--space-24);gap:var(--space-8)}.categories button{font-size:10px;padding:var(--space-4) var(--space-12);border:1px solid var(--border);border-radius:20px;min-height:29px;color:#7a847a}.categories button.active{color:var(--green);border-color:#d8e6d6;background:#edf4e9;font-weight:600}.categories button:hover{background:#f0f4ec}.catalog-heading{display:flex;justify-content:space-between;align-items:center;color:#7a8378;font-size:10px;padding:var(--space-24) var(--space-24) var(--space-12)}.catalog-heading span:last-child{color:#9ca599;font-size:9px}.part-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding:0 var(--space-24) var(--space-24);overflow-y:auto;align-content:start;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#dfe5d9 transparent}.part-card{text-align:left;display:flex;flex-direction:column;border:1px solid #e5e9df;border-radius:10px;overflow:hidden;padding:0 0 var(--space-12);min-height:148px;background:#fff;position:relative}.part-card:hover{border-color:#85ad88;box-shadow:0 3px 10px #3256350d}.part-art{height:72px;background:#f5f7f0;position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-12);margin-bottom:var(--space-8)}.part-art svg{width:100%;height:100%;max-width:88px;transform:rotate(-18deg)}.add-part{position:absolute;right:6px;top:6px;color:#92a28f;display:grid;place-items:center;opacity:0;background:#fff;border-radius:50%;width:20px;height:20px}.part-card:hover .add-part{opacity:1}.part-card .part-code{font-size:9px;color:#8d9588;padding:0 var(--space-8);letter-spacing:.4px}.part-card strong{font-size:10px;font-weight:500;padding:var(--space-4) var(--space-8) 0;line-height:1.6;letter-spacing:-.3px}.part-meta{color:#92998e;font-size:9px;padding:var(--space-4) var(--space-8) 0}.library-footer{margin-top:auto;padding:var(--space-16) var(--space-24);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-8);background:#fff}.library-footer a{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#687663}.library-footer a:hover{color:var(--green);text-decoration:underline}.library-footer>span{font-size:8px;color:#929c8d;white-space:nowrap}.canvas-area{flex:1;min-width:0;position:relative;overflow:hidden;background:#f6f7f2}.layout-svg{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-user-select:none;user-select:none}.layout-svg.hand-mode{cursor:grab}.layout-svg:active{cursor:grabbing}.placed-rail{cursor:grab;outline-offset:8px}.hand-mode .placed-rail{cursor:grab}.placed-rail:hover{filter:brightness(1.045)}.canvas-title{position:absolute;left:var(--space-24);top:var(--space-24);z-index:2;display:flex;flex-direction:column;gap:var(--space-8);pointer-events:none}.canvas-label{display:flex;align-items:center;gap:var(--space-8);color:#717e6e;font-size:9px;font-weight:500;letter-spacing:1.3px}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#629775;flex-shrink:0}.canvas-title>span:last-child{font-size:10px;color:#9aa391;letter-spacing:.5px}.floating-toolbar{position:absolute;top:var(--space-24);left:50%;transform:translate(-50%);padding:var(--space-8);display:flex;align-items:center;gap:var(--space-4);background:#ffffffed;border:1px solid #e6eadf;border-radius:12px;box-shadow:0 3px 10px #3b51360b;z-index:3}.floating-toolbar i,.zoom-control i{height:20px;width:1px;background:var(--border);margin:0 var(--space-4)}.canvas-bottom{position:absolute;bottom:var(--space-24);left:var(--space-24);right:var(--space-24);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);pointer-events:none}.canvas-tip{display:flex;align-items:center;gap:var(--space-8);font-size:9px;color:#8a9685;max-width:290px;line-height:1.8}.canvas-tip svg{flex-shrink:0}.zoom-control{display:flex;align-items:center;gap:var(--space-4);background:#fff;border:1px solid var(--border);box-shadow:0 2px 8px #233d2308;border-radius:9px;padding:var(--space-4);pointer-events:auto}.zoom-control>span{width:36px;font-size:10px;text-align:center;color:#5a6959;font-variant-numeric:tabular-nums}.zoom-control .icon-button{width:30px;height:32px}.selection-bar{display:flex;align-items:center;gap:var(--space-8);position:absolute;bottom:90px;left:50%;transform:translate(-50%);padding:var(--space-8);border:1px solid #e8d7aa;background:#fffdf8;box-shadow:0 4px 20px #3d462312;border-radius:10px;z-index:3;white-space:nowrap}.selection-bar>span{font-size:11px;padding:0 var(--space-12);border-right:1px solid #e6deca}.danger:hover{color:#bc604c!important;background:#faefeb!important}.inspector{width:280px;border-left:1px solid var(--border);background:#fff;flex-shrink:0;overflow-y:auto;scrollbar-width:thin;z-index:4;display:flex;flex-direction:column}.inspector-title{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-24);border-bottom:1px solid var(--border);font-size:12px;font-weight:500}.view-badge{font-size:9px;font-weight:400;padding:var(--space-4) var(--space-8);background:#f1f4ed;border-radius:5px;color:#7a8973}.overview{padding:var(--space-24)}.overview h2{font-size:20px;line-height:1.65;letter-spacing:.8px;font-weight:500;margin-top:var(--space-12);margin-bottom:var(--space-24)}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.summary-stats>div{display:flex;flex-direction:column;gap:var(--space-8)}.summary-stats svg{color:#849879}.summary-stats strong{font-size:30px;font-weight:500;line-height:1.1;color:#315540;letter-spacing:-1px}.summary-stats strong small{font-size:11px;letter-spacing:0;padding-left:var(--space-8);font-weight:400;color:#8d9988}.summary-stats span{font-size:9px;color:#8b9586}.size-line{display:flex;justify-content:space-between;gap:var(--space-8);font-size:9px;padding:var(--space-16) 0;margin-top:var(--space-8)}.size-line>span{color:#86907f}.size-line strong{font-weight:500;font-size:10px;color:#62745b}.connection-status{display:flex;align-items:center;gap:var(--space-8);background:#edf4e9;border:1px solid #e2ebd9;padding:var(--space-12);border-radius:8px;color:#548054}.connection-status>span{display:flex;flex-shrink:0}.connection-status strong{font-size:9px;font-weight:500;display:block}.connection-status small{font-size:8px;color:#90a084;display:block;margin-top:var(--space-4);line-height:1.5}.connection-status.incomplete{background:#fbf6e9;border-color:#efe7cc;color:#947632}.connection-status.incomplete small{color:#a79870}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.section-heading h3{font-size:11px;font-weight:500}.section-heading>span{color:#8b9685;font-size:9px}.parts-summary{padding:var(--space-24);border-top:1px solid var(--border)}.used-parts{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-24)}.used-part{display:flex;align-items:center;gap:var(--space-12)}.used-thumb{width:40px;height:36px;flex-shrink:0;padding:var(--space-4);background:#f4f6ef;border-radius:6px;display:flex}.used-thumb svg{width:100%;height:100%;transform:rotate(-15deg)}.used-part>div:nth-child(2){display:flex;flex-direction:column;gap:var(--space-4)}.used-part strong{font-size:10px;font-weight:500}.used-part span{font-size:9px;color:#939c8c}.used-part>b{font-size:12px;font-weight:500;margin-left:auto;white-space:nowrap}.used-part small{font-size:9px;font-weight:400;color:#8b9685}.parts-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e1e5d9;margin-top:var(--space-24);padding-top:var(--space-16);font-size:10px;color:#6c7965}.parts-total strong{font-size:16px;font-weight:500;color:#3a5433}.parts-total small{font-size:10px;font-weight:400}.mini-map{padding:var(--space-16) var(--space-24);border-top:1px solid var(--border)}.mini-map-art{width:100%;height:128px;background:#f4f6ee;border:1px solid #e6ebde;border-radius:10px;padding:var(--space-8);display:flex;align-items:center;justify-content:center;margin-top:var(--space-8)}.mini-map-art:hover{background:#edf2e5}.mini-map-art>svg{width:100%;height:100%}.inspector-note{display:flex;gap:var(--space-8);padding:var(--space-24);margin-top:auto;color:#819176;background:#fafbf7;border-top:1px solid #eff1e8}.inspector-note>svg{flex-shrink:0}.inspector-note p{font-size:9px;line-height:1.8}.inspector-note span{display:inline-block;font-size:8px;line-height:1.7;color:#959e8b;margin-top:var(--space-8)}.selected-detail{padding:var(--space-16) var(--space-24);border-top:1px solid var(--border);background:#fffdf7}.selected-part{display:flex;align-items:center;gap:var(--space-12);margin-top:var(--space-8)}.selected-part>svg{width:56px;height:48px;background:#f6f4e9;padding:var(--space-8);border-radius:7px}.selected-part>div{display:flex;flex-direction:column;gap:var(--space-4)}.selected-part span{font-size:9px;color:#a2946d}.selected-part strong{font-weight:500;font-size:11px}.selected-detail p{font-size:10px;color:#958c74;line-height:1.7;margin-top:var(--space-12)}.angle-field{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:var(--space-16);color:#887c60}.angle-field select{padding:var(--space-8) var(--space-12);background:#fff;border:1px solid #e6dfce;border-radius:6px;font-size:12px}.status-bar{display:flex;align-items:center;justify-content:space-between;min-height:31px;flex-shrink:0;padding:0 var(--space-24);background:#fff;border-top:1px solid var(--border);font-size:9px;color:#919b89}.status-bar>span{display:flex;align-items:center;gap:var(--space-8)}.status-bar>div{display:flex;align-items:center;gap:var(--space-24)}.status-bar>div>span:last-child{font-size:8px;letter-spacing:1.3px}.templates{padding:var(--space-24);flex:1;overflow:auto}.templates h2{font-size:16px;margin-top:var(--space-12);font-weight:500}.templates>p{font-size:10px;color:var(--muted);margin-top:var(--space-8)}.template-card{position:relative;width:100%;display:flex;flex-direction:column;text-align:left;gap:var(--space-8);border:1px solid var(--border);border-radius:10px;padding:var(--space-16);margin-top:var(--space-24)}.template-card:hover{border-color:#87a881;background:#fafcf6}.template-card>svg:first-child{width:100%;height:110px;background:#f4f6ee;border-radius:6px}.template-card strong{font-size:12px;font-weight:500}.template-card span{font-size:9px;color:var(--muted)}.template-card>svg:last-child{position:absolute;bottom:16px;right:12px;color:#829378}.blank-template{width:100%;border:1px dashed #d0dac8;margin-top:var(--space-24);color:#638157}.canvas-empty{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;width:280px;pointer-events:none}.canvas-empty>div{width:72px;height:72px;background:#e9eee1;border-radius:24px;display:grid;place-items:center;margin:0 auto var(--space-24);color:#749369}.canvas-empty h2{font-size:24px;font-weight:500}.canvas-empty p{font-size:12px;color:#8d9985;line-height:1.9;margin-top:var(--space-16)}.canvas-empty button{pointer-events:auto;margin-top:var(--space-24)}.search-empty{grid-column:1/-1;line-height:1.8;font-size:12px;color:var(--muted);padding:var(--space-24) 0}.search-empty button{display:block;color:var(--green);text-decoration:underline;margin-top:var(--space-12)}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);background:#294e3e;color:#fff;border-radius:10px;box-shadow:0 4px 24px #17392425;max-width:90vw;font-size:12px}.toast button{color:#fff;display:flex}.mobile-nav{display:none}dialog{border:1px solid var(--border);border-radius:16px;max-width:540px;width:calc(100% - 32px);padding:0;color:#334831;box-shadow:0 20px 100px #162c3530}dialog::backdrop{background:#263b3260;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-content{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-32)}.help-content h2{font-weight:500;font-size:20px}.help-content p{font-size:12px;line-height:1.9}.help-content a{color:var(--green);font-size:11px;text-decoration:underline}.muted{color:#899580;font-size:11px;line-height:1.8}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12) var(--space-24);font-size:11px}.shortcuts>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}kbd{font:10px DM Sans,sans-serif;border:1px solid #e0e5d8;background:#f6f8f0;border-radius:4px;padding:var(--space-4) var(--space-8);white-space:nowrap}@media(min-width:1600px){.library{width:320px}.inspector{width:300px}.part-art{height:92px}.part-card strong{font-size:11px}.part-card{min-height:167px}.canvas-title{left:var(--space-32);top:var(--space-32)}}@media(max-width:1250px){.library{width:256px}.inspector{width:248px}.app-header{gap:var(--space-16)}.brand{min-width:210px}.brand>span:last-child{font-size:22px}.header-divider{display:none}.canvas-title>span:last-child{display:none}.canvas-title{top:90px}.floating-toolbar{top:var(--space-16)}.canvas-tip{display:none}.canvas-bottom{justify-content:flex-end}.overview,.parts-summary,.mini-map{padding:var(--space-16)}.overview h2{font-size:18px}.library-intro,.templates{padding:var(--space-24) var(--space-16) var(--space-16)}.search-field{margin-left:var(--space-16);margin-right:var(--space-16)}.categories{padding:0 var(--space-16)}.catalog-heading,.part-grid{padding-left:var(--space-16);padding-right:var(--space-16)}.library-footer{padding:var(--space-16)}.project-name input{width:200px}}@media(max-width:1050px){.inspector{display:none}.inspector.mobile-open{display:flex;position:absolute;right:0;top:88px;bottom:31px;width:280px;box-shadow:-10px 0 40px #23412615}.header-actions{gap:var(--space-8)}.project-name{min-width:120px}.project-name input{width:175px}.header-actions>.icon-button{display:none}.brand{min-width:195px}.status-bar{font-size:8px}.status-bar>div{gap:var(--space-16)}}@media(max-width:700px){.app-header{height:72px;padding:0 var(--space-16);gap:var(--space-8)}.brand{min-width:0}.brand-icon{width:36px;height:36px;border-radius:11px}.brand-icon svg{width:21px}.brand>span:last-child{font-size:18px;letter-spacing:-.7px}.brand small{font-size:7px;letter-spacing:0;margin-top:var(--space-4)}.project-name{display:none}.header-actions{gap:var(--space-8)}.button{padding:var(--space-8) var(--space-12);min-height:40px}.import-button{width:40px;padding:0!important}.import-button span{display:none}.header-actions>.icon-button{display:none}.export-wrap .button{gap:var(--space-8);font-size:10px}.export-wrap .button>svg:last-child{display:none}.library{display:none;position:absolute;top:72px;bottom:64px;left:0;width:264px;box-shadow:12px 0 36px #3a4c3610}.library.mobile-open{display:flex}.inspector.mobile-open{top:72px;bottom:64px}.floating-toolbar{gap:var(--space-4);padding:var(--space-8);max-width:calc(100% - 24px);top:var(--space-16)}.floating-toolbar .icon-button{width:32px;height:36px}.floating-toolbar i{margin:0 2px}.canvas-title{left:var(--space-16);top:88px}.canvas-title>span:last-child{display:block}.canvas-bottom{bottom:var(--space-16);left:var(--space-16);right:var(--space-16)}.zoom-control .icon-button{width:36px;height:36px}.mobile-nav{display:flex;justify-content:space-around;align-items:center;flex-shrink:0;height:64px;background:#fff;z-index:8;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{height:48px;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);font-size:9px;min-width:72px;color:#8a9882;border-radius:8px}.mobile-nav button.active{color:var(--green);background:#f1f5ec}.status-bar{display:none}.selection-bar{gap:var(--space-4);bottom:80px;max-width:calc(100% - 24px)}.selection-bar>span{font-size:9px;padding:0 var(--space-8);max-width:110px;overflow:hidden;text-overflow:ellipsis}.selection-bar .icon-button{width:36px;height:40px}.toast{bottom:144px;font-size:11px}.help-content{padding:var(--space-24);gap:var(--space-16)}.shortcuts{grid-template-columns:1fr}.help-content h2{font-size:17px}.search-field input,.angle-field select,.project-name input{font-size:16px}.categories button{min-height:36px}.library-tabs button{min-height:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.inspector-toggle,.mobile-project-name{display:none}@media(min-width:701px)and (max-width:1050px){.header-actions>.inspector-toggle{display:inline-flex}}@media(max-width:700px){.mobile-project-name{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);font-size:10px;color:#6b7c61;border-bottom:1px solid var(--border)}.mobile-project-name input{font-size:16px;padding:var(--space-8);border:1px solid var(--border);border-radius:6px;width:100%}}.view-switch{position:absolute;right:24px;top:24px;z-index:5;display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 2px 8px #233d2308}.view-switch button{min-height:36px;padding:8px 12px;display:flex;gap:8px;align-items:center;font-size:11px;border-radius:6px;color:#718269}.view-switch button[aria-pressed=true]{background:var(--green);color:#fff}.elevation-panel{position:absolute;right:24px;top:88px;z-index:4;background:#ffffffed;border:1px solid var(--border);border-radius:10px;padding:12px;width:200px;box-shadow:0 3px 12px #2c47320a}.height-controls{display:flex;flex-direction:column;gap:12px}.height-controls label{display:flex;flex-direction:column;gap:8px}.height-controls label>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#738269}.height-controls select,.height-filter select{padding:8px;border:1px solid #dce4d5;border-radius:6px;color:#415a37;background:#fafbf7;font-size:12px;width:100%}.height-controls p{font-size:9px;line-height:1.7;color:#85917a}.height-filter{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#738269;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.support-toggle{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:12px;color:#78876d;cursor:pointer}.support-toggle input{accent-color:var(--green);width:16px;height:16px}.scene-3d{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene-3d canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.scene-3d canvas:active{cursor:grabbing}.scene-loading,.scene-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;text-align:center;color:#6d8063;font-size:12px}.scene-error{background:#f6f7f2}.scene-error h2{font-size:18px}.mode-3d .floating-toolbar>.icon-button:nth-child(-n+2),.mode-3d .floating-toolbar>i:first-of-type{display:none}.mode-3d .canvas-tip{max-width:400px}.canvas-area>.floating-toolbar{left:24px;transform:none;top:88px}.canvas-area>.canvas-title{top:24px}.canvas-area>.canvas-title>span:last-child{display:block}@media(max-width:1250px){.view-switch{right:16px;top:16px}.canvas-area>.floating-toolbar{left:16px;top:80px}.elevation-panel{right:16px;top:136px;width:182px}.canvas-area>.canvas-title{top:20px;left:16px}.canvas-area>.canvas-title>span:last-child{display:none}}@media(max-width:700px){.view-switch{top:16px;right:16px}.view-switch button{min-height:36px;font-size:10px;padding:8px}.canvas-area>.canvas-title{top:32px;left:16px}.canvas-area>.canvas-title .canvas-label{font-size:8px;letter-spacing:.5px}.canvas-area>.floating-toolbar{top:76px;left:16px}.elevation-panel{top:136px;left:16px;right:16px;width:auto;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.height-controls{display:contents}.height-controls label{gap:4px}.height-controls label>span{font-size:10px}.height-controls select,.height-filter select{font-size:16px;min-height:40px}.height-controls p{display:none}.height-filter{border:0;margin:0;padding:0;gap:4px;grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.height-filter select{max-width:190px;font-size:12px;min-height:32px;padding:4px 8px}.support-toggle{grid-column:1/-1;margin:0;font-size:10px}.canvas-area>.canvas-bottom{bottom:16px}.scene-loading,.scene-error{padding-top:280px}.scene-error h2{font-size:15px}}.height-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.height-panel-header strong{font-size:11px;font-weight:500}.height-panel-header .icon-button{width:36px;height:36px}.mode-3d .floating-toolbar>.icon-button:nth-child(-n+2){display:inline-flex}.mode-3d .floating-toolbar>i:first-of-type{display:block}@media(max-width:700px){.height-panel-header{grid-column:1/-1;margin-bottom:0}.height-panel-header .icon-button{height:40px;width:40px}.selection-bar>span{max-width:84px;padding:0 4px}.selection-bar{gap:4px;padding:8px}.selection-bar .icon-button{width:36px}.mode-3d .canvas-tip{display:none}}@media(max-width:700px){.toast{bottom:calc(216px + env(safe-area-inset-bottom));padding:12px 16px}}.selection-bar{display:flex;flex-direction:column;align-items:stretch;width:330px;max-width:calc(100% - 32px);gap:8px;padding:12px;bottom:80px;max-height:calc(100% - 220px);overflow:auto}.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.selection-heading strong{font-size:12px;font-weight:600}.selection-heading .icon-button{width:28px;height:28px}.selection-fields{display:flex;gap:12px;flex-wrap:wrap}.selection-fields>label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.selection-fields>.bend-select{flex-basis:100%}.selection-fields label>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#738269}.selection-fields select{width:100%;min-height:38px;padding:6px 8px;border:1px solid #dce4d5;border-radius:6px;color:#415a37;background:#fafbf7;font-size:12px}.selection-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.selection-actions .icon-button{width:38px;height:36px}.connection-hint{font-size:10px;line-height:1.6;padding:8px 10px;background:#fff5df;border-radius:7px;color:#806129}.connection-hint button{display:block;text-decoration:underline;color:#28644e;padding:4px 0;text-align:left;min-height:30px}.rail-port{cursor:pointer}.rail-port:focus{outline:none;stroke:#28644e}@media(max-width:700px){.selection-bar{bottom:76px;width:330px;padding:10px;gap:6px}.selection-fields select{font-size:16px;min-height:40px}.selection-heading strong{font-size:11px}.selection-fields label>span{font-size:9px}.selection-actions .icon-button{height:36px}.toast{bottom:auto;top:132px}.height-controls .rail-height-select{display:flex}.elevation-panel .height-controls p{display:block;grid-column:1/-1}}.dream-templates{margin-top:var(--space-32)}.dream-templates h3,.original-templates-heading{font-size:13px;font-weight:600}.dream-templates p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:var(--space-8)}.dream-templates .template-card{margin-top:var(--space-16)}.template-card .dream-number{color:var(--green);font-size:11px;font-weight:700}.template-links{display:flex;justify-content:space-between;gap:var(--space-8);padding:0 var(--space-8)}.template-links a{display:flex;align-items:center;min-height:44px;color:var(--green);font-size:10px;text-decoration:underline;text-underline-offset:3px}.template-links a:hover{color:#173c2f}.dream-templates .template-note{padding:var(--space-12);background:#f5f7f0;border-radius:8px}.original-templates-heading{margin-top:var(--space-32)}.endpoint-heights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-12);flex-basis:100%}.endpoint-heights>label{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.scene-endpoint-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.scene-endpoint-label{position:absolute;transform:translate(-50%,-100%);padding:2px 6px;border-radius:4px;border:1px solid #b3cbb5;background:#fffffff0;color:var(--green);font-size:10px;white-space:nowrap}.tablet-edit-hint,.tablet-action-label{display:none}.tablet .app-header{height:72px;padding:0 20px;gap:16px}.tablet .brand{min-width:190px}.tablet .brand>span:last-child{font-size:21px}.tablet .header-actions>.icon-button,.tablet .header-divider{display:none}.tablet .project-name{min-width:0;flex:1}.tablet .project-name input{font-size:16px;width:100%;max-width:250px}.tablet .workspace{position:relative}.tablet .library,.tablet .inspector{display:none;position:relative;inset:auto;width:288px;flex:0 0 288px;box-shadow:none}.tablet .library.mobile-open,.tablet .inspector.mobile-open{display:flex;position:relative;inset:auto;width:288px}.tablet .workspace>.selection-bar,.tablet .workspace>.elevation-panel{position:relative;inset:auto;transform:none;align-self:stretch;flex:0 0 288px;width:288px;max-width:none;max-height:none;margin:0;padding:16px;overflow:auto;border:0;border-left:1px solid var(--border);border-radius:0;box-shadow:none;z-index:4}.tablet .workspace>.selection-bar{justify-content:flex-start;gap:16px;background:#fffdf8}.tablet .workspace>.elevation-panel{background:#fff}.tablet .selection-heading strong{font-size:14px;line-height:1.5}.tablet .tablet-edit-hint{display:block;font-size:12px;white-space:normal;line-height:1.8;color:#6c7c66}.tablet .selection-fields{gap:16px}.tablet .selection-fields label>span{font-size:12px}.tablet .selection-fields select,.tablet .height-controls select,.tablet .height-filter select{min-height:48px;font-size:16px;padding:8px}.tablet .endpoint-heights{gap:16px 8px}.tablet .selection-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tablet .selection-actions .icon-button{width:100%;height:64px;flex-direction:column;gap:6px;background:#f0f4eb}.tablet .tablet-action-label{display:block;font-size:11px;white-space:nowrap}.tablet .connection-hint{white-space:normal;font-size:12px}.tablet .connection-hint button{min-height:44px}.tablet .icon-button,.tablet .height-panel-header .icon-button,.tablet .selection-heading .icon-button{min-width:44px;min-height:44px}.tablet .canvas-area>.canvas-title{left:16px;top:16px;gap:6px}.tablet .canvas-area>.canvas-title>span:last-child{display:block;font-size:11px}.tablet .canvas-label{font-size:9px}.tablet .view-switch{top:16px;right:16px;padding:4px}.tablet .view-switch button{min-height:44px;font-size:12px;padding:8px 12px}.tablet .canvas-area>.floating-toolbar{left:16px;top:80px;display:grid;grid-template-columns:repeat(7,44px);gap:4px;padding:8px;max-width:calc(100% - 32px);overflow-x:auto}.tablet .floating-toolbar .icon-button{width:44px;height:44px}.tablet .floating-toolbar i{display:none!important}.tablet .canvas-area>.canvas-bottom{bottom:16px;left:16px;right:16px}.tablet .canvas-tip{display:none}.tablet .zoom-control .icon-button{width:44px;height:44px}.tablet .zoom-control>span{font-size:12px}.tablet .mobile-nav{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;min-height:64px;padding:4px 16px max(4px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border);z-index:8}.tablet .mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:104px;min-height:52px;font-size:12px;border-radius:8px;color:#62745b}.tablet .mobile-nav button.active{background:var(--green-light);color:var(--green);font-weight:600}.tablet .status-bar{display:none}.tablet .library-tabs{padding:0 16px;gap:16px;min-height:56px}.tablet .library-tabs button{font-size:13px;white-space:nowrap}.tablet .library-intro{padding:16px}.tablet .library-intro .eyebrow,.tablet .library-intro p{display:none}.tablet .library-intro h1{margin:0;font-size:14px}.tablet .search-field{min-height:48px;margin:0 16px 12px}.tablet .search-field input{font-size:16px}.tablet .categories{gap:8px;padding:0 16px}.tablet .categories button{min-height:44px;font-size:12px;padding:8px 12px}.tablet .catalog-heading{padding:12px 16px;font-size:11px}.tablet .part-grid{padding:0 16px 16px;gap:12px;overscroll-behavior:contain}.tablet .part-card strong{font-size:12px}.tablet .part-card .part-code,.tablet .part-meta{font-size:10px}.tablet .library-footer{padding:12px 16px}.tablet .library-footer>span{display:none}.tablet .library-footer a{min-height:32px;font-size:10px}.tablet .template-card strong{font-size:13px}.tablet .template-card span,.tablet .templates p,.tablet .template-links a{font-size:11px}.tablet .templates{overscroll-behavior:contain}.tablet .height-controls label>span,.tablet .height-filter,.tablet .support-toggle{font-size:12px}.tablet .height-controls p{font-size:11px;white-space:normal}.tablet .support-toggle{min-height:44px}.tablet .support-toggle input{width:24px;height:24px}.tablet .mobile-project-name{display:flex;flex-direction:column;gap:8px;padding:16px;font-size:12px}.tablet .mobile-project-name input{font-size:16px;min-height:44px;width:100%}.tablet .toast{top:auto;bottom:80px;left:auto;right:16px;transform:none;padding:8px 12px;max-width:288px;font-size:12px;pointer-events:none}.tablet .toast button{min-width:44px;min-height:44px;align-items:center;justify-content:center;pointer-events:auto}@media(max-width:900px){.tablet .project-name,.tablet .import-button span{display:none}.tablet .import-button{min-width:44px;padding:8px}.tablet .canvas-area>.canvas-title{display:none}}@media(pointer:coarse){.rail-port{touch-action:none}.part-card,.template-card{touch-action:pan-y}.layout-svg,.scene-3d{overscroll-behavior:contain}}.category-select{display:flex;flex-direction:column;gap:8px;margin:16px 16px 0;font-size:13px;font-weight:600}.category-select select{width:100%;min-width:0;min-height:48px;padding:10px 8px;font-size:16px;color:var(--green);background:#fafcf8;border:1px solid var(--border);border-radius:8px}.tablet .part-grid{grid-auto-rows:max-content}@media(max-width:700px){.part-grid{grid-auto-rows:max-content}.library{z-index:6}.library-tabs button{white-space:nowrap}.library-footer>span{display:none}}