@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(assets/manrope-regular.ttf) format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(assets/manrope-medium.ttf) format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(assets/manrope-semibold.ttf) format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(assets/manrope-bold.ttf) format('truetype')}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(assets/manrope-extrabold.ttf) format('truetype')}
:root{--bg:#161719;--surface:#1d1e20;--border:#303133;--text:#eeeFEB;--muted:#85888a;--lime:#d8f58a;--font:'Manrope',system-ui,-apple-system,sans-serif;color-scheme:dark;font-family:var(--font);font-size:14px;font-weight:500;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer;background:transparent}button,input{outline:none}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button{transition:background .16s,color .16s,border-color .16s}button:disabled{opacity:.3;cursor:default}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}button>span[data-icon]{display:inline-flex}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 25px;gap:40px;background:#1b1c1e;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:400;margin-left:4px;color:#a8a9a9}.brand-symbol{display:block;position:relative;width:26px;height:24px}.brand-symbol i{display:block;position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime)}.brand-symbol i:nth-child(1){left:0;top:8px}.brand-symbol i:nth-child(2){left:13px;top:1px}.brand-symbol i:nth-child(3){left:13px;top:15px}.beta{font-size:10px;letter-spacing:1px;padding:3px 4px;border:1px solid #484b42;border-radius:3px;color:#c5d0b1;margin-left:1px}.project{display:flex;flex-direction:column;gap:6px;flex:1;min-width:100px}.project input{background:none;border:0;color:#e2e3df;padding:0;font-size:14px;font-weight:650;width:220px}.saved{display:flex;gap:5px;align-items:center;font-size:11px;color:#858a82}.saved>span:first-child{height:4px;width:4px;border-radius:100%;background:#a1bb7b}.header-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:650;border-radius:6px;white-space:nowrap}.button svg{width:15px;height:15px}.button.primary{background:var(--lime);color:#252b1c}.button.primary:hover{background:#e7ffad;box-shadow:0 0 18px #d8f58a14}.button.subtle{border:1px solid #3a3b3e;background:#242527}.button.subtle:hover{background:#303234;border-color:#555}.icon-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#aaaeb0;border-radius:4px;flex-shrink:0}.icon-button:hover{color:var(--text);background:#ffffff09}.icon-button[aria-pressed=true]{color:var(--lime);background:#d8f58a12}.separator{width:1px;height:20px;background:#37383a;margin:0 1px;flex-shrink:0}.workspace{display:grid;grid-template-columns:72px 282px minmax(320px,1fr) 212px;height:calc(100dvh - 78px)}.toolrail{border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:22px 8px 19px;background:#1b1c1e}.rail-top,.rail-bottom{display:flex;flex-direction:column;gap:14px;align-items:center}.rail-bottom{gap:15px}.rail-button{width:51px;height:54px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border-radius:7px;color:#7b7e80;position:relative}.rail-button svg{width:20px;height:20px}.rail-button small{font-size:11px;font-weight:600}.rail-button:hover{background:#ffffff05;color:#d3d5d0}.rail-button.active{color:var(--lime);background:#d8f58a0b}.rail-button.active:before{content:'';width:3px;height:23px;position:absolute;left:-8px;top:16px;border-radius:0 3px 3px 0;background:var(--lime)}.rail-bottom .rail-button{height:29px}.avatar{width:30px;height:30px;background:#30332a;border:1px solid #4c5140;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:750;color:#d8e9ba;margin-top:3px}.inspector{border-right:1px solid var(--border);background:#1e1f21;position:relative;display:flex;flex-direction:column;min-height:0}.panel-title{padding:26px 22px 0}.panel-title h1{font-size:19px;letter-spacing:-.5px;font-weight:750;margin:0 0 7px}.panel-title p{color:#85888b;font-size:12px;margin:0}.tab-panel{padding:24px 20px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#393b3b transparent}.tab-panel[hidden]{display:none}.upload-zone{width:100%;padding:19px 6px 16px;border:1px dashed #52564a;border-radius:7px;background:linear-gradient(120deg,#d8f58a06,transparent);display:flex;align-items:center;flex-direction:column;gap:6px}.upload-zone:hover{border-color:var(--lime);background:#d8f58a0a}.upload-icon{background:#303429;color:var(--lime);padding:9px;border-radius:8px;margin-bottom:5px}.upload-icon svg{width:20px;height:20px}.upload-zone strong{font-size:13px;font-weight:650}.upload-zone>span:not(.upload-icon){color:#9a9d98;font-size:12px}.upload-zone small{font-size:11px;color:#626865;margin-top:4px}.section-label{display:flex;align-items:center;justify-content:space-between;color:#808486;font-size:10px;letter-spacing:1.6px;font-weight:750;margin:25px 0 12px}.tiny-badge{padding:2px 4px;border:1px solid #393c3b;border-radius:3px;letter-spacing:.5px;font-size:10px}.art-options{display:flex;flex-direction:column;gap:5px}.art-option{display:flex;align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:5px;text-align:left;width:100%}.art-option:hover{background:#ffffff05}.art-option.selected{border-color:#78844e;background:#d8f58a07}.art-thumb{width:49px;height:38px;display:block;flex-shrink:0;background-size:cover;background-position:center;border-radius:3px;overflow:hidden}.sun-thumb{background-image:url(assets/sun.svg)}.wave-thumb{background-image:url(assets/wave.svg)}.mono-thumb{background-image:url(assets/mono.svg)}.art-option>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.art-option strong{font-size:12px;font-weight:600}.art-option small{font-size:8px;letter-spacing:.7px;color:#7f837c}.selected-check{color:var(--lime);visibility:hidden}.selected-check svg{width:13px;height:13px}.selected .selected-check{visibility:visible}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 13px}.settings-heading h2{font-size:13px;font-weight:650;margin:0}.text-button{font-size:11px;color:#94988e;display:inline-flex;align-items:center;gap:5px;padding:2px 0}.text-button:hover{color:var(--lime)}.text-button svg{width:12px;height:12px}.fit-control{display:flex;background:#17181a;padding:3px;border:1px solid #2d2e30;border-radius:5px;gap:3px;margin-bottom:20px}.fit-control button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:7px 0;color:#83878a;font-size:11px;border-radius:3px}.fit-control svg{width:12px;height:12px}.fit-control button.active{color:#e8e9e5;background:#343638;box-shadow:0 1px 3px #0003}.range-label{display:flex;justify-content:space-between;align-items:center;margin:14px 0 7px;font-size:12px;color:#abadae}.range-label output{background:#292b2d;border:1px solid #373a3c;border-radius:4px;min-width:48px;text-align:right;padding:4px 6px;color:#d9dbd6;font-size:11px;line-height:1}.range-label output span{color:#7a7d7b;margin-left:2px;font-size:10px}input[type=range]{display:block;width:100%;appearance:none;background:#40433e;height:3px;cursor:pointer;border-radius:5px;margin:12px 0 20px;accent-color:var(--lime)}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--lime);border:2px solid #1e1f21;box-shadow:0 0 0 1px #d8f58a}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--lime);border:2px solid #1e1f21}.xy-row{display:flex;gap:9px;margin-top:17px}.xy-row>label{display:flex;align-items:center;gap:4px;color:#939797;font-size:11px;flex:1}.xy-row>label>span{display:flex;align-items:center;background:#292b2d;border:1px solid #373a3c;border-radius:4px;padding-right:6px;font-size:10px;color:#747a77;flex:1}.xy-row input{width:100%;color:#d3d6d0;background:none;border:0;padding:7px 2px 7px 8px;font-size:11px;-moz-appearance:textfield}.xy-row input::-webkit-inner-spin-button{appearance:none}.transform-actions{display:flex;gap:7px;margin-top:16px}.transform-actions .button{flex:1;font-size:11px;padding:9px 6px;gap:5px}.transform-actions svg{width:13px;height:13px}.tip{display:flex;gap:9px;color:#737d6d;background:#b4c38b05;border:1px solid #b4c38b0e;padding:10px 9px;border-radius:5px;margin-top:23px;align-items:center}.tip>span{align-self:flex-start;margin-top:3px}.tip svg{width:14px;height:14px}.tip p{font-size:11px;line-height:1.9;margin:0;color:#a0a596}.tip p span{color:#6c7666}.inspector-footer{padding:14px 10px;text-align:center;border-top:1px solid var(--border);font-size:9px;color:#626964;white-space:nowrap}.local-dot{display:inline-block;width:4px;height:4px;background:#7d8c6a;border-radius:50%;margin-right:5px}.editor{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#252829 0,#1b1d1e 55%,#181a1b 100%)}.editor:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#9ba58d27 .65px,transparent .65px);background-size:20px 20px;mask-image:linear-gradient(transparent,#0008 25%,#0008 75%,transparent)}.editor-top{display:flex;justify-content:space-between;align-items:center;padding:14px 27px;z-index:1;height:57px;flex-shrink:0;border-bottom:1px solid #fff03}.breadcrumb{font-size:9px;letter-spacing:1px;color:#636b68;display:flex;gap:11px;align-items:center}.breadcrumb strong{font-size:10px;color:#afb4ad;letter-spacing:0;font-weight:550}.breadcrumb>span{color:#4c5350}.history{display:flex;gap:3px}.history .icon-button{width:25px;height:25px}.history svg{width:15px;height:15px}.canvas-heading{padding:28px 34px 0;display:flex;justify-content:space-between;align-items:center;z-index:1;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7f8b77}.canvas-heading h2{font-size:29px;letter-spacing:-1.1px;font-weight:500;margin:11px 0 0;color:#e2e7dd;line-height:1.3}.canvas-heading h2 em{color:var(--lime);font-style:normal}.live-badge{font-family:monospace;font-size:9px;letter-spacing:1px;border:1px solid #3c4533;color:#b4c294;background:#252d1e55;padding:6px 7px;border-radius:4px;display:flex;align-items:center;gap:5px;white-space:nowrap;align-self:flex-start;margin-top:2px}.live-badge i{width:4px;height:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px #d8f58a55}.viewport{position:relative;min-height:240px;flex:1;z-index:1;margin-top:0}.viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:absolute;inset:0}.viewport canvas:active{cursor:grabbing}.viewport-caption{display:flex;align-items:center;gap:15px;position:absolute;bottom:83px;left:34px;pointer-events:none}.viewport-caption>span:last-child{font-family:monospace;font-size:9px;letter-spacing:1.3px;color:#778076}.view-coordinate{font-family:monospace;font-size:10px;color:#606c62;display:flex;align-items:center;gap:7px}.view-coordinate i{width:12px;height:12px;border-left:1px solid #616e5c;border-bottom:1px solid #616e5c;transform:skewY(-15deg)}.view-mark{position:absolute;bottom:78px;right:32px;display:flex;flex-direction:column;align-items:flex-end;color:#65705e;font-weight:800;font-size:16px;letter-spacing:-1px;pointer-events:none}.view-mark span{font-size:7px;letter-spacing:1.7px;color:#57624e;margin-top:3px}.floating-tools{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;border:1px solid #444744;border-radius:9px;padding:5px 6px;background:#242728ed;box-shadow:0 8px 24px #0002;z-index:2;white-space:nowrap;backdrop-filter:blur(12px)}.view-switch{display:flex;gap:3px}.view-switch button{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:11px;color:#8b928b;border-radius:5px}.view-switch button svg{width:13px;height:13px}.view-switch button.active{background:#3b4232;color:var(--lime)}.floating-tools .icon-button{width:23px;height:26px}.floating-tools svg{width:14px;height:14px}.floating-tools #viewZoom{font-size:10px;min-width:30px;text-align:center;color:#aab1a5}.floating-tools .separator{height:17px;margin:0 3px}.editor-bottom{height:47px;border-top:1px solid #ffffff06;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 27px;flex-shrink:0;color:#6b756b;font-size:10px;z-index:1}.editor-bottom>div{display:flex;align-items:center;gap:7px}.editor-bottom>span{font-size:8px;letter-spacing:1px;color:#505b50}.status-dot{height:4px;width:4px;background:#a2bb7b;border-radius:50%}.spec-panel{border-left:1px solid var(--border);background:#1c1d1f;padding:27px 19px;display:flex;flex-direction:column;overflow-y:auto}.spec-heading{display:flex;align-items:center;justify-content:space-between;color:#7c827d;font-size:9px;letter-spacing:1.5px;font-weight:750}.spec-heading svg{width:13px;height:13px}.spec-panel h2{font-size:25px;font-weight:550;letter-spacing:-.8px;margin:23px 0 6px}.spec-subtitle{font-size:11px;color:#7b807a}.mini-diagram{height:104px;margin:19px 0 22px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#d8f58a04,transparent);border:1px solid #32372e;border-radius:5px}.mini-diagram svg{width:146px;height:84px;stroke:#747f61}.spec-panel dl{display:flex;flex-direction:column;gap:19px;margin:0}.spec-panel dl>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:5px}.spec-panel dt{color:#737b74}.spec-panel dd{margin:0;color:#bec6b9;display:flex;align-items:center;gap:5px;font-size:10px}.spec-panel dd i{display:block;width:8px;height:8px;border-radius:50%;border:1px solid #717b64}.spec-divider{height:1px;background:#30342e;margin:26px 0 21px}.art-status{display:flex;align-items:center;gap:9px}.art-status>span{color:#8e9e79;background:#a9bc830a;border:1px solid #343d2b;padding:7px;border-radius:5px}.art-status svg{width:14px;height:14px}.art-status>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.art-status strong{font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-status span:not([data-icon]){font-size:9px;color:#6d7868}.art-status>i{width:4px;height:4px;border-radius:50%;background:#b9cf8c}.inspiration-note{margin-top:auto;padding-top:45px}.inspiration-note p{font-size:17px;line-height:1.6;color:#a4b291;letter-spacing:-.4px;margin:16px 0 11px}.inspiration-note>span:last-child{font-size:8px;letter-spacing:2px;color:#636e59}.spec-panel>.text-button{margin-top:30px;font-size:10px;color:#82916f;justify-content:flex-start;gap:8px}.choice{display:flex;gap:12px;align-items:center;border:1px solid #3a3d39;border-radius:6px;width:100%;padding:15px 12px;margin-bottom:10px;text-align:left}.choice>svg,.choice>span[data-icon]{color:#a5af94}.choice>span:not([data-icon]){display:flex;flex-direction:column;gap:6px;flex:1}.choice strong{font-size:13px}.choice small{font-size:11px;color:#818b7a}.choice .choice-check{visibility:hidden}.choice.selected{border-color:#82954f;background:#d8f58a09}.choice.selected .choice-check{visibility:visible;color:var(--lime)}.choice-check svg{width:13px;height:13px}.case-choices{margin-top:14px}.unit{font-size:11px;color:#76806b}.dimension-inputs{display:flex;align-items:center;gap:9px}.dimension-inputs label{flex:1;font-size:11px;color:#8e9885}.dimension-inputs input{width:100%;display:block;background:#292c28;border:1px solid #41483a;border-radius:5px;color:#e1e9d8;padding:10px;margin-top:7px}.dimension-inputs>span{padding-top:16px;color:#6a765f}.swatch-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:15px 0 22px}.swatch{width:28px;height:28px;position:relative;background:var(--swatch);border:3px solid #1e1f21;border-radius:50%;box-shadow:0 0 0 1px #454b40}.swatch.selected{box-shadow:0 0 0 1.5px var(--lime)}.swatch.selected:after{content:'✓';font-size:15px;font-weight:bold;color:#101510;position:absolute;left:4px;top:2px;mix-blend-mode:difference;color:white}.custom-swatch{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed #626f53;border-radius:50%;overflow:hidden;cursor:pointer;color:#98a885}.custom-swatch svg{width:13px;height:13px}.custom-swatch input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #33372f;padding:18px 0;font-size:12px;color:#b2bcaa}.toggle-row input{appearance:none;width:29px;height:16px;border-radius:20px;background:#454a40;cursor:pointer;position:relative;margin:0}.toggle-row input:before{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#a7b197;transition:transform .2s}.toggle-row input:checked{background:#b5ce75}.toggle-row input:checked:before{background:#29331a;transform:translateX(13px)}.segmented{display:flex;border:1px solid #414738;border-radius:5px;background:#171a15;padding:3px;gap:4px;margin-bottom:22px}.segmented button{flex:1;padding:9px;border-radius:3px;color:#7f8b73;font-size:12px}.segmented button.active{background:#3d4532;color:var(--lime)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;z-index:30;padding:13px 20px;border:1px solid #5c6d44;background:#2b3422;box-shadow:0 5px 30px #0004;border-radius:7px;color:#e0eccb;font-size:13px;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.drop-overlay{position:fixed;inset:12px;z-index:40;background:#242c20f5;border:2px dashed var(--lime);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:none}.drop-overlay[hidden]{display:none}.drop-overlay svg{width:60px;height:60px;color:var(--lime)}.drop-overlay h2{margin:0;font-size:30px}.drop-overlay p{color:#a4b98c}.toast:empty{display:none}dialog{border:1px solid #49543d;border-radius:12px;background:#232720;color:#c3cdb9;padding:35px;max-width:490px;line-height:1.9;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font-size:27px;letter-spacing:-.8px;color:#e4efd6;margin:8px 0 20px}dialog p{font-size:14px}dialog .button{margin-top:22px}.dialog-close{position:absolute;right:13px;top:13px}.help-note{padding:13px;background:#d8f58a09;border-radius:5px;font-size:12px;color:#a4b98b;margin-top:20px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#3c4235;border-radius:5px}
@media(min-width:1550px){.workspace{grid-template-columns:76px 310px minmax(400px,1fr) 245px}.inspector .tab-panel{padding-left:25px;padding-right:25px}.panel-title{padding-left:25px}.spec-panel{padding:29px 24px}.canvas-heading{padding-left:42px;padding-right:42px}.canvas-heading h2{font-size:34px}.canvas-heading .eyebrow{font-size:10px}.topbar{gap:52px}.brand{font-size:23px}.art-thumb{width:54px;height:41px}.art-option{padding:8px}.art-option strong{font-size:13px}.art-option small{font-size:9px}.section-label{font-size:11px}.panel-title p{font-size:13px}.upload-zone{padding-top:22px;padding-bottom:20px}.range-label{font-size:13px}.tab-panel{padding-top:26px}.spec-panel dl>div{font-size:12px}.spec-panel dd{font-size:11px}.mini-diagram{height:120px}}
@media(max-width:1180px){.workspace{grid-template-columns:62px 263px minmax(320px,1fr)}.spec-panel{display:none}.topbar{padding:0 20px;gap:30px}.toolrail{padding-left:5px;padding-right:5px}.rail-button.active:before{left:-5px}.canvas-heading h2{font-size:28px}.brand{font-size:19px}.header-actions{gap:8px}.topbar .separator{display:none}.project input{width:175px}.breadcrumb{font-size:8px}.editor-bottom{padding:0 22px}.canvas-heading{padding-left:26px;padding-right:26px}}
@media(max-width:800px){body{overflow:auto}.topbar{height:65px;padding:0 15px;gap:14px}.workspace{height:calc(100dvh - 65px);grid-template-columns:57px 238px minmax(250px,1fr)}.topbar .brand-light,.beta,.project,.header-actions .subtle,.header-actions .icon-button,.header-actions .separator{display:none}.header-actions{margin-left:auto}.brand{font-size:21px}.topbar .button{font-size:12px}.panel-title{padding:22px 17px 0}.tab-panel{padding:20px 15px}.toolrail{padding-left:3px;padding-right:3px}.rail-button{width:46px}.rail-button.active:before{left:-3px}.canvas-heading{padding:24px 20px 0}.canvas-heading h2{font-size:25px;max-width:240px}.canvas-heading .eyebrow{font-size:8px;line-height:1.8;max-width:170px;display:block}.live-badge{display:none}.breadcrumb{display:none}.editor-top{height:45px;justify-content:flex-end;padding-right:18px}.floating-tools{gap:1px;padding:4px;bottom:66px}.floating-tools .separator{margin:0 2px}.view-switch button{padding:8px 7px;font-size:10px;gap:4px}.view-switch svg{display:none}.floating-tools .icon-button{width:22px}.floating-tools #viewZoom{font-size:9px;min-width:25px}.floating-tools #dimensionsButton{display:none}.editor-bottom>span{display:none}.editor-bottom{padding:0 15px;font-size:9px}.view-mark{display:none}.viewport-caption{left:20px;bottom:80px;gap:8px}.viewport-caption>span:last-child{font-size:8px}.view-coordinate{display:none}}
@media(max-width:620px){body{overflow:auto}.topbar{position:sticky;top:0;z-index:10;height:60px}.workspace{display:flex;flex-wrap:wrap;height:auto;min-height:calc(100dvh - 60px)}.toolrail{position:sticky;top:60px;flex-direction:row;width:100%;height:54px;padding:0 14px;z-index:9;border-right:0;border-bottom:1px solid var(--border)}.rail-top{flex-direction:row;gap:12px}.rail-button{height:42px;flex-direction:row;width:auto;padding:8px 11px;gap:7px}.rail-button small{font-size:12px}.rail-button svg{height:16px;width:16px}.rail-button.active:before{display:none}.rail-bottom{flex-direction:row;gap:5px}.rail-bottom .avatar{display:none}.rail-bottom .rail-button{width:30px;height:30px;padding:5px}.editor{order:1;width:100%;height:440px;border-bottom:1px solid var(--border)}.editor-top{height:35px;padding:3px 14px}.breadcrumb{display:flex;font-size:8px}.canvas-heading{padding:5px 21px 0}.canvas-heading h2{max-width:none;font-size:25px;margin-top:5px}.canvas-heading .eyebrow{max-width:none;letter-spacing:1px}.live-badge{display:flex;font-size:8px}.floating-tools{bottom:46px;padding:4px 6px;gap:4px}.view-switch svg{display:block}.view-switch button{font-size:11px;padding:7px 8px}.floating-tools #dimensionsButton{display:flex}.editor-bottom{height:31px;font-size:9px}.editor-bottom>span{display:block;font-size:7px}.viewport-caption{bottom:71px}.viewport-caption>span:last-child{font-size:8px}.inspector{order:2;width:100%;border-right:0;min-height:600px}.panel-title{padding:25px 24px 0}.tab-panel{padding:22px 24px 26px;overflow:visible}.inspector-footer{font-size:10px}.art-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.art-option{display:flex;flex-direction:column;text-align:center;gap:7px;padding:7px;position:relative}.art-option>span:nth-child(2){gap:4px}.art-thumb{height:60px;width:100%}.art-option small{font-size:7px;letter-spacing:.3px}.selected-check{position:absolute;top:10px;right:10px;border-radius:50%;padding:2px;background:#1c2513b0}.selected-check svg{width:10px;height:10px}.section-label{margin-top:22px}.upload-zone{padding:15px 6px}.upload-icon{margin-bottom:2px;padding:7px}.xy-row>label{font-size:12px}.transform-actions .button{font-size:12px;padding:11px}.tip p{font-size:12px}.range-label{font-size:13px}.range-label output{font-size:12px}input[type=range]{height:4px}.settings-heading h2{font-size:14px}.help-note{font-size:13px}.spec-panel{display:none}.toast{bottom:18px}dialog{max-width:calc(100vw - 30px);padding:28px}.view-mark{display:block;right:24px;bottom:70px;font-size:14px}.viewport canvas{min-height:0}}
@media(max-height:800px) and (min-width:621px){.panel-title{padding-top:20px}.tab-panel{padding-top:18px}.upload-zone{padding-top:13px;padding-bottom:12px}.upload-icon{padding:7px;margin-bottom:2px}.section-label{margin-top:19px;margin-bottom:9px}.art-option{padding:5px}.art-thumb{height:31px}.settings-heading{margin-top:20px;margin-bottom:11px}.tip{margin-top:17px}.range-label{margin-top:10px}.fit-control{margin-bottom:15px}.art-options{gap:3px}.canvas-heading{padding-top:19px}.canvas-heading h2{font-size:27px}.spec-panel{padding-top:24px}.inspiration-note{padding-top:30px}.floating-tools{bottom:65px}}

.shape-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shape-choice{border:1px solid #41473b;border-radius:6px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;gap:7px}.shape-choice:hover{background:#ffffff05}.shape-choice.selected{border-color:#82954f;background:#d8f58a09}.shape-choice svg{width:79px;height:46px;stroke:#889a70;stroke-width:1.3;fill:#d8f58a07}.shape-choice.selected svg{stroke:var(--lime)}.shape-choice strong{font-size:12px;font-weight:600}.shape-choice small{font-size:10px;color:#7b8870}.panel-sides{display:flex;gap:3px;padding:3px;background:#15191788;border:1px solid #363d33;border-radius:5px;margin-left:auto;margin-right:15px}.panel-sides button{padding:7px 12px;border-radius:3px;color:#84917b;font-size:11px}.panel-sides button.active{background:#39452b;color:var(--lime)}.panel-sides button:hover{color:#d8f58a}.spacing-note{display:flex;gap:8px;align-items:center;padding:10px;background:#d8f58a07;border:1px solid #d8f58a12;border-radius:5px;color:#8f9d81;font-size:11px;line-height:1.7;margin-top:-8px;margin-bottom:18px}.spacing-note svg{width:17px;height:17px}.spacing-note strong{color:#c0d89c;white-space:nowrap}.rear-controls-note{font-size:11px;color:#a9ba94;line-height:1.8;padding:10px;border:1px solid #596647;border-radius:5px}.spec-panel dl{gap:16px}
@media(max-width:800px){.panel-sides{margin-right:8px}.panel-sides button{padding:6px 9px;font-size:10px}}@media(max-width:620px){.editor-top .breadcrumb{display:none}.panel-sides{margin-left:0;margin-right:auto}.editor-top{height:44px}.panel-sides button{font-size:11px;padding:6px 14px}.shape-choice svg{width:110px;height:62px}}

.button-style-note{display:flex;flex-direction:column;gap:7px;padding:13px 14px;border:1px solid #414b36;border-radius:6px;background:linear-gradient(120deg,#d8f58a09,transparent)}.button-style-note>span{font-size:9px;letter-spacing:1.5px;color:#7d8c70}.button-style-note strong{font-size:18px;font-weight:600;letter-spacing:-.4px;color:#dce7cc}.button-style-note small{font-size:11px;color:#86957a}

.range-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;min-width:62px;padding:3px 6px;background:#292b2d;border:1px solid #373a3c;border-radius:4px;line-height:1}.range-value:focus-within{border-color:var(--lime);box-shadow:0 0 0 1px #d8f58a20}.range-value input{width:43px;min-width:0;padding:1px 0;background:transparent;border:0;color:#d9dbd6;font-size:11px;text-align:right;appearance:textfield;-moz-appearance:textfield}.range-value input::-webkit-inner-spin-button,.range-value input::-webkit-outer-spin-button{appearance:none;margin:0}.range-value input:focus-visible{outline:none}.range-value>span{font-size:10px;color:#7a7d7b}.range-label>label{cursor:pointer}@media(max-width:620px){.range-value{padding:5px 7px}.range-value input{font-size:13px;width:49px}}

.brand-name{font-size:19px;letter-spacing:-.7px}.brand-name .brand-light{font-size:19px}.art-thumb{object-fit:cover}.art-option>span:nth-child(2){min-width:0}.art-option strong{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-options{max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444b3a transparent}.art-option{flex-shrink:0}.art-option img{border:1px solid #ffffff0a}.art-options:focus-within{scrollbar-color:#697b4d transparent}@media(max-width:1180px){.topbar{gap:24px}.brand-name,.brand-name .brand-light{font-size:17px}}@media(max-width:800px){.brand-name{display:flex;flex-direction:column;gap:4px;font-size:18px;line-height:1;letter-spacing:-.3px}.topbar .brand-name .brand-light{display:inline;font-size:12px;margin-left:0;color:#a8a9a9;letter-spacing:.6px}.art-option strong{max-width:125px}}@media(max-width:620px){.art-options{max-height:285px}.art-option strong{max-width:82px}}

.reference-preset{width:100%;margin-top:12px;font-size:11px}.model-note{color:#839075;font-size:10px;line-height:1.8;margin:10px 0 17px}.model-note[hidden]{display:none}.shape-choice:disabled,.segmented button:disabled{opacity:.4;cursor:default}.dimension-inputs input:disabled{opacity:.65}

.reference-preset[hidden]{display:none}

.layout-edit-heading{margin-top:22px;display:flex;flex-direction:column;gap:12px}.layout-edit-heading h2{font-size:14px;margin:0;font-weight:650}.layout-edit-heading .button{font-size:12px}.layout-edit-heading .button[aria-pressed=true]{border-color:#adcb6a;background:#d8f58a19;color:var(--lime)}#layoutEditor{padding:1px 0 15px;border-bottom:1px solid #373e31;margin-bottom:5px}#layoutEditor[hidden],.layout-edit-badge[hidden],#screwSettings[hidden]{display:none}.layout-button-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0 15px}.layout-button-picker button{border:1px solid #454f39;border-radius:5px;padding:7px 2px;font-size:12px;color:#a4b58c;background:#242a20}.layout-button-picker button.active{border-color:var(--lime);color:var(--lime);background:#d8f58a15}.selected-button-title{display:flex;gap:5px;align-items:center;font-size:12px;color:#8c9c7c}.selected-button-title strong{font-size:14px;color:#dce9cb}.selected-button-title>span{margin-left:auto;font-size:10px;color:#6e7d5e}.layout-position-fields{display:flex;gap:9px;margin-top:9px}.layout-position-fields>label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:#8b9b7a;font-size:12px}.layout-position-fields input{width:100%;min-width:0;padding:9px 7px;background:#292e24;border:1px solid #424d36;border-radius:4px;color:#dce9cc;font-size:13px}.layout-reset-actions{display:flex;gap:10px;justify-content:space-between;margin-top:12px}.layout-reset-actions .text-button{font-size:10px}.layout-move-status{font-size:10px;line-height:1.8;color:#8a9b76;min-height:28px;margin:10px 0 0}.layout-edit-badge{position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:2;padding:7px 11px;background:#29341eea;border:1px solid #718748;border-radius:5px;color:#d8f58a;font-size:9px;letter-spacing:.8px;white-space:nowrap;pointer-events:none}.viewport canvas.edit-layout{cursor:crosshair}.viewport canvas.edit-layout:active{cursor:grabbing}@media(max-width:620px){.layout-edit-badge{font-size:8px;padding:6px 8px}.layout-button-picker{grid-template-columns:repeat(6,1fr)}.layout-button-picker button{font-size:13px;padding:10px 2px}.layout-move-status{font-size:12px}.layout-reset-actions .text-button{font-size:12px}.layout-position-fields input{padding:12px}}

#layoutEditControls[hidden],#editLayout[hidden]{display:none}

#panelSizeSettings[hidden],#fixedPanelSize[hidden]{display:none}

#shapeSettings[hidden]{display:none}

.export-short{display:none}#exportDXF:disabled{opacity:.4;cursor:default}#fixedButtonSizeNote[hidden],#dxfUnavailable[hidden],[data-diameter][hidden]{display:none}.layout-manage{display:flex;gap:10px;align-items:end;margin:12px 0}.layout-manage label{flex:1;min-width:0;font-size:11px;color:#9dad8c}.layout-manage select{display:block;width:100%;margin-top:6px;padding:8px;background:#292e24;color:#dce9cc;border:1px solid #424d36;border-radius:4px}.layout-manage .button{font-size:11px;padding:9px}.remove-button{color:#d99c84;font-size:11px}.layout-position-fields input:disabled,#resetSelectedButton:disabled,#removeButton:disabled{opacity:.4;cursor:default}@media(max-width:1050px) and (min-width:801px){.header-actions #saveProject{width:36px;padding:10px}.header-actions #saveProject>span:last-child{display:none}}@media(max-width:800px){.header-actions #exportDXF{display:inline-flex}}@media(max-width:480px){#export .export-label{display:none}#export .export-short{display:inline}.header-actions .button{padding:10px;gap:5px}.header-actions{gap:6px}}

.button-profile-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 22px}.profile-option{border:1px solid #434c3b;border-radius:7px;background:#252c22;padding:12px 5px;display:flex;align-items:center;gap:9px;flex-direction:column}.profile-option.selected{border-color:#c6e47e;background:#d8f58a0b}.profile-option strong{font-size:11px;font-weight:550;color:#b7c7a5}.profile-option.selected strong{color:#d8f58a}.profile-sample{display:block;position:relative;width:36px;height:36px;flex-shrink:0}.sanwa-sample{border-radius:50%;background:radial-gradient(circle at 38% 30%,#f0f4d2 0,#d9e3bb 54%,#91a078 57%,#d6dfbd 61%,#c8d7a3 76%,#6a7856 91%,#c3d797 100%);box-shadow:0 3px 3px #0007}.sitong-sample{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);background:linear-gradient(130deg,#8997a6,#060a10 27%,#111c28 70%,#aebbc8);transform:rotate(22.5deg)}.sitong-sample:after{content:'';position:absolute;inset:5px;border-radius:50%;border:1px solid #ddffbdb3;background:repeating-radial-gradient(circle,#d8f58a60 0 1px,#214131b0 1.5px 3px);box-shadow:inset 1px 2px 4px #ffffff96;transform:rotate(-22.5deg)}.button-name-field{display:block;font-size:11px;color:#a0b18f;margin-top:13px}.button-name-field input{display:block;width:100%;margin-top:7px;border:1px solid #424d36;border-radius:4px;background:#292e24;color:#dce9cc;padding:9px;font-size:13px}.button-name-field input:disabled{opacity:.4}.layout-button-picker button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-button-title strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.button-name-field{font-size:12px}.button-name-field input{padding:12px}.profile-option strong{font-size:12px}}

.brand-name{display:flex;flex-direction:column;gap:2px;line-height:1.15}.brand-name .brand-light{margin-left:0}@media(max-width:480px){.topbar{padding-left:10px;padding-right:10px;gap:8px}.brand{gap:6px}}

.art-collection-actions{display:inline-flex;align-items:center;gap:7px}.delete-art{width:28px;height:28px;color:#939c8b}.delete-art svg{width:16px;height:16px}.delete-art:hover:not(:disabled){color:#f2aa91;background:#50312755}.delete-art:disabled{opacity:.3;cursor:default}.art-list-empty{margin:0;padding:15px 5px;color:#9ba791;font-size:12px;line-height:1.7;letter-spacing:0;text-transform:none}

/* The third profile spans the row so names stay readable in the narrow inspector. */
.profile-option[data-button-style="metallic"]{grid-column:1/-1;flex-direction:row;justify-content:center;padding:11px;gap:13px}
.metallic-sample{border-radius:50%;background:linear-gradient(125deg,#654100 0%,#ffe800 23%,#fff8a0 35%,#fac600 48%,#946000 58%,#ffe94b 70%,#d99800 90%,#fff3a4 100%);box-shadow:0 3px 4px #0009,inset 0 0 0 1px #b47700}
.metallic-sample:after{content:'';position:absolute;inset:5px;border-radius:50%;background:linear-gradient(120deg,#9a6600 0%,#e6ac00 17%,#ffe600 42%,#fff28a 60%,#eeb900 84%,#8b5900 100%);box-shadow:0 1px 1px 1px #583400,inset 1px 1px 1px #fff6a6,inset -1px -1px 2px #ad7500}

.metallic-sample.silver{background:linear-gradient(125deg,#1c1d20 0%,#bfc1c4 23%,#ffffff 35%,#d1d3d6 48%,#36383a 58%,#f8f9fa 70%,#8b8e92 90%,#ffffff 100%);box-shadow:0 3px 4px #0009,inset 0 0 0 1px #8c8f92}
.metallic-sample.silver:after{background:linear-gradient(120deg,#777a7e 0%,#b9bdc1 17%,#ebedef 42%,#ffffff 60%,#d2d5d8 84%,#7b7e82 100%);box-shadow:0 1px 1px 1px #242629,inset 1px 1px 1px #fff,inset -1px -1px 2px #878b90}
.metallic-finish-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 22px}.metallic-finish{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 6px;border:1px solid #434c3b;border-radius:6px;background:#252c22;font-size:12px;color:#b7c7a5}.metallic-finish.selected{border-color:#c6e47e;color:#d8f58a;background:#d8f58a0b}.finish-swatch{width:22px;height:22px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff60,0 2px 3px #0006}.finish-swatch.gold{background:linear-gradient(125deg,#775000,#f1bb00 30%,#fff6ad 48%,#b07a00 64%,#ffe155)}.finish-swatch.silver{background:linear-gradient(125deg,#484b4f,#d3d6d9 30%,#fff 48%,#707479 64%,#f5f6f7)}