@import url('../engine/studio-fonts.css');*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#253344;font:14px/1.5 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid #d8dedc;border-radius:7px;background:white;color:#263d44;padding:9px 12px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#edf3ef;border-color:#80998b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #338c77;outline-offset:2px}button:disabled{opacity:.45;cursor:default}header{height:76px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:32px;padding:0 34px}header img{width:142px}header span{font-size:10px;letter-spacing:1.5px}header b{font-weight:500;color:#7d8889}header>a:last-child{margin-left:auto;color:#253344;font-size:12px}main{max-width:1900px;margin:auto;padding:0 28px}.intro{display:flex;align-items:center;gap:45px;padding:30px 0 26px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#5b786e;margin:0 0 10px}h1{font:500 clamp(26px,2.8vw,42px)/1.12 Georgia,serif;letter-spacing:-1px;margin:0}h1 em{font-style:normal;color:#437c65}.intro>p{color:#7b8588;font-size:13px}.file-actions{margin-left:auto;display:flex;gap:8px}.workspace{display:grid;grid-template-columns:230px minmax(350px,1fr) 280px;border:1px solid #d6ddd8;border-radius:12px;overflow:hidden;background:white;min-height:620px}.panel{padding:20px}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:20px}.panel-title h2{font-size:14px;margin:0}.step{font-size:10px;color:#628477;border:1px solid #d3dfd8;padding:3px 5px;border-radius:4px}#count{margin-left:auto;color:#8c9590;font-size:11px}.left{border-right:1px solid #e1e6e2}.right{border-left:1px solid #e1e6e2}.items{display:grid;gap:7px;max-height:380px;overflow:auto;margin-bottom:16px}.item{display:flex;align-items:center;text-align:left;padding:10px 8px;gap:10px;width:100%;font-size:11px}.item.active{background:#eff5ef;border-color:#719780}.item b{font-weight:600;display:block;font-size:12px}.item small{color:#7b8580}.swatch{width:27px;height:31px;background:var(--swatch);border-radius:6px;flex-shrink:0;box-shadow:inset -5px -4px 0 #0001}.swatch.sphere{border-radius:50%;height:27px}.swatch.cylinder,.swatch.bottle{border-radius:40%/18%}.full{width:100%;margin:5px 0}.primary{background:#2f6654;border-color:#2f6654;color:white}.primary:hover{background:#245343;color:white}.quiet{background:transparent;border:0;font-size:10px;color:#77867f}.mini-note{font-size:11px;color:#7c8783;line-height:1.65;margin:12px 0}.describe{margin-top:15px;font-size:11px}.describe textarea{width:100%;margin:7px 0}.describe summary{cursor:pointer}label{display:block;font-size:11px;color:#6c7a74}input:not([type=checkbox]):not([type=range]):not([type=file]),select,textarea{width:100%;background:#fff;border:1px solid #d6dfd8;padding:8px 6px;border-radius:5px;color:#263d44;margin-top:5px}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.pad-label{margin:20px 0 10px}.pad-label output{float:right;font-weight:bold;color:#2f6654}input[type=range]{width:100%;accent-color:#478b70}input[type=checkbox]{accent-color:#2f6654}.check{display:flex;align-items:center;gap:7px;font-size:11px}.separator{border-top:1px solid #e7ebe7;margin:20px 0}.strategy{margin-top:10px}.stage-wrap{background:#edf0e9;display:flex;flex-direction:column;min-width:0}.stage-toolbar{display:flex;align-items:center;gap:7px;padding:15px 17px;border-bottom:1px solid #dce3d9;font-size:11px}.stage-toolbar>div{margin-left:auto;display:flex;gap:4px}.stage-toolbar button{font-size:10px;padding:5px 9px;background:#ffffffaa}.live-dot{width:6px;height:6px;background:#549272;border-radius:50%}#stage{position:relative;flex:1;min-height:450px;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%}.stage-label{position:absolute;top:18px;left:20px;pointer-events:none;font-size:9px;letter-spacing:1px;color:#829087}.stage-label b{display:block;font-size:16px;letter-spacing:0;font-weight:500;color:#405c4e;margin-top:5px}.axis-key{position:absolute;left:20px;bottom:50px;color:#71857b;font-size:9px;pointer-events:none}.axis-key i{display:inline-block;width:5px;height:5px;background:#b77b63;margin:0 5px 0 10px}.axis-key i:nth-child(2){background:#708ea4}.axis-key i:nth-child(3){background:#8eaa7e}.stage-hint{position:absolute;bottom:18px;width:100%;text-align:center;font-size:10px;color:#75887b;pointer-events:none}.stage-bottom{padding:12px 14px;border-top:1px solid #dce3d9;display:flex;align-items:center;gap:6px;font-size:10px}.stage-bottom button{font-size:10px;padding:6px 9px;background:#ffffff88}#fit-badge{margin-right:auto;color:#327057;font-weight:600}#fit-badge.bad{color:#a85b3d}#status{padding:0 16px 12px;min-height:32px;font-size:11px;color:#63776b}.result{background:#f3f6f1;border-radius:7px;padding:10px;margin-top:12px;font-size:11px}.result strong{font-size:18px;display:block;color:#3b6650}.check-line{font-size:11px;padding:5px 0}.check-line.bad{color:#ae614b}.shop-link{display:block;color:#2f6654;font-size:12px;font-weight:600}.editor{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:35px;background:#fff;border:1px solid #d9dfd9;border-radius:10px;margin:22px 0;padding:26px}.editor[hidden]{display:none}.editor h2,.editor h3{margin:0 0 14px;font-size:19px;font-weight:500}.editor label{margin-bottom:8px}.editor .row{display:flex;gap:8px;margin:12px 0}.danger{color:#a04b42}.profile-work{display:flex;gap:15px;margin-top:12px}.profile-image{height:175px;width:130px;position:relative;border:1px solid #dce3dd;background:#f4f5f2;flex-shrink:0}.profile-image img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.6}#profile-svg{position:absolute;width:100%;height:100%}#profile-svg path{fill:#64aa6d33;stroke:#397e5c;stroke-width:1.5}#profile-controls{flex:1}#profile-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:9px}#profile-controls input{margin:4px 0}footer{display:flex;justify-content:space-between;font-size:10px;color:#8a928e;padding:25px 0}#webgl-error{position:absolute;z-index:3;padding:30px;background:#fff7ec}#load[hidden],#photo[hidden]{display:none}@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(350px,1fr) 300px;min-height:700px}}@media(max-width:1150px){.workspace{grid-template-columns:200px minmax(330px,1fr)}.right{grid-column:1/-1;border-left:0;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 25px}.right .separator{display:none}.intro{gap:20px}.intro>p{display:none}.editor{gap:20px}}@media(max-width:720px){header{padding:0 16px;height:60px;gap:10px}header img{width:110px}header span{display:none}main{padding:0 12px}.intro{flex-wrap:wrap;padding:22px 3px;gap:15px}.file-actions{margin-left:0}.file-actions button,.file-actions .button{font-size:11px}h1{font-size:32px}.workspace{display:flex;flex-direction:column}.stage-wrap{order:0}.left{order:1;border-right:0;border-top:1px solid #ddd}.right{order:2;display:block}.items{grid-template-columns:1fr 1fr;max-height:220px}.panel{padding:17px}.stage-toolbar{padding:11px;font-size:10px}.stage-toolbar button{padding:5px 7px}#stage{height:400px;min-height:400px;flex:auto}.stage-bottom{flex-wrap:wrap}#fit-badge{width:100%;margin-bottom:4px}.editor{grid-template-columns:1fr;padding:20px}.editor>div+div{border-top:1px solid #ddd;padding-top:20px}footer span{display:none}.profile-image{width:150px;height:200px}}