*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#283441;background:#f4f7fa;font-size:14px;letter-spacing:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:inherit;background:transparent}button:disabled{opacity:.3;cursor:default}button:hover:not(:disabled){background:#e9f1f8}button:focus-visible,input:focus-visible{outline:2px solid #2688f7;outline-offset:2px}header{height:64px;background:#fff;display:flex;align-items:center;padding:0 24px;gap:20px;position:relative;z-index:10}.brand{font-weight:650;font-size:17px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{background:#2688f7;color:#fff;display:flex;padding:7px;border-radius:6px}.nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:6px}.nav-center button{height:34px;padding:0 12px}.nav-active{background:#eaf3fe;color:#2688f7}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.icon{width:32px;height:32px;padding:0}.save{font-size:11px;color:#a0a9b1;margin-left:13px}.save span{display:inline-block;width:5px;height:5px;background:#88b89d;border-radius:50%}.editor{height:calc(100dvh - 64px);display:flex}.left{width:246px;flex-shrink:0;background:#fff;display:flex;flex-direction:column}.tools{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 12px 18px;gap:3px}.tool{flex-direction:column;height:63px;font-size:12px;gap:8px}.tool.active{background:#edf5ff;color:#2688f7}.tool-panel{padding:4px 22px;overflow:auto;flex:1}section{margin-bottom:28px}h3{font-size:13px;font-weight:600;margin:0 0 15px}.model-options{display:flex;gap:10px}.model-option{width:96px;height:99px;flex-direction:column;font-size:12px;background:#f5f7f9}.chosen{background:#e8f2ff!important;color:#2688f7!important}.model-option.chosen{outline:1px solid #2688f7}.mini-model{height:54px;width:54px;display:flex;align-items:center;justify-content:center}.cube-body{width:31px;height:31px;background:#66a8e8;transform:rotate(-20deg) skew(10deg,10deg);box-shadow:5px 7px #3686cc,inset 7px 6px #90c2ed}.cylinder-body{width:37px;height:40px;background:#62a4df;border-radius:50%/22%;position:relative}.cylinder-body:before{content:"";position:absolute;top:0;left:0;width:37px;height:17px;background:#93c7ef;border-radius:50%}.cylinder-body i{position:absolute;width:15px;height:8px;background:#3a739e;border-radius:50%;left:11px;top:4px}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sizes button{background:#f3f6f8;height:34px;font-size:12px}.sizes small{font-size:10px;color:#8b98a3}.text-link{font-size:12px;color:#7c8c99;padding:0;min-height:32px;justify-content:flex-start}.custom-size{display:flex;align-items:center;background:#f3f6f8;padding:8px 10px;gap:8px;border-radius:4px;color:#8b98a3}input{border:0;background:#f1f5f8;min-width:0;padding:8px;border-radius:4px;color:#283441}.custom-size input{width:100%;padding:0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{width:32px;height:32px;border-radius:50%;outline:1px solid #e0e6ed;justify-self:start}.swatch.active{outline:2px solid #2688f7;outline-offset:3px}.mode-options{display:flex;flex-direction:column;gap:8px}.mode-options button{background:#f4f7f9;justify-content:flex-start;padding:12px 14px}.empty{color:#adb6be;font-size:12px}.selection-count{font-size:32px;color:#2688f7}.selection-count small{font-size:12px;color:#88949e}.sidebar-foot{padding:16px 22px;color:#9aa5af;font-size:11px;display:flex;align-items:center;gap:8px}.color-dot{width:9px;height:9px;border-radius:50%}.workspace{flex:1;position:relative;min-width:0;overflow:hidden}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.canvas-host canvas{display:block;width:100%;height:100%}.right{width:172px;background:#fff;padding:25px 22px;flex-shrink:0}.measure{margin:25px 0;display:flex;flex-direction:column;gap:8px}.measure>span{color:#9aa5b0;font-size:12px}.measure strong{font-size:23px;font-weight:500}.measure small{font-size:11px;color:#a2aab3;margin-left:6px}.right-total{margin-top:36px;display:flex;align-items:center;gap:8px;color:#96a2ad;font-size:11px}.canvas-hint{position:absolute;bottom:42px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border-radius:999px;background:#fff;color:#687784;font-size:12px;white-space:nowrap;box-shadow:0 2px 12px #23394d0a}.canvas-hint button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#adb6bf;cursor:pointer}.canvas-hint button:hover{background:#f3f5f7;color:#687784}.canvas-foot{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;color:#9aa7b2;font-size:11px;pointer-events:none}.axis{display:flex;gap:7px}.axis b:nth-child(1){color:#d9817e}.axis b:nth-child(2){color:#61a887}.axis b:nth-child(3){color:#679bd0}.point-label{position:absolute;bottom:42px;left:20px;color:#6e8597;font-size:11px;background:#ffffffb0;padding:5px 9px;border-radius:4px}.selection-box{position:absolute;border:1px solid #2688f7;background:#2688f71c;pointer-events:none}.floating{position:absolute;transform:translate(-50%);z-index:4}.floating-buttons{background:#fff;border-radius:6px;display:flex;padding:4px;gap:2px;white-space:nowrap}.floating-buttons button{padding:8px 10px;font-size:12px}.color-picker{background:#fff;border-radius:6px;width:202px;padding:12px;margin-top:8px}.picker-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.color-picker input[type=color]{width:100%;height:65px;padding:0;margin:8px 0;cursor:pointer}.hex-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#98a4af}.hex-label input{width:100%;font-size:12px}.dimension-overlay{position:absolute;top:18px;right:20px;display:flex;gap:15px;color:#7390a4;font-size:11px;pointer-events:none}.demo-badge{position:absolute;top:16px;left:18px;font-size:11px;color:#7d8ea0;background:#ffffffa0;padding:5px 8px;border-radius:4px}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);background:#263f52;color:#fff;padding:12px 20px;border-radius:6px;z-index:20;font-size:13px}.home{max-width:1150px;margin:auto;position:relative;min-height:calc(100dvh - 64px);padding:70px 40px 40px;overflow:hidden}.home-title{position:relative;z-index:2;max-width:600px}.eyebrow{font-size:12px;color:#3c8bda}.home h1{font-size:34px;font-weight:600;margin:14px 0 12px}.home p{color:#8a98a5;font-size:14px}.home-options{display:flex;gap:16px;margin-top:35px;position:relative;z-index:2;max-width:640px}.entry{background:#fff;width:300px;min-height:150px;padding:23px;text-align:left;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:relative}.entry>svg:first-child{color:#348bdf}.entry strong{font-size:16px}.entry span{font-size:12px;color:#97a4af}.entry>svg:last-child{position:absolute;right:23px;bottom:26px;color:#a5b4bf}.example-entry{position:relative;z-index:2;display:flex;background:#fff;margin-top:18px;padding:18px;width:616px;justify-content:flex-start}.example-entry>svg{color:#69a3d6}.example-entry>svg:last-child{margin-left:auto}.muted{color:#a0acb6;margin-left:12px;font-size:12px}.restore{position:relative;z-index:2;color:#7195b4;font-size:12px;margin-top:16px}.home-scene{height:400px;width:500px;position:absolute;right:-125px;top:100px;pointer-events:none}.home-scene .canvas-host{border-radius:6px}.upload-result{position:relative;z-index:2;display:flex;align-items:center;gap:15px;margin-top:18px;padding:15px;background:#fff;max-width:616px;border-radius:6px}.upload-result img{width:70px;height:70px;object-fit:contain}.upload-result strong{font-size:12px}.generate-buttons{display:flex;gap:8px;margin-top:8px}.generate-buttons button{background:#eaf3ff;color:#2688f7;padding:8px 12px;font-size:12px}.upload-result small{color:#a7b1ba;font-size:10px;display:block;margin-top:6px}@media(max-width:1050px){.brand{font-size:14px}.nav-center{position:static;transform:none;margin-left:auto}.nav-right{margin-left:0}.save{display:none}.left{width:218px}.tool-panel{padding:4px 16px}.right{width:134px;padding:25px 17px}.home-scene{opacity:.5;right:-260px}}@media(max-width:700px){header{padding:0 10px;height:56px;gap:6px}.brand{font-size:12px;gap:5px}.brand-mark{padding:4px}.nav-center button{font-size:0;padding:8px;gap:0}.nav-right{gap:0}.editor{height:calc(100dvh - 56px)}.left{width:154px}.tools{padding:10px 4px;gap:0}.tool{height:51px;font-size:10px}.tool-panel{padding:10px}.model-options{gap:5px}.model-option{width:64px;height:85px;font-size:11px}.sizes{grid-template-columns:repeat(2,1fr)}.swatches{gap:10px}.swatch{width:24px;height:24px}.right{width:83px;padding:20px 9px}.right h3{font-size:11px}.measure strong{font-size:17px}.measure small{display:block;margin:3px 0}.right-total{flex-direction:column;font-size:10px}.dimension-overlay{top:12px;right:10px;gap:6px;flex-direction:column;font-size:10px}.color-picker{width:134px;padding:8px}.floating-buttons button{font-size:0;padding:8px;gap:0}.home{padding:45px 20px}.home h1{font-size:24px}.home-options{flex-direction:column}.entry,.example-entry{width:100%}.home-scene{display:none}.sidebar-foot{padding:12px 10px;font-size:10px}.floating .color-picker{width:180px}.canvas-foot{left:10px;right:10px}.canvas-foot>span:last-child{font-size:9px}}.nav-right{position:absolute;left:300px;margin-left:0}.tools{grid-template-columns:1fr;padding:14px 18px;gap:4px}.tool{flex-direction:row;height:40px;justify-content:flex-start;padding:0 16px;gap:12px}.right{display:flex;flex-direction:column}.measure strong{font-size:16px;line-height:24px}.design-actions{margin-top:auto;display:grid;gap:10px}.design-actions button{height:32px;font-size:13px}.design-actions .save-design{background:#ffb52e;color:#fff}.design-actions .order-design{background:#2688f7;color:#fff}.recent-colors{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.recent-colors .swatches{display:contents}.spectrum{background:conic-gradient(#ed5252,#f5d34f,#44ae80,#2688f7,#9b59d0,#ed5252)}.orientation-sphere{position:absolute;top:18px;right:18px;width:96px;height:96px;pointer-events:none}.jlc-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:38px;color:#2876ff}.jlc-logo:before{content:"";position:absolute;top:2px;right:0;bottom:2px;left:0;border-top:5px solid #2876ff;border-bottom:5px solid #2876ff;border-radius:50%;transform:rotate(-14deg)}.jlc-logo i{position:relative;font-size:20px;font-weight:850;letter-spacing:-2px;background:#fff}.jlc-logo i span{color:#ec3546;font-size:17px}button.brand{padding:0;border-radius:0}button.brand:hover{background:transparent}.generation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#182b4059;display:flex;align-items:center;justify-content:center;padding:24px}.generation-modal{width:520px;max-width:100%;background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 80px #132b4433}.generation-modal h2{margin:0 0 24px;font-size:20px}.upload-preview{display:flex;gap:20px;align-items:center}.upload-preview img{width:180px;height:180px;object-fit:contain;background:#f4f7fa;border-radius:8px}.upload-preview>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.upload-preview strong{font-size:13px;overflow-wrap:anywhere}.generation-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.generation-options button{border:1px solid #dbe3eb;height:64px;font-size:13px}.generation-options button.chosen{border-color:#2688f7}.generation-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.generation-footer button{height:32px;padding:0 20px;background:#f0f3f6}.generation-footer .primary{background:#2688f7;color:#fff}.left{width:300px;flex-direction:row}.tools{width:72px;flex-shrink:0;display:flex;flex-direction:column;padding:12px 0;gap:4px;background:#f4f7fa;border-right:1px solid #edf0f4}.tool{width:72px;height:76px;flex-direction:column;justify-content:center;padding:8px 0;gap:9px;border-radius:0;font-size:12px;color:#737e89}.tool.active{background:#fff;color:#2688f7;box-shadow:inset 2px 0 #2688f7}.tool-panel{min-width:0;padding:24px 16px}.model-option{width:calc((100% - 10px)/2)}@media(max-width:760px){.left{width:244px}.tools,.tool{width:60px}.tool-panel{padding:20px 10px}}.brand-logo{display:block;width:46px;height:40px;object-fit:contain}.measure{margin:12px 0;gap:4px}.right-total{margin-top:20px}.left.collapsed{width:72px}.left.collapsed .tool-panel{display:none}.view-cube{position:absolute;top:32px;right:34px;width:56px;height:56px;perspective:260px;z-index:2}.view-cube-inner{width:56px;height:56px;transform-style:preserve-3d}.view-face{position:absolute;top:0;right:0;bottom:0;left:0;width:56px;height:56px;border:2px solid white;border-radius:0;background:#f4f6f9;color:#6b7785;backface-visibility:hidden;font-size:12px}.face-0{transform:translateZ(28px)}.face-1{transform:rotateY(180deg) translateZ(28px)}.face-2{transform:rotateY(-90deg) translateZ(28px)}.face-3{transform:rotateY(90deg) translateZ(28px)}.face-4{transform:rotateX(90deg) translateZ(28px)}.face-5{transform:rotateX(-90deg) translateZ(28px)}.eyedropper-active,.eyedropper-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M18 3l7 7-4 4-2-2-10 10-5 1 1-5L15 8l-2-2z' fill='white' stroke='%23283441' stroke-width='2'/%3E%3C/svg%3E") 4 24,crosshair}header{height:60px;padding:0 20px;border-bottom:1px solid #edf0f3}.editor{height:calc(100dvh - 60px)}.brand{gap:12px}.nav-center button,.nav-extras button{flex-direction:column;font-size:12px;gap:4px;height:52px;min-width:58px;padding:4px 8px}.file-name{width:140px;padding:4px 8px;border:0;border-left:1px solid #edf0f3;font-size:12px;color:#526171;background:transparent}.nav-right{position:static;margin-left:0}.nav-extras{margin-left:auto;display:flex;position:relative;color:#526171}.more-menu{position:absolute;right:0;top:56px;padding:8px;background:#fff;box-shadow:0 6px 24px #26374b20;border-radius:8px;width:132px}.more-menu button{width:100%;height:36px;flex-direction:row}.tool{color:#4e5c6a}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:620px}.home-secondary .example-entry{width:100%;margin-top:16px}.selected-size{font-size:11px;color:#8b97a3;padding:6px 10px 2px}.selection-colors{padding:12px;max-width:250px}.direct-color-input{position:fixed;width:1px;height:1px;opacity:0;bottom:20px;left:100px;pointer-events:none}.generation-shape button{height:60px}.generation-shape .mini-model{width:32px;height:32px;transform:scale(.65)}.draft-list{max-height:380px;overflow:auto;display:grid;gap:10px}.draft-list>button{justify-content:flex-start;text-align:left;padding:14px;background:#f5f7fa}.draft-list span{flex:1;display:grid;gap:6px}.draft-list small{font-size:11px;color:#8895a3}header{padding-left:12px;gap:8px}.brand{gap:8px;margin-right:8px}.file-name{font-size:14px;padding:4px 0 4px 8px;max-width:180px;box-sizing:content-box}.nav-right{gap:8px}.home-secondary{display:flex;width:max-content;max-width:100%;gap:12px}.home-secondary .example-entry{width:auto;min-width:0;padding:0 16px;height:40px;gap:8px;font-size:13px}.generation-modal{border-radius:12px}.generation-modal h2,.picker-head{font-size:16px}.save-success{position:relative;width:460px;text-align:center}.dialog-close{position:absolute;top:14px;right:14px;color:#97a1ab}.success-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:4px auto 16px;background:#34bc5b;color:#fff;border-radius:50%}.save-success label{display:flex;align-items:center;text-align:left;font-size:13px;gap:20px;margin:16px 0}.save-success label>input,.save-name{flex:1;min-width:0}.save-success input{height:32px;padding:0 10px;border:1px solid #e0e6ec;border-radius:4px;width:100%;font-size:13px;color:#34414e}.save-success input[readonly]{background:#f4f7fa}.save-name{position:relative}.save-name input{padding-right:50px}.save-name small{position:absolute;right:10px;top:9px;color:#97a1ab;font-size:11px}.drafts-link{width:100%;height:36px;margin-top:12px;border:1px solid #2688f7;color:#2688f7;font-size:13px}.generation-modal,.color-picker,.floating-buttons,.more-menu,.toast{border-radius:12px}.home-scene{width:520px;height:400px;right:-125px;top:65px;display:flex;align-items:center;justify-content:center;opacity:1}.home-hero-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}@media(max-width:1100px){.home-scene{width:380px;right:-90px;opacity:1}}@media(max-width:700px){.home-scene{display:none}}.home-app{min-height:100dvh;background:#f4f8ff url(data:image/webp;base64,UklGRpIBAABXRUJQVlA4IIYBAACwEwCdASrAAzYAPj0ejkWiIaEQFAAgA8S0t29JFb0NsTkse5nkAKzdrxcnIe+2b9hC67X03tcnIfBa9Dgwy+klEzg/DjN6U2ZTSUE3uunYLxI32fzERaymkqlUUPWLvsH4PMfXIIhERERDqI4CCotlE3d8BBwBf1AnBnWQJ0Ttvb1uoeeOHLBVQRETLD0naexSlJEoexVHEjYhKz41GNu+ku9Un4dAAP79h8/OE4vtoowJDrPZudPp1Uijjbthk7PCP9xTbACELptP8juCqoajP9OSPzxztj827TkQT3hKCnH2X4uPH3Zz2ohsH4sEelxX4agt40T9yM/HPZ+HoAmwj/aA/Eoau3Pl0hN48eymHuz2og1DSENSD+VdNOJ0ZZovxlQa6cMY9GQzVcWUW1tXuSLi46rrnDOjBGQa7pBeIU+MI2/XdjGe+HAG6YSjz9Xa4tVRH/g8ydu3CmN0T2gDclTJcrL9/EZ3sisPHhfEHCj81O8aIhNA9wPhwhzv6n7rB9CAAAA=) center / cover}.home-app header{background:transparent;border-bottom-color:transparent}.redesigned-home{max-width:1600px;margin:0 auto;padding:64px 5.5vw 70px;min-height:calc(100dvh - 60px);position:relative;overflow:hidden}.home-release{position:absolute;left:24px;top:18px;right:16px;color:#777;font-size:12px;line-height:20px;letter-spacing:0;pointer-events:none}.home-copy{position:relative;width:59%;z-index:1}.redesigned-home .home-title h1{margin:0;font-size:clamp(30px,3.05vw,54px);font-weight:750;line-height:1.3;letter-spacing:-1.5px;color:#101d2c}.redesigned-home .home-title p{margin:10px 0 30px;color:#788596;font-size:clamp(16px,1.5vw,25px);line-height:1.5}.redesigned-home .home-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.redesigned-home .entry{width:100%;height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:26px;border-radius:24px;position:relative;background:#ffffffc9;box-shadow:0 8px 24px #568fc514;overflow:hidden}.redesigned-home .upload-entry{background:#ebf5ff}.entry-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;background:#2688f7;border-radius:9px;margin-bottom:12px}.redesigned-home .entry strong{font-size:20px;margin:0 0 10px;color:#101d2c;position:relative;z-index:1}.redesigned-home .entry-description{font-size:12px;color:#667789;position:relative;z-index:1}.redesigned-home .entry-arrow{width:38px;height:38px;margin-top:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#2688f7}.redesigned-home .entry-art{position:absolute;width:48%;height:80%;object-fit:contain;right:6px;bottom:8px;mix-blend-mode:multiply}.redesigned-home .home-scene{top:75px;right:-9%;width:60%;height:540px;opacity:1;z-index:0;display:flex}.redesigned-home .home-hero-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:0}.home-examples{margin-top:28px}.examples-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.examples-heading h2{font-size:16px;display:flex;align-items:center;gap:10px;margin:0;font-weight:600}.examples-heading h2 svg{color:#009af4}.examples-heading button{font-size:12px;color:#2688f7}.example-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.sample-card{display:flex;flex-direction:column;gap:8px;padding:10px 7px 12px;min-width:0;background:#ffffffd9;border-radius:16px;box-shadow:0 5px 18px #527da308}.sample-card img{width:100%;height:90px;object-fit:contain;border-radius:10px}.sample-card span{font-size:12px;color:#2d3b4d}.redesigned-home .entry:hover{transform:translateY(-2px);box-shadow:0 12px 28px #568fc523}.sample-card:hover{background:#fff;transform:translateY(-2px)}@media(min-width:1650px){.redesigned-home{padding-top:80px}.redesigned-home .entry{height:245px;padding:32px}.redesigned-home .entry strong{font-size:23px}.redesigned-home .entry-description{font-size:15px}.sample-card img{height:114px}.redesigned-home .home-scene{height:620px}}@media(max-width:1100px){.home-copy{width:67%}.redesigned-home .entry{padding:20px}.redesigned-home .entry strong{font-size:18px}.redesigned-home .entry-art{opacity:.85;width:42%}.redesigned-home .home-scene{right:-20%;width:60%}}@media(max-width:760px){.redesigned-home{padding:32px 20px}.home-copy{width:100%}.redesigned-home .home-title h1{font-size:30px}.redesigned-home .home-options{gap:12px}.redesigned-home .entry{padding:18px;height:220px;border-radius:20px}.redesigned-home .entry strong{font-size:17px}.redesigned-home .entry-art{height:90px;width:58%;right:4px;bottom:5px}.redesigned-home .entry-description{font-size:11px}.example-grid{grid-template-columns:repeat(3,1fr)}.redesigned-home .home-scene{position:relative;top:auto;right:auto;height:auto;width:100%;margin-top:16px;display:flex}.redesigned-home .home-hero-image{height:auto}}.delete-active,.delete-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 7h16M11 7V4h6v3M8 7l1 17h10l1-17M12 11v9M16 11v9' fill='white' stroke='%23283441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 13 7,crosshair}.redesigned-home .home-scene{right:-19%;width:59%;top:48px;height:560px;mix-blend-mode:multiply}.redesigned-home .entry-icon svg,.redesigned-home .entry-arrow svg{color:#fff;stroke:#fff}@media(min-width:1650px){.redesigned-home .home-scene{height:670px;top:30px}}@media(max-width:1100px){.redesigned-home .home-scene{right:-24%;width:60%}}@media(max-width:760px){.redesigned-home .home-scene{right:auto;top:auto;width:100%;height:auto}}.redesigned-home{max-width:none;padding:64px 6vw 60px}.redesigned-home .home-copy{width:60%}.redesigned-home .home-options{width:100%;max-width:none}.redesigned-home .home-scene{right:-5%;width:54%;top:35px;height:620px}@media(min-width:1650px){.redesigned-home{padding-top:64px}.redesigned-home .home-scene{height:670px;top:30px}}@media(max-width:1100px){.redesigned-home .home-copy{width:67%}.redesigned-home .home-scene{right:-18%;width:60%}}@media(max-width:760px){.redesigned-home{padding:32px 20px}.redesigned-home .home-copy{width:100%}.redesigned-home .home-scene{right:auto;top:auto;width:100%;height:auto}}.examples-heading button{position:relative;z-index:2;background:#f4f8ff;padding:6px 8px}.home-app .redesigned-home{padding-top:76px;min-height:100dvh}.redesigned-home .home-title h1{font-size:32px;letter-spacing:-.5px}.redesigned-home .home-title p{font-size:16px;margin:10px 0 24px}.redesigned-home .entry{height:170px;padding:22px;border-radius:12px;background:#fff}.redesigned-home .entry strong{font-size:18px}.redesigned-home .entry-icon{width:32px;height:32px;margin-bottom:14px}.redesigned-home .entry-icon svg{width:20px;height:20px}.redesigned-home .entry-art{mix-blend-mode:normal;height:85%;width:44%}.sample-card{border-radius:12px;padding:10px 6px}.sample-card img{height:76px}.sample-card span{font-size:12px}.examples-heading{justify-content:flex-start;gap:24px}.examples-heading button{background:none;font-size:15px;color:#718094;padding:8px 0;border-bottom:2px solid transparent;border-radius:0;display:flex;gap:8px;align-items:center}.examples-heading button[aria-selected=true]{color:#2688f7;border-bottom-color:#2688f7}.home-drafts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-draft-card{border-radius:12px;background:#fff;padding:16px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.home-draft-card small{color:#8695a6}.home-drafts .empty{grid-column:1/-1}.selection-colors{background:#fff;border-radius:12px;box-shadow:0 4px 16px #20334414;margin-top:6px}.floating-grip{cursor:grab;touch-action:none;padding:8px 3px!important;color:#8a97a7}.floating-grip:active{cursor:grabbing}@media(max-width:760px){.home-app .redesigned-home{padding-top:36px}.redesigned-home .home-title h1{font-size:26px}.redesigned-home .entry{height:185px;padding:16px}.redesigned-home .entry strong{font-size:16px}.redesigned-home .entry-art{height:85px;bottom:0}}.redesigned-home .entry,.sample-card,.home-draft-card{border-radius:8px}.entry-icon{background:#2688f7}.quick-draw-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-draw-options button{font-size:12px;background:#f3f5f7;padding:10px 4px;border-radius:6px}.draw-mode-hint{font-size:11px;line-height:1.6;color:#8997a8;margin:8px 0 0}.selection-box{border:1.5px solid #2688f7;background:#2688f710;pointer-events:none;z-index:2}.redesigned-home{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:48px;align-content:start}.redesigned-home .home-copy{width:100%}.redesigned-home .home-scene{position:relative;right:auto;top:auto;width:100%;height:auto;margin-top:48px;align-self:start}.redesigned-home .home-hero-image{height:auto}.redesigned-home .entry-icon{background:transparent;color:#17212d;border-radius:0;justify-content:flex-start}.redesigned-home .entry-icon svg{color:#17212d;stroke:#17212d;fill:none;stroke-width:1.8}@media(max-width:1000px){.redesigned-home{column-gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.redesigned-home .home-copy{width:100%}}@media(max-width:760px){.redesigned-home{display:block}.redesigned-home .home-scene{margin-top:32px;width:100%}}.autosave-status{font-size:12px;color:#8b98a6;white-space:nowrap;margin-right:14px}.left,.right{position:relative}.sidebar-toggle{position:absolute;top:8px;z-index:6;width:24px;height:28px;background:#fff;border:1px solid #e5eaf0;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#748495}.left-toggle{right:-24px}.right-toggle{left:-24px}.right-content{display:flex;flex-direction:column;flex:1;min-height:0}.right.folded{width:0;padding:0;border:0}.right.folded .right-content{display:none}.draft-card-wrap{position:relative;min-width:0}.draft-card-wrap .home-draft-card{width:100%;height:100%;padding-right:32px}.draft-delete{position:absolute;right:8px;top:8px;padding:5px;color:#8995a3;border-radius:4px;background:transparent}.draft-delete:hover{color:#e35454;background:#fff0f0}.draft-row{position:relative}.draft-row>button:first-child{width:100%;padding-right:44px}.draft-row .draft-delete{top:22px}.draft-restore{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;background:#fff;box-shadow:0 4px 24px #20334420;padding:12px 18px;border-radius:12px;font-size:13px;display:flex;gap:16px;align-items:center}.draft-restore button{color:#2688f7;white-space:nowrap}.nav-extras{align-items:center}.draft-row .draft-delete{width:26px;padding:5px;min-height:26px;display:flex;align-items:center;justify-content:center}.draft-row>button:first-child{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:14px 44px 14px 14px;background:#f5f7fa;border-radius:8px}.sidebar-toggle{top:50%;transform:translateY(-50%);width:16px;height:44px;padding:0;border:0;border-radius:0;background:#fff;color:#8f9baa}.left-toggle{right:-16px;clip-path:polygon(0 0,100% 14%,100% 86%,0 100%)}.right-toggle{left:-16px;clip-path:polygon(0 14%,100% 0,100% 100%,0 86%)}.nav-center button{color:#17212d}.nav-center button.nav-active{color:#2688f7}.pan-active,.pan-active canvas{cursor:grab}.pan-active:active,.pan-active canvas:active{cursor:grabbing}.restore-in-list{margin-top:16px;font-size:12px}.drawing-colors .recent-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:7px 4px}.drawing-colors .swatches{display:contents}.drawing-colors .swatch{width:24px;height:24px;min-width:0}.drawing-colors .swatch svg{width:13px;height:13px}.plane-direction{display:flex;gap:6px;margin-top:8px}.plane-direction button{flex:1;font-size:12px;padding:7px;background:#f3f5f7;border-radius:5px}.draw-info{position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:none;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 2px 12px #20334416;font-size:12px;color:#526171;z-index:3}.draft-delete,.draft-rename{opacity:0;pointer-events:none;transition:opacity .15s}.draft-card-wrap:hover .draft-delete,.draft-card-wrap:hover .draft-rename,.draft-row:hover .draft-delete,.draft-row:hover .draft-rename,.draft-card-wrap:focus-within .draft-delete,.draft-card-wrap:focus-within .draft-rename,.draft-row:focus-within .draft-delete,.draft-row:focus-within .draft-rename{opacity:1;pointer-events:auto}.draft-rename{position:absolute;right:34px;top:8px;padding:5px;color:#8995a3}.draft-row .draft-rename{top:22px}.draft-card-wrap .home-draft-card{padding-right:62px}.rename-modal{max-width:360px}.rename-modal>input{width:100%;height:36px;border:1px solid #dbe3eb;padding:8px;border-radius:6px;margin-top:12px}.optimization-control{position:relative}.optimization-popover{position:absolute;top:54px;left:50%;transform:translate(-50%);width:220px;padding:16px;background:#fff;box-shadow:0 4px 24px #20334420;border-radius:12px;z-index:20}.optimization-popover div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.optimization-popover input{width:100%;margin:14px 0 6px;accent-color:#2688f7}.optimization-popover small{color:#8a98a8}.nav-center .optimization-popover button{height:28px;margin:12px auto 0;color:#2688f7;font-size:12px}@media(hover:none){.draft-delete,.draft-rename{opacity:1;pointer-events:auto}}.nav-center .surface-compare{display:flex;gap:6px;margin-top:12px}.nav-center .surface-compare button{flex:1;min-width:0;margin:0;height:30px;background:#f4f6f8;color:#6b7c8e;border-radius:6px}.nav-center .surface-compare button[aria-pressed=true]{background:#e8f2ff;color:#2688f7}.optimization-popover{width:248px}.optimization-state{font-size:12px;color:#8898a8;line-height:1.6;margin:12px 0 0}.optimized-edit-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 3px 16px #20334414;display:flex;gap:16px;align-items:center;font-size:12px;z-index:3}.optimized-edit-hint span{color:#8998a8}.optimized-edit-hint button{color:#2688f7}.refinement-options{gap:6px;margin-top:8px}.nav-center .refinement-options button{border:1px solid #dce4ec;border-radius:6px;padding:0 10px;color:#263748}.nav-center .refinement-options button[aria-pressed=true]{background:#e7f1ff;border-color:#2688f7;color:#2688f7}.optimization-popover{border-radius:8px;width:280px}.refinement-options{display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:6px}.nav-center .refinement-options button{min-width:52px;margin:6px 0 0}.redesigned-home .entry-art{height:70%;width:38%;right:12px;bottom:18px}.redesigned-home .build-entry .entry-art{height:74%;width:40%}.redesigned-home .home-scene{margin-top:0;align-self:center}@media(max-width:760px){.redesigned-home .entry-art{height:76px;width:38%;bottom:10px}.redesigned-home .build-entry .entry-art{height:80px;width:40%}.redesigned-home .home-scene{margin-top:32px}}.redesigned-home .entry,.redesigned-home .entry:hover,.sample-card,.sample-card:hover,.home-draft-card,.home-draft-card:hover{box-shadow:none}.draft-card-wrap .home-draft-card{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px 8px 6px;min-height:80px}.draft-thumbnail{width:66px;height:62px;object-fit:contain;flex-shrink:0}.draft-thumbnail-placeholder{display:grid;place-items:center;color:#99a6b4;background:#f3f6f9;border-radius:4px}.draft-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.draft-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.draft-copy small{font-size:11px}.right .measure{margin-bottom:18px}.right .measure strong{font-size:14px;line-height:1.4;margin-top:4px}.right .measure{margin:14px 0;gap:3px}.right .measure strong{margin-top:0}.right .right-total{margin-top:18px}.redesigned-home .home-scene{align-self:start;margin-top:94px;animation:none;transition:none;transform:none}.redesigned-home .home-hero-image{animation:none;transition:none;transform:none}@media(max-width:760px){.redesigned-home .home-scene{margin-top:32px}}.home-app{height:100dvh;overflow-y:auto;scrollbar-gutter:stable}.model-options{gap:8px}.model-option{width:76px;height:72px;gap:2px}.model-option .mini-model{width:38px;height:38px;transform:scale(.72);transform-origin:center}.compact-recolor-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:7px 4px}.compact-recolor-colors .swatch,.replacement-panel .swatch{width:24px;height:24px;min-width:0}.compact-recolor-colors svg{width:13px;height:13px}.replacement-panel{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf0f4}.replacement-panel h4{font-size:12px;margin:16px 0 8px}.replacement-source,.replacement-target{display:flex;gap:8px;align-items:center;font-size:12px}.replacement-source button{font-size:11px;color:#2688f7;margin-left:auto}.replacement-target input{width:48px;height:30px;border:1px solid #e0e6ef;border-radius:4px;background:#fff}.replacement-panel .swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.replacement-actions{display:flex;gap:8px}.replacement-actions button{flex:1;border-radius:6px;height:30px;font-size:12px;background:#f2f5f8}.replacement-actions .primary{background:#2688f7;color:#fff}.right-content{overflow-y:auto}.right-content>section,.right-content>.measure,.right-content>.design-actions,.right-content>.right-total{flex-shrink:0}.draw-info{top:20px;bottom:auto}.replacement-floating{position:absolute;top:74px;left:50%;transform:translate(-50%);width:228px;padding:16px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;box-shadow:0 4px 18px #20334418;z-index:8;margin:0}.replacement-floating h3{margin:0 0 12px;font-size:14px}.replacement-floating .swatches{grid-template-columns:repeat(6,1fr)}.quick-draw-options button{display:flex;align-items:center;justify-content:center;gap:5px}.quick-draw-options svg{flex-shrink:0}.nav-extras button{color:#17212d}.brand{gap:2px;margin-right:4px}.brand-logo{width:40px}.nav-right{margin-left:-6px;gap:4px}.file-name{padding-left:6px;max-width:150px}.tools{border-right:0}.dimension-tag{position:absolute;transform:translate(-50%,-50%);pointer-events:none;font-size:14px;font-weight:600;color:#243e53;background:#ffffffed;border:1px solid #c5d4e2;border-radius:5px;padding:4px 8px;white-space:nowrap;z-index:4}.draw-progress{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #cfe1f7;border-radius:8px;padding:10px 14px;box-shadow:0 3px 16px #20334414;z-index:5;min-width:230px;font-size:12px}.draw-progress strong{font-size:13px;display:block;margin-bottom:6px;color:#203344}.draw-progress p{margin:6px 0;color:#697e93}.draw-progress .progress-actions{display:flex;gap:6px;margin-top:8px}.progress-actions button{padding:5px 10px;border-radius:5px;font-size:12px;background:#f0f5fb;color:#526171}.progress-actions button[aria-pressed=true],.progress-actions .finish-drawing{background:#e7f1ff;color:#2688f7}.drawing-frame{position:absolute;border:2px dashed #2688f7;box-shadow:0 0 0 1px #ffffffba;border-radius:3px;pointer-events:none;z-index:3}.redesigned-home{padding-top:clamp(96px,calc((100dvh - 440px)/2),182px)}@media(max-width:760px){.redesigned-home{padding-top:48px}}.drawing-counts{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;z-index:6;background:#fff;padding:8px 12px;border-radius:8px;color:#17212d}.drawing-counts label{display:flex;align-items:center;gap:6px;font-size:12px}.drawing-counts input{width:54px;height:28px;border:1px solid #dce5ef;border-radius:4px;padding:4px;font:14px inherit;color:#17212d}.order-modal{position:relative;border-radius:8px}.order-modal .dialog-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#667789;background:transparent}.order-modal .generation-footer button,.order-modal .generation-footer a{border-radius:6px;height:32px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px}.tool:not(.active){color:#17212d}.draft-card-wrap .home-draft-card{justify-content:flex-start;text-align:left}.draft-copy{align-items:flex-start;text-align:left;gap:4px}.draft-copy .draft-modified{font-size:10px;line-height:1.4;color:#8593a4}.floating .selection-colors{display:grid;grid-template-columns:repeat(6,22px);gap:6px;max-width:none;width:max-content;margin:8px auto 0;padding:10px;border-radius:8px}.floating .selection-colors .swatches{display:contents}.floating .selection-colors .swatch{width:22px;height:22px;min-width:22px;padding:0}.floating .selection-colors .swatch svg{width:13px;height:13px}.example-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.sample-card .draft-thumbnail{width:100%;height:72px}@media(max-width:760px){.example-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.example-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.order-modal{width:min(820px,calc(100vw - 48px));max-width:820px;max-height:94dvh;overflow:auto;padding:24px}.order-modal .print-model-name{margin:8px 0 12px;font-weight:500}.print-preview{width:100%;height:clamp(280px,48dvh,420px);border-radius:8px;overflow:hidden;background:#f3f6fa;touch-action:none}.print-preview canvas{display:block;width:100%;height:100%}.order-modal .print-preview-hint{margin:8px 0 12px;font-size:12px;color:#7d8b9c;text-align:center}.order-modal .generation-footer{flex-wrap:wrap}@media(max-width:760px){.example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-modal{padding:18px;width:calc(100vw - 24px)}.print-preview{height:36dvh;min-height:230px}}.order-modal .generation-footer button,.order-modal .generation-footer a,.print-download select{font-size:14px}.print-download{display:flex;align-items:center;gap:6px}.print-download select{height:32px;max-width:150px;border:1px solid #dce4ed;background:#fff;color:#283441;border-radius:6px;padding:0 8px}.right{padding:16px}.right .measure strong{font-size:14px!important}.floating-buttons{border-radius:8px}.file-name-wrap{display:flex;align-items:center;gap:2px;min-width:0}.file-name-wrap .file-name{max-width:150px}.file-name-edit{opacity:0;display:flex;align-items:center;justify-content:center;width:22px;height:26px;padding:2px;background:transparent;color:#526171}.file-name-wrap:hover .file-name-edit,.file-name-wrap:focus-within .file-name-edit{opacity:1}.replacement-drag{display:flex;align-items:center;gap:6px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.replacement-drag:active{cursor:grabbing}.replacement-actions .primary{order:2}.replacement-actions button:not(.primary){order:1}.replace-color-active,.replace-color-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M3 3l3 15 4-5 6-2z' fill='white' stroke='%23283441' stroke-width='1.5'/%3E%3Crect x='14' y='16' width='6' height='6' rx='1' fill='%23ffad46' stroke='white'/%3E%3Crect x='21' y='16' width='6' height='6' rx='1' fill='%231677ff' stroke='white'/%3E%3Cpath d='M15 12h10m-3-3l3 3-3 3' fill='none' stroke='%23283441' stroke-width='1.5'/%3E%3C/svg%3E") 3 3,crosshair}.print-preview{position:relative}.preview-orientation{position:absolute;right:14px;top:14px;width:70px;height:70px;border:1px solid #cedbe7;border-radius:50%;background:radial-gradient(circle at 28% 24%,#fff,#e8eff7 75%);z-index:2;box-shadow:0 2px 6px #20334412}.preview-orientation button{position:absolute;width:22px;height:22px;padding:0;border-radius:50%;transform:translate(-50%,-50%);background:#fff9;color:#46576b;font-size:10px;line-height:22px}.preview-orientation button:hover{background:#ddebff;color:#1677ff}.order-modal{padding:16px}.order-modal .generation-footer{margin-top:16px}.print-format-select{position:relative}.order-modal .format-trigger{gap:10px;min-width:136px;justify-content:space-between;background:#f2f5f8;border:1px solid #e0e6ee}.format-options{position:absolute;right:0;bottom:calc(100% + 6px);min-width:160px;background:#fff;border:1px solid #e0e6ee;box-shadow:0 4px 16px #20334415;border-radius:8px;padding:4px;z-index:20}.order-modal .format-options button{width:100%;justify-content:space-between;border-radius:6px;background:transparent;height:34px;padding:0 10px}.order-modal .format-options button:hover,.order-modal .format-options button[aria-selected=true]{background:#e8f2ff;color:#1677ff}.print-preview .preview-view-cube{top:28px;right:28px}.mode-options button{display:flex;align-items:center;gap:6px}.mode-options button svg{width:12px;height:12px;flex-shrink:0}.delete-active,.delete-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 22 24'%3E%3Cpath d='M5 7h12M9 7V4h4v3M7 7l1 13h6l1-13M10 10v7M12 10v7' fill='white' stroke='%23283441' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 11 12,crosshair}.replacement-target .replacement-native-color{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;padding:0;border:0}.delete-active,.delete-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M5 7h16M10 7V4h6v3' fill='none' stroke='%23283441' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 9h12l-.8 11a2 2 0 0 1-2 1.8H9.8a2 2 0 0 1-2-1.8Z' fill='%23ffffff' stroke='%23283441' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M11 12v6M15 12v6' stroke='%23283441' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") 13 8,crosshair}.order-modal{padding:16px 24px}.order-modal .format-trigger{background:transparent}.order-modal .print-download>button{background:transparent;border:1px solid #2688f7;color:#2688f7}.order-modal .generation-footer,.print-download{gap:12px}.model-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.model-options .model-option{width:100%;min-width:0;padding:6px 2px;height:76px}.model-options .mini-model{width:42px;height:42px}.model-options .mini-model svg{width:32px;height:32px}.model-options .cylinder-body{transform:scale(.8)}.rotation-controls{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-radius:8px;margin-top:6px;font-size:12px}.rotation-controls label{display:flex;align-items:center;gap:6px}.rotation-controls input{width:60px;height:28px;border:1px solid #dce4ed;border-radius:6px;padding:0 6px}.rotation-controls button{color:#1677ff;border:1px solid #1677ff;border-radius:6px;padding:4px 8px}.rotation-controls span{color:#7c899a;font-size:11px}.image-detail-note{font-size:12px;line-height:1.6;color:#738195;margin:16px 0 0}.generation-thickness{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:#283441}.generation-thickness input{flex:1;accent-color:#2688f7}.generation-thickness span{min-width:38px;text-align:right;color:#738195}.selection-shapes{display:flex;gap:8px;padding:10px;background:#fff;border-radius:8px;margin-top:6px;box-shadow:0 4px 18px #20334418}.selection-shapes button{display:flex;flex-direction:column;align-items:center;gap:3px;width:72px;font-size:12px;padding:6px;background:#f3f6f9;border-radius:6px}.selection-shapes button:hover{background:#e8f2ff;color:#1677ff}.rotation-ball{position:absolute;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none}.rotation-ball svg{width:100%;height:100%;overflow:visible;pointer-events:none;touch-action:none;outline:none}.rotation-ring-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke;cursor:grab}.rotation-ring{fill:none;stroke:#1677ff;stroke-width:2.5;pointer-events:none;filter:drop-shadow(0 1px 2px #fff)}.rotation-sphere-latitude{fill:none;stroke:#1677ff;stroke-opacity:.28;stroke-width:1;pointer-events:none}.rotation-ring-handle{fill:#1677ff;stroke:#fff;stroke-width:2;pointer-events:all;cursor:grab}.rotation-ball svg:focus .rotation-ring{stroke-width:4}.rotation-ball svg:active .rotation-ring-hit,.rotation-ball svg:active .rotation-ring-handle{cursor:grabbing}.rotation-ball-angle{position:absolute;left:50%;top:100%;transform:translate(-50%);color:#1677ff;font-size:12px;background:#fffe;padding:2px 6px;border-radius:4px}.pixel-effects-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:30;min-width:144px;padding:4px;background:#fff;border:1px solid #e0e6ee;border-radius:8px;box-shadow:0 4px 18px #20334418}header .pixel-effects-menu button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:34px;padding:0 10px;font-size:13px;border-radius:6px}header .pixel-effects-menu button:hover{background:#e8f2ff;color:#1677ff}.dimension-control{position:relative}.dimension-menu{min-width:164px}header .dimension-menu .dimension-toggle{height:36px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#283441;font-size:13px;cursor:pointer}header .dimension-menu .dimension-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:30px;height:17px;margin:0;border:0;border-radius:10px;background:#c5ced8;cursor:pointer;transition:background .15s}header .dimension-menu .dimension-toggle input:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #17212d30;transition:transform .15s}header .dimension-menu .dimension-toggle input:checked{background:#2688f7}header .dimension-menu .dimension-toggle input:checked:after{transform:translate(13px)}header .dimension-menu .dimension-toggle input:focus-visible{outline:2px solid #2688f7;outline-offset:2px}.dimension-card{position:absolute;z-index:12;top:16px;left:50%;transform:translate(-50%);width:320px;max-width:calc(100% - 24px);padding:14px 16px;background:#fff;border:1px solid #e0e6ee;border-radius:8px;box-shadow:0 4px 18px #2033441c;color:#283441;font-size:13px}.dimension-card-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}.dimension-card-heading button{display:grid;place-items:center;width:26px;height:26px;padding:0;color:#738195;border-radius:5px}.dimension-card-heading button:hover{background:#f2f5f8;color:#283441}.dimension-summary{display:flex;justify-content:space-between;gap:12px;margin:12px 0;color:#738195;font-size:12px}.dimension-summary span{color:#283441;font-variant-numeric:tabular-nums}.dimension-input-label{display:flex;align-items:center;justify-content:space-between;color:#536477;font-size:12px}.dimension-input-label span{display:flex;align-items:center;gap:6px;color:#738195}.dimension-input-label input{width:104px;height:32px;padding:0 8px;border:1px solid #d5dfe9;border-radius:5px;color:#283441;font-size:13px;font-variant-numeric:tabular-nums}.dimension-input-label input:focus{outline:2px solid #2688f740;border-color:#2688f7}.dimension-multipliers{display:flex;gap:6px;margin-top:10px}.dimension-card .dimension-multipliers button{flex:1;height:28px;border:1px solid #dce4ec;border-radius:5px;color:#526477;font-size:12px}.dimension-card .dimension-multipliers button:hover{border-color:#2688f7;color:#1677ff;background:#f4f9ff}.dimension-card .dimension-apply{width:100%;height:32px;margin-top:10px;border-radius:5px;background:#2688f7;color:#fff;font-size:13px}.dimension-card .dimension-apply:hover:not(:disabled){background:#1677e8}.dimension-card .dimension-apply:disabled{background:#e8edf2;color:#98a4b1;cursor:default}@media(max-width:600px){.dimension-card{top:10px;width:300px;padding:12px}.dimension-summary{font-size:11px}}.decorate-active,.decorate-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M3 2l3 15 4-5 6-2z' fill='white' stroke='%23283441' stroke-width='1.4' stroke-linejoin='round'/%3E%3Crect x='17' y='15' width='5' height='5' rx='1' fill='%232688f7'/%3E%3Crect x='23' y='21' width='5' height='5' rx='1' fill='%237fbafa'/%3E%3Crect x='15' y='23' width='4' height='4' rx='1' fill='%231f69ba'/%3E%3Cpath d='M23 9v4m-2-2h4' stroke='%232688f7' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,crosshair}.plane-direction{display:flex;gap:4px;padding-right:8px;border-right:1px solid #e4eaf0}.plane-direction button{font-size:12px;padding:5px 8px;border-radius:6px;background:#f2f5f8;color:#283441}.model-size-dropdown{display:block;width:100%;height:32px;margin-top:12px;padding:0 10px;border:1px solid #dce4ed;border-radius:6px;background:#fff;color:#283441;font-size:13px}.drawing-colors .recent-colors{row-gap:12px}.precise-rotation{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px;margin-top:6px;font-size:12px}.precise-rotation label{display:flex;align-items:center;gap:4px}.precise-rotation input{width:64px;height:28px;padding:0 6px;border:1px solid #dce4ed;border-radius:6px}.axis-button{width:24px;height:26px;border-radius:5px;background:#f2f5f8;font-weight:600}.axis-button[data-axis=x]{color:#e45555}.axis-button[data-axis=y]{color:#32a569}.axis-button[data-axis=z]{color:#2688f7}.axis-button.active{outline:1px solid currentColor;background:#fff}.rotation-apply{height:28px;padding:0 10px;border:1px solid #2688f7;color:#2688f7;border-radius:6px}.rotation-ring.axis-x{stroke:#e45555}.rotation-ring.axis-y{stroke:#32a569}.rotation-ring.axis-z{stroke:#2688f7}.rotation-ring-handle.axis-x{fill:#e45555}.rotation-ring-handle.axis-z{fill:#2688f7}.pixel-toolbar{position:absolute;left:50%;top:20px;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid #e0e6ee;border-radius:8px;box-shadow:0 3px 14px #20334412;color:#283441;font-size:12px}.pixel-toolbar label{display:flex;align-items:center;gap:10px}.pixel-toolbar input{width:150px;accent-color:#2688f7}.pixel-toolbar span{min-width:30px;text-align:right}.sample-caption{display:flex;flex-direction:column;gap:4px;min-width:0;align-items:center}.sample-caption strong{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.sample-caption small{font-size:10px;color:#788596;line-height:1.4}.sample-card{justify-content:flex-start}.pixel-toolbar button{margin-left:8px;padding:4px 10px;border-left:1px solid #e0e6ee;color:#1677ff}.pixel-toolbar{border:0}.pixel-toolbar input[type=range]{border:0;box-shadow:none;background:transparent;padding:0}.pixel-toolbar button{border:0}.normalization-toolbar{gap:10px;white-space:nowrap}.normalization-toolbar small{color:#738195;font-size:11px}header .pixel-effects-menu button:disabled{opacity:.4;cursor:default}.app-toast{position:fixed;top:160px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 14px;background:#fff;color:#283441;border-radius:6px;box-shadow:0 4px 18px #20334420;font-size:13px;line-height:20px;pointer-events:none}.app-toast svg{color:#2688f7;flex-shrink:0}.normalization-panel{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:8;width:264px;max-width:calc(100% - 24px);padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #20334420;font-size:13px}.normalization-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.normalization-heading span{display:flex;align-items:center;gap:8px}.normalization-heading button{display:grid;place-items:center;width:24px;height:24px;padding:0;color:#738195}.normalization-panel label{display:grid;grid-template-columns:1fr auto;gap:10px}.normalization-panel label span{font-variant-numeric:tabular-nums;color:#738195}.normalization-panel input{grid-column:1 / -1;width:100%;accent-color:#2688f7}.normalize-active,.normalize-active canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M3 2l3 15 4-5 6-2z' fill='white' stroke='%23283441' stroke-width='1.4'/%3E%3Crect x='15' y='16' width='5' height='5' fill='%2370b5fb'/%3E%3Crect x='23' y='16' width='5' height='5' fill='%231677ff'/%3E%3Cpath d='M16 25h11m-3-3l3 3-3 3' fill='none' stroke='%231677ff' stroke-width='1.5'/%3E%3C/svg%3E") 3 2,crosshair}.sample-card{position:relative}.sample-card .connection-badge{position:absolute;top:7px;left:7px;padding:1px 4px;border-radius:3px;background:#edf1f5dc;color:#7b8794;font-size:10px;font-weight:400;line-height:1.4}.precision-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 12px;cursor:pointer}.precision-toggle span{display:flex;align-items:center;gap:8px}.connection-edit-exit{position:absolute;left:16px;top:16px;z-index:30;background:#fff;color:#2688f7;border:1px solid #2688f7;border-radius:6px;padding:7px 10px;font-size:12px}.preview-interaction-tools{position:absolute;left:12px;top:12px;z-index:5;display:flex;gap:6px}.preview-interaction-tools button{display:flex;align-items:center;gap:5px;padding:7px 9px;background:#fff;border:1px solid #d8e1ea;border-radius:6px}.preview-interaction-tools button[aria-pressed=true]{color:#2688f7;border-color:#2688f7}.precision-toggle .sidebar-switch{width:28px;height:16px}.connection-direction button{background:#fff;border:1px solid #d6dfeb;border-radius:4px;color:#2688f7;padding:5px}.rounding-status button{pointer-events:auto;margin-left:10px;background:#fff;border:1px solid #d8e1ea;border-radius:4px;color:#2688f7;padding:4px 8px;font-size:12px}.tracing-progress strong{color:#536477;font-size:12px;font-weight:400}.canvas-hint{background:#0009;color:#fff;border-radius:6px;bottom:24px;z-index:18;max-width:calc(100% - 32px);white-space:normal}.canvas-hint button,.canvas-hint button:hover{color:#fff;background:transparent;flex-shrink:0}.dimension-tag{font-size:12px;font-weight:400}.app-toast{animation:toast-disappear 3s both}@keyframes toast-disappear{0%,86%{opacity:1}to{opacity:0}}.pixel-custom-size{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}.pixel-custom-size input{width:86px;height:30px;padding:0 8px;border:1px solid #dce4ed;border-radius:4px;font-size:13px}.selection-more-menu{position:absolute;right:0;top:38px;width:136px;background:#fff;border:1px solid #e0e6ee;padding:4px;border-radius:6px;box-shadow:0 4px 18px #20334415;z-index:30}.selection-more-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;border-radius:4px}.selection-more-menu button:hover{background:#edf5ff;color:#2688f7}.model-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0;padding:6px;background:#fff;border:1px solid #e0e6ee;border-radius:6px}.model-library button{display:grid;place-items:center;min-width:0;border-radius:4px;font-size:12px;padding:4px}.model-library button:hover{background:#edf5ff}.model-library button:disabled{opacity:.4;cursor:default}.model-library canvas{width:100%;max-width:96px;height:72px;object-fit:contain}.model-library-popover{position:fixed;z-index:1000;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:12px;background:#fff;border:1px solid #e0e6ee;border-radius:6px;box-shadow:0 8px 28px #20334422;color:#283441}.model-library-popover header{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:26px;min-height:0;padding:0;margin:0 0 8px;background:transparent;border:0;box-shadow:none}.model-library-popover h3{font-size:13px;font-weight:600;margin:0}.model-library-popover header button{display:grid;place-items:center;width:24px;height:24px;padding:0;color:#738195}.model-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.model-library-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:102px;padding:4px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#536477}.model-library-grid>button:hover{background:#edf5ff;border-color:#d2e6ff}.model-library-grid>button:disabled{opacity:.35;cursor:default}.model-library-image{display:block;width:100%;height:74px}.model-library-image .draft-thumbnail{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent}.model-library-image .draft-thumbnail-placeholder{display:grid;place-items:center}.model-rotation-inputs{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);display:flex;align-items:center;gap:4px;background:#fff;padding:6px;border:1px solid #e0e6ee;border-radius:5px;pointer-events:auto;max-width:340px}.model-rotation-inputs label{display:flex;align-items:center;gap:2px;font-size:12px;color:#657487}.model-rotation-inputs button{width:22px;height:26px;padding:0;display:grid;place-items:center;border-radius:3px;font-size:11px}.model-rotation-inputs button.active{color:#2688f7;background:#edf5ff}.model-rotation-inputs input{width:52px;height:26px;padding:0 4px;border:1px solid #dce4ed;border-radius:4px;font-size:12px}.rotation-ball-angle{top:-22px}.model-scale-handle{position:absolute;z-index:16;width:28px;height:28px;background:#fff;color:#2688f7;border:1px solid #dce4ed;border-radius:4px;display:grid;place-items:center;padding:0;cursor:nwse-resize;touch-action:none}.view-turn{position:absolute;left:-16px;right:-16px;top:-26px;display:flex;justify-content:space-between;opacity:0;pointer-events:none;transition:opacity .12s}.view-cube:hover .view-turn,.view-cube:focus-within .view-turn{opacity:1;pointer-events:auto}.view-turn button{width:24px;height:24px;background:#fff;border-radius:4px;color:#657487;padding:0;display:grid;place-items:center}.order-modal{width:min(820px,calc(100vw - 48px));max-width:820px}.floating:not(.connection-tools) .floating-buttons>button:not(.floating-grip){flex-direction:column;gap:4px;min-width:44px;min-height:48px;padding:5px 7px;font-size:11px}.floating:not(.connection-tools) .floating-buttons{flex-wrap:wrap}.raw-trace-toggle{justify-content:flex-start;gap:8px;margin-bottom:10px}@media(max-width:760px){.model-rotation-inputs{gap:2px;padding:4px}.model-rotation-inputs input{width:42px}.home-release{left:16px;font-size:12px}}.tools .connection-tool{margin-top:8px;border-top:1px solid #e3e9ef;padding-top:12px}.connection-marker{position:absolute;z-index:22;transform:translate(-50%,-50%);width:28px;height:28px;border:0;background:transparent!important;padding:0;cursor:pointer}.connection-marker:focus-visible{outline:2px solid #2688f7;outline-offset:2px}.connection-tools.floating{position:absolute;z-index:30;left:50%;transform:translate(-50%);display:flex;padding:0;background:transparent;max-width:calc(100% - 24px);font-size:12px}.connection-tools strong{font-weight:500}.cut-cursor{position:absolute;z-index:24;display:flex;align-items:flex-start;flex-direction:column;gap:5px;pointer-events:none}.cut-axis-block{position:relative;width:28px;height:26px;display:grid;place-items:center;color:#fff;background:#2688f7;font-size:10px;border-radius:2px;box-shadow:3px 3px #1366c5;transform:skewY(-12deg)}.cut-axis-block.axis-x{width:14px;height:30px;transform:skewY(-20deg)}.cut-axis-block.axis-y{width:32px;height:14px;transform:skew(-24deg)}.cut-axis-block.axis-z{width:26px;height:24px;transform:skewY(-12deg)}.cut-cursor-tip{padding:4px 6px;color:#536477;background:#fff;border-radius:4px;box-shadow:0 2px 8px #20334418;font-size:10px;max-width:260px;white-space:normal;line-height:1.5}.connection-help{position:fixed;z-index:80;width:264px;max-width:calc(100vw - 16px);padding:12px;background:#fff;border:1px solid #e3e9ef;border-radius:6px;box-shadow:0 4px 18px #20334415;pointer-events:auto}.connection-help h3{margin:0 0 8px;font-size:14px;font-weight:500}.connection-help .print-preview{height:160px;min-height:0}.connection-help .view-cube{display:none}.connection-help-steps{display:flex;justify-content:space-between;gap:6px;padding-top:10px;font-size:11px;color:#678}.connection-help-steps span+span:before{content:"›";margin-right:6px}.connection-tools .floating-buttons>button:not(.floating-grip):not(.floating-close){flex-direction:column;gap:4px;min-width:44px;min-height:48px;padding:5px 7px;font-size:11px}.connection-tools .floating-buttons{align-items:center}.connection-demo{display:block;width:100%;height:160px;border-radius:4px;background:#f3f6fa}.connection-demo-face{fill:#ff8a00;opacity:.12;animation:connection-face-demo 4s infinite;cursor:crosshair}.connection-demo-pointer{pointer-events:none;animation:connection-pointer-demo 4s ease-in-out infinite}.connection-demo.is-hovered .connection-demo-face{animation:none;opacity:.9}.connection-demo.is-hovered .connection-demo-pointer{animation:none;transform:translate(112px,92px)}@keyframes connection-face-demo{0%,32%,to{opacity:.12}40%,85%{opacity:.9}}@keyframes connection-pointer-demo{0%,15%,to{transform:translate(190px,125px)}40%,85%{transform:translate(112px,92px)}}@media(prefers-reduced-motion:reduce){.connection-demo-face{animation:none;opacity:.85}.connection-demo-pointer{animation:none;transform:translate(112px,92px)}}.connection-settings{margin-top:8px;margin-bottom:8px;padding-top:8px;border-top:1px solid #e3e9ef}.connection-settings h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px}.connection-settings h3 span{font-size:11px;font-weight:400;color:#8895a4}.right-content .design-actions{position:sticky;bottom:0;background:#fff;padding-top:16px;z-index:2}.connection-parameters{margin-bottom:8px;border:1px solid transparent;border-radius:6px;background:#f5f7fa;overflow:hidden}.connection-parameters.selected{border-color:#2688f7}.connection-name{padding:10px 8px;width:100%;justify-content:space-between;gap:4px;font-size:12px;color:#283441;text-align:left;border-radius:0}.connection-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-name svg{flex-shrink:0;color:#8a97a7}.connection-parameters.selected .connection-name svg{transform:rotate(180deg)}.connection-card-body{padding:0 8px 10px}.connection-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;gap:2px;background:#f0f3f7;border-radius:4px;padding:2px}.connection-size-options button{padding:5px 0;font-size:11px;border-radius:3px;color:#678}.connection-size-options button[aria-checked=true]{background:#fff;color:#1677ff}.connection-parameters dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 4px;margin:14px 0 0;font-size:11px}.connection-parameters dt{color:#8895a4}.connection-parameters dd{margin:0;color:#344455;white-space:nowrap}.basic-info{flex-shrink:0;margin-bottom:0}.right{container-type:inline-size;container-name:sidebar}.editor>.right:not(.folded){width:200px;min-width:200px;padding:16px}.basic-info h3{margin:0;font-size:13px}.basic-dimensions-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 6px;font-size:11px;color:#8895a4}.basic-dimensions-title{font-size:11px;font-weight:400;margin:0}.basic-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.right .basic-dimensions .measure{margin:0;gap:3px;min-width:0}.right .basic-dimensions .measure strong{font-size:12px!important;line-height:1.4;overflow-wrap:anywhere}.basic-dimensions .measure>span{font-size:11px}.right .basic-info .right-total{margin-top:10px;font-size:11px;gap:5px}.model-opacity-panel{position:absolute;top:52px;left:50%;transform:translate(-50%);width:220px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;background:#fff;border:1px solid #e3e9ef;border-radius:6px;box-shadow:0 4px 18px #20334415;z-index:40;font-size:12px}.model-opacity-panel>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.model-opacity-panel input{width:100%;accent-color:#2688f7}.model-opacity-panel span{color:#789}.assembly-controls{display:flex;align-items:center;gap:16px;margin-bottom:10px;min-height:26px;font-size:12px;color:#536477}.assembly-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.assembly-controls input[type=range]{width:160px;accent-color:#2688f7}.assembly-controls input[role=switch]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:16px;position:relative;border-radius:8px;background:#c4ceda;margin:0;cursor:pointer}.assembly-controls input[role=switch]:checked{background:#2688f7}.assembly-controls input[role=switch]:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px}.assembly-controls input[role=switch]:checked:before{left:14px}.app-recovery{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#f5f8fb;color:#333}.app-recovery h1{font-size:20px;margin:0}.app-recovery p{font-size:14px;color:#777;margin:0}.app-recovery button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1677ff;color:#fff;border-radius:4px}@media(max-width:760px){.right:not(.folded){width:132px;min-width:132px;padding:12px}.right .basic-info .right-total{flex-direction:row}header{padding:0 8px;gap:4px}header .brand{font-size:0;gap:0;margin-right:0;flex-shrink:0}header .file-name-wrap,.nav-extras .autosave-status,.nav-extras>button:first-of-type{display:none}.nav-center{position:static;transform:none;margin-left:0;flex:1;justify-content:center;gap:2px}.nav-center>button,.nav-center>.optimization-control>button{min-width:40px;height:48px;padding:4px 2px;font-size:10px}.nav-right{gap:2px;flex-shrink:0}.nav-right .icon{width:28px;min-width:28px}.nav-extras{margin-left:0}.nav-extras>button{min-width:36px;padding:4px 2px;font-size:10px}.pixel-effects-menu{left:auto;right:0}.editor:has(.connection-tool.active) .left{width:60px;min-width:60px}.editor:has(.connection-tool.active) .right:not(.folded){width:124px;min-width:124px}.editor:has(.connection-tool.active) .tool-panel{display:none}.connection-tools{width:calc(100% - 20px);max-width:none;gap:4px;padding:6px}.connection-tools strong{width:100%;text-align:center;white-space:nowrap}.connection-tools .floating-buttons{flex-wrap:wrap;justify-content:center}.connection-parameters dl,.connection-size-options button{font-size:10px}.connection-card-body{padding:0 6px 8px}}@container sidebar (max-width:110px){.basic-dimensions{grid-template-columns:minmax(0,1fr);gap:4px}.right .basic-dimensions .measure{flex-direction:row;align-items:center;justify-content:space-between;gap:4px}.right .basic-dimensions .measure strong{white-space:nowrap;overflow-wrap:normal}.connection-parameters dl{grid-template-columns:minmax(0,1fr);gap:4px}.connection-parameters dd{margin-bottom:3px}}.sidebar-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#64748b;margin-top:10px;min-width:0}.sidebar-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:16px;flex:0 0 28px;border:0;border-radius:8px;background:#c4cedb;position:relative;cursor:pointer;margin:0}.sidebar-switch:before{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s}.sidebar-switch:checked{background:#2688f7}.sidebar-switch:checked:before{left:14px}.sidebar-switch:focus-visible{outline:2px solid #2688f7;outline-offset:2px}.sidebar-opacity{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:#64748b}.sidebar-opacity input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;width:100%;height:16px;padding:0;border:0;background:transparent;accent-color:#2688f7;box-shadow:none}.sidebar-opacity input::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;background:linear-gradient(to right,#2688f7 0 var(--opacity-progress),#dce4ec var(--opacity-progress) 100%)}.sidebar-opacity input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#2688f7}.sidebar-opacity input::-moz-range-track{height:4px;border:0;border-radius:2px;background:#dce4ec}.sidebar-opacity input::-moz-range-progress{height:4px;border:0;border-radius:2px;background:#2688f7}.sidebar-opacity input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#2688f7}.sidebar-opacity output{flex:0 0 32px;text-align:right}.basic-info-heading,.connection-settings-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px}.connection-settings-heading{margin-bottom:8px}.connection-settings-heading h3{margin:0}.basic-info-heading .sidebar-toggle-row,.connection-settings-heading .sidebar-toggle-row{margin:0 0 0 auto;gap:8px;white-space:nowrap}.connection-marker.shown{background:#fff!important;border:1px solid #2688f7;border-radius:6px;color:#2688f7;display:grid;place-items:center;box-shadow:0 1px 4px #0002}.tenon-clearance{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;font-size:11px;color:#64748b;margin-top:8px}.tenon-clearance>span:first-child{grid-column:1/-1}.tenon-clearance input{width:100%;min-width:0;padding:4px;border:1px solid #d6dfeb;border-radius:4px;color:#253448;background:#fff;font-size:11px;box-sizing:border-box}.connection-direction{display:grid;gap:4px;font-size:11px;color:#64748b;margin-top:8px}.connection-direction select{min-width:0;width:100%;padding:4px;border:1px solid #d6dfeb;border-radius:4px;background:#fff;font-size:11px}.connection-reset{font-size:11px;margin-top:10px;gap:4px}@media(max-width:760px){.editor:has(.left:not(.collapsed))>.right:not(.folded){width:132px;min-width:132px;padding:12px}.editor:has(.left:not(.collapsed)) .basic-info-heading,.editor:has(.left:not(.collapsed)) .connection-settings-heading{flex-wrap:wrap}.editor:has(.connection-tool.active) .basic-info-heading,.editor:has(.connection-tool.active) .connection-settings-heading{flex-wrap:wrap}}.connection-edit-exit{height:32px;min-height:32px;box-sizing:border-box;font-size:12px;line-height:16px;padding:0 10px;display:flex;align-items:center}.floating-buttons button.tool-state-active{background:#e8f2ff;color:#1677ff}.drawing-counts{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 32px);width:max-content;gap:8px 12px}.drawing-stage{flex-basis:100%;text-align:center;font-size:12px;color:#1677ff;white-space:normal}.brand-logo{position:relative;top:4px}.model-options .mini-model.cube,.model-options .mini-model.cylinder{width:42px;height:42px;transform:none}.model-options .mini-model.cube svg,.model-options .mini-model.cylinder svg{width:32px;height:32px}.model-size-dropdown,.connection-direction select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m2 3 3 3 3-3' fill='none' stroke='%239aa8b8' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:28px}.tool[aria-disabled=true]{opacity:.4;cursor:not-allowed}.connection-parameters{border-radius:4px}.connection-parameters.selected{border-radius:6px}.tenon-clearance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px;align-items:center}.tenon-clearance>span:first-child{grid-column:auto}.parameter-input{position:relative;min-width:0}.parameter-input input{width:100%;padding-right:22px}.parameter-input .parameter-unit{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none}.connection-direction{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:6px}.connection-type-control{position:relative;min-width:0}.connection-type-control>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2px;font-size:11px;color:#283441;padding:5px}.connection-type-control>button svg{color:#9aa8b8;flex-shrink:0}.connection-type-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;background:#fff;border:1px solid #e0e6ee;border-radius:6px;padding:4px;box-shadow:0 4px 12px #20334415}.connection-type-options button{width:100%;font-size:11px;border:0;background:#e8f2ff;color:#1677ff}@media(max-width:760px){.tenon-clearance,.connection-direction{gap:4px;font-size:10px}.parameter-input input{font-size:10px;padding:4px 16px 4px 3px}.parameter-input .parameter-unit{font-size:8px;right:2px}.connection-type-control>button{font-size:10px}}.canvas-hint{pointer-events:none}.canvas-hint button{pointer-events:auto}@media(max-width:760px){.editor>.right:not(.folded){width:132px;min-width:132px;padding:12px}.connection-edit-exit{max-width:calc(100% - 24px);left:12px}}.nav-divider{width:1px;height:24px;background:#e5eaf0;margin:0 8px;flex:none}.file-name-wrap{display:grid!important;grid-template-columns:max-content 22px max-content;gap:0!important;align-items:center}.file-name-measure{grid-column:1;grid-row:1;visibility:hidden;white-space:pre;font-size:14px;font-family:inherit;padding:4px 0 4px 8px}.file-name-wrap .file-name{grid-column:1;grid-row:1;width:100%;min-width:0;max-width:none;box-sizing:border-box;font-size:14px}.file-name-edit{grid-column:2;grid-row:1}.file-name-wrap .autosave-status{grid-column:3;grid-row:1;margin-left:8px;font-size:12px;white-space:nowrap}.file-name-wrap:not(:hover):not(:focus-within) .file-name-edit{width:0}.file-name-wrap:not(:hover):not(:focus-within){grid-template-columns:max-content 0 max-content}.wireframe-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;font-size:12px}.wireframe-help{display:none;position:absolute;left:calc(100% + 8px);top:0;width:220px;padding:10px 12px;border-radius:6px;background:#fff;color:#536477;box-shadow:0 4px 18px #28344120;white-space:normal;line-height:1.6}.wireframe-toggle:hover .wireframe-help,.wireframe-toggle:focus-within .wireframe-help{display:block}input[type=range]{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;height:6px!important;padding:0!important;border:1px solid #dce3eb!important;border-radius:4px!important;box-shadow:none!important;background:#e5eaf0!important;accent-color:#2688f7;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;width:12px!important;height:12px!important;border:1px solid #fff!important;border-radius:50%!important;background:#2688f7!important;box-shadow:0 0 0 1px #2688f722}input[type=range]::-moz-range-thumb{width:12px!important;height:12px!important;border:1px solid #fff!important;border-radius:50%!important;background:#2688f7!important}input[type=range]::-moz-range-track{height:4px;background:#e5eaf0;border-radius:3px}.nav-divider{align-self:center;height:28px}.tracing-modal .raw-trace-toggle{margin:10px 0 16px}.preview-interaction-tools button{border:0!important;box-shadow:none!important;background:#f3f6fa!important;font-size:12px!important;gap:4px}.preview-interaction-tools button[aria-pressed=true]{color:#1677ff}.print-part-row{border-radius:4px;padding-left:0!important;padding-right:0!important}.print-part-select{justify-content:flex-start!important;padding:0!important;gap:8px!important}.print-part-select .draft-thumbnail{width:54px}.dimension-tag{border:0!important;box-shadow:none!important}.dimension-input-label{margin-top:10px}.dimension-input-label input{height:32px!important;background:transparent!important}.dimension-card-heading,.normalization-heading,.optimization-popover>div:first-child,.pixel-toolbar>svg{cursor:grab;touch-action:none}.cut-axis-block{background:#ff8a00!important;border:1px solid #dc6b00;border-radius:1px;box-shadow:none!important}.model-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#28344155;display:grid;place-items:center}.model-loading-overlay>div{display:flex;align-items:center;gap:12px;padding:20px 28px;background:#fff;border-radius:8px;color:#283441;font-size:14px;box-shadow:0 8px 32px #28344125}.model-loading-spinner{width:22px;height:22px;border:2px solid #e0eaf4;border-top-color:#2688f7;border-radius:50%;animation:model-loading-spin .8s linear infinite}@keyframes model-loading-spin{to{transform:rotate(360deg)}}.file-name-wrap,.file-name-wrap:not(:hover):not(:focus-within){grid-template-columns:max-content max-content 22px}.file-name-wrap .file-name{width:0;min-width:100%;padding-right:0}.file-name-wrap .autosave-status{grid-column:2;margin-left:8px}.file-name-edit{grid-column:3}.parts-preview-controls>.dialog-close{position:static;border:0}@media(max-width:700px){.dimension-card,.normalization-panel,.optimization-popover{position:fixed;left:50%;right:auto;top:88px;transform:translate(-50%);width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);z-index:60;box-sizing:border-box}.file-name-wrap{max-width:calc(100vw - 100px)}.file-name-wrap .file-name-measure{max-width:180px;overflow:hidden}.wireframe-help{left:auto;right:0;top:100%}}.file-name-wrap .file-name-edit{min-width:0;overflow:hidden}.file-name-wrap:not(:hover):not(:focus-within) .file-name-edit{padding:0;visibility:hidden}header .more-menu{width:max-content;min-width:236px;max-width:calc(100vw - 24px);box-sizing:border-box;z-index:80}.canvas-host[data-bulk-mode] canvas{cursor:var(--bulk-cursor)!important}header .nav-extras .more-menu button{display:flex;flex-direction:row;justify-content:flex-start;text-align:left;white-space:nowrap;height:36px;padding:0 12px;font-size:13px;min-width:0}header .dimension-menu .dimension-toggle input,header .wireframe-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:16px;height:16px;min-width:16px;flex:0 0 16px;border:1px solid #b9c5d1;border-radius:3px;background:#fff;margin:0;position:relative;cursor:pointer;transition:none}header .dimension-menu .dimension-toggle input:after,header .wireframe-toggle input:after{content:none}header .dimension-menu .dimension-toggle input:checked,header .wireframe-toggle input:checked{border-color:#2688f7;background:#2688f7}header .dimension-menu .dimension-toggle input:checked:after,header .wireframe-toggle input:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);background:none;border-radius:0;box-shadow:none}header .file-name-wrap{margin-left:0}header .file-name-wrap .file-name{padding-left:10px}header .file-name-wrap .file-name-measure{padding-left:12px}header .file-name-wrap .autosave-status{margin-right:0}header .nav-right{margin-left:-14px;gap:4px}.tools .tool .lucide-pencil{transform:rotate(180deg)}.tools .tool .lucide-link-2{width:23px;height:23px;stroke-width:2}.design-actions .save-design{background:#ffad32}.redesigned-home .home-release{position:absolute;left:6vw;top:18px;margin:0;pointer-events:auto}.redesigned-home .build-entry .entry-art{height:86%;width:47%}.sample-caption strong{font-size:14px}.sample-caption small,.entry-description{font-size:12px}.order-modal .print-part-download,.order-modal .print-part-download:hover{background:transparent;border-color:transparent;color:#2688f7}.bead-export-dialog .bead-export-download{background:#2688f7;color:#fff;border-color:#2688f7}.bead-export-preview{position:relative;overflow:hidden!important;touch-action:none;cursor:grab;min-height:240px;-webkit-user-select:none;user-select:none}.bead-export-preview.is-panning{cursor:grabbing}.bead-export-preview img{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;transform-origin:center;pointer-events:none;margin:0}.tracing-upload-choice{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #dce4ed;border-radius:6px;margin:12px 0;text-align:left;background:#fff}.tracing-upload-choice.chosen{border-color:#2688f7;background:#eef6ff;color:#1677ff}.tracing-upload-choice>span{display:flex;flex:1;flex-direction:column;gap:5px}.tracing-upload-choice strong{font-size:13px}.tracing-upload-choice small{font-size:12px;font-weight:400;line-height:1.6;color:#6b7c8e}@media(max-width:760px){.redesigned-home .build-entry .entry-art{height:94px;width:47%}.nav-extras .return-home{min-width:40px}.redesigned-home .home-release{font-size:11px;left:20px}}@media(max-width:700px){.nav-extras>button.return-home{display:flex}.nav-extras>button.design-community{display:none}}@media(max-width:480px){header .file-name-wrap{display:none!important}header .nav-center{min-width:0;gap:0}header .nav-center>button,header .nav-center>.optimization-control>button{min-width:32px;width:32px;padding:4px 0;font-size:9px}header .nav-right{margin-left:0;gap:0}header .nav-right .icon{width:20px;min-width:20px}header .nav-extras>button{padding:4px 0}}.design-actions{grid-template-columns:1fr 1fr}.selection-size-inputs{display:flex;gap:10px;align-items:center;padding:10px;flex-wrap:wrap}.selection-size-inputs label{display:flex;align-items:center;gap:4px}.selection-size-inputs input{width:75px}.startup-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;font:16px/1.8 sans-serif;padding:24px;background:#f6f9fc;color:#334155}.startup-spinner{width:32px;height:32px;border:3px solid #dbeafe;border-top-color:#2688f7;border-radius:50%;animation:startup-spin 1s linear infinite}@keyframes startup-spin{to{transform:rotate(360deg)}}.pixel-effects-menu .wireframe-toggle{display:flex;align-items:center;gap:8px}.pixel-effects-menu .wireframe-toggle>svg{flex-shrink:0}.pixel-effects-menu .wireframe-toggle>input{margin-left:auto}.canvas-host.recolor-active,.canvas-host.recolor-active canvas{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m2%202%203%2019%204-6%207-2L2%202Z%22%20fill%3D%22%23263748%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m17%2024%209-12%204%203-10%2011-5%202%202-4Z%22%20fill%3D%22white%22%20stroke%3D%22%232688f7%22%20stroke-width%3D%221.8%22%2F%3E%3C%2Fsvg%3E) 2 2,crosshair}.pixel-effects-menu .tools-menu-divider{height:1px;background:#edf0f4;margin:5px 4px}.selection-more-menu{position:relative;top:auto;right:auto;margin:8px 0 0 auto;width:max-content;min-width:160px;text-align:left;box-sizing:border-box}.selection-more-menu button,.selection-more-menu .precision-toggle{white-space:nowrap;text-align:left;justify-content:flex-start}.selection-more-menu .precision-toggle{gap:12px;padding:8px;font-size:12px}.selection-more-menu .precision-toggle input{margin-left:auto;flex-shrink:0}.selection-more-menu svg{flex-shrink:0}.selection-size-card{width:240px;max-width:calc(100vw - 32px);margin:8px auto 0;background:#fff;border:1px solid #e0e6ee;border-radius:6px;padding:12px;box-shadow:0 4px 18px #20334415;box-sizing:border-box;text-align:left}.selection-size-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px}.selection-size-heading button{display:flex;background:transparent;padding:2px;color:#7a8998}.selection-size-card .selection-size-inputs{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0}.selection-size-card label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.selection-size-card input{width:100px;margin-left:auto;min-width:0;height:30px;padding:0 8px;border:1px solid #dce4ed;border-radius:4px;box-sizing:border-box;font-size:13px}.selection-size-card .selection-size-inputs>span{color:#7a8998;font-size:11px;white-space:nowrap}