
:root{--ink:#273b30;--muted:#798177;--green:#2b4839;--paper:#f1f1eb;--line:#e3e5dc;--card:#fbfcf7;--accent:#ccdda7;--orange:#b78047;font-family:Inter,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,label[for]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9abb77;outline-offset:3px}button:disabled{cursor:wait;opacity:.45}button{color:inherit}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.topbar{height:86px;border-bottom:1px solid #dddfd5;padding:0 42px;display:flex;justify-content:space-between;align-items:center;background:#f7f8f2}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:750;letter-spacing:1.2px}.brand-light{font-weight:350;margin-left:5px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--green);color:#dce6c4;display:grid;place-items:center}.brand-mark svg{width:28px;height:28px;stroke-width:1.3}.brand small{font-size:9px;letter-spacing:1.7px;border-left:1px solid #d4d9cc;padding-left:15px;margin-left:9px;color:#7b8375;font-weight:600}.top-actions{display:flex;gap:13px;align-items:center}.local-badge{font-size:11px;color:#6a7768;display:flex;gap:7px;align-items:center;margin-right:18px}.local-badge i,.mini-dot{width:5px;height:5px;border-radius:100%;background:#779355}.button{height:41px;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;transition:background .18s,transform .18s}.button:active{transform:translateY(1px)}.outline{border:1px solid #d3d8cb;background:#fbfcf8}.outline:hover{background:#edf1e6}.quiet{border:0;background:none;color:#6b7468}.quiet:hover{background:#e8ecdf}.primary{background:var(--green);border:1px solid var(--green);color:#f4f8e9}.primary:hover{background:#1c3627}.button-arrow{color:#cfdfb1;margin-left:16px}main{max-width:1660px;padding:34px 42px 22px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{letter-spacing:2px;font-size:9px;font-weight:650;color:#899277;margin:0 0 9px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:36px;letter-spacing:-1.1px;line-height:1.2;margin:0 0 8px}.page-heading>div>p:last-child{font-size:12px;color:#7e8579;margin:0}.project-label{border:1px solid #dfe3d6;display:flex;gap:10px;padding:12px 14px;border-radius:9px;align-items:center;background:#f7f8f1;font-size:8px;letter-spacing:1.3px;color:#88917b;min-width:205px}.project-dot{width:7px;height:7px;background:#98ac79;border-radius:50%}.project-label strong{font-size:11px;letter-spacing:0;display:block;color:#4f5c48;margin-top:4px;font-weight:550}.project-label button{margin-left:auto;padding:0;background:none;border:0;display:flex;color:#87917a}.project-label svg{width:15px}.workbench{display:grid;grid-template-columns:268px minmax(300px,1fr) 260px;gap:16px;align-items:stretch}.panel{background:var(--card);border:1px solid #e0e4d8;border-radius:13px;box-shadow:0 4px 13px #243b2410;overflow:hidden}.control-section{padding:21px 20px;border-bottom:1px solid #e9ecdf}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:18px}.section-label h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.15px}.step{font-size:8px;color:#82916f;background:#edf1e5;border:1px solid #dfe6d3;border-radius:5px;width:23px;height:23px;display:grid;place-items:center;font-weight:600}.tiny-tag{font-size:7px;letter-spacing:1.3px;color:#939b87;margin-left:auto}.logo-card{display:flex;gap:12px;align-items:center;margin:2px 0 17px}.logo-thumb{width:57px;height:64px;background:#eeefe5;border-radius:7px;padding:5px;display:grid;place-items:center}.logo-thumb img{max-width:100%;max-height:55px;object-fit:contain}.logo-card strong{font-size:11px;font-weight:600;display:block}.logo-card small{font-size:9px;color:#909786;display:block;margin-top:6px}.text-button{border:0;background:none;padding:0;color:#60784e;font-size:10px;margin-top:6px;text-decoration:underline}.upload-button{height:35px;display:flex;align-items:center;gap:8px;border:1px dashed #ccd4c0;border-radius:6px;font-size:10px;font-weight:550;padding:0 10px;background:#f8faf1;cursor:pointer}.upload-button:hover{border-color:#809c65;background:#eef4e2}.upload-button>span:last-child{margin-left:auto;color:#829373}.upload-button svg{width:14px;height:14px}.field-note{font-size:9px;line-height:1.6;color:#929987;margin:8px 0 17px}.range-field{margin-top:22px}.range-field label{font-size:10px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.range-field output{font-size:10px;font-weight:600;color:#536747;background:#edf2e5;padding:3px 6px;border-radius:4px}.range-field input{width:100%;display:block;appearance:none;height:4px;border-radius:6px;background:linear-gradient(to right,#789558 var(--progress,40%),#e2e7d7 var(--progress,40%));margin:0;cursor:pointer}.range-field input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#fcfef7;border:3px solid #718d52;border-radius:100%;box-shadow:0 1px 3px #26411e22}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:#929b85;margin-top:9px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.paired label{font-size:9px;color:#7b8670;line-height:1.5}.number-wrap{display:flex;align-items:center;border:1px solid #dce2d2;border-radius:6px;background:#fafcf5;margin-top:7px;height:35px;padding:0 8px}.number-wrap input{width:100%;min-width:0;border:0;background:none;font-size:11px;outline:none;color:#43553a}.number-wrap small{font-size:9px;color:#a2aa94}.advanced{border-bottom:0;padding-top:17px;padding-bottom:17px}.advanced summary{display:flex;align-items:center;gap:7px;font-size:10px;color:#78836c;cursor:pointer;list-style:none}.advanced summary>span:last-child{margin-left:auto}.advanced summary svg{width:13px}.advanced .field-note{margin-bottom:0}.checkbox-label{font-size:10px;line-height:1.5;margin-top:10px;display:flex;align-items:center;gap:5px}.checkbox-label[hidden]{display:none}.checkbox-label input{accent-color:var(--green)}.viewport{position:relative;min-height:594px;background:radial-gradient(ellipse at 50% 35%,#f7f8f0,#e5e9da);isolation:isolate}.view-toolbar{position:absolute;inset:15px 15px auto;display:flex;justify-content:space-between;z-index:2;gap:7px}.view-modes{display:flex;gap:3px;padding:4px;background:#f9fcf1da;border:1px solid #dfe5d3;border-radius:7px;backdrop-filter:blur(10px)}.view-modes button{border:0;background:none;padding:6px 10px;border-radius:4px;color:#839071;font-size:9px;white-space:nowrap}.view-modes button.active{background:#334c37;color:#f1f6e7;box-shadow:0 2px 4px #233e2525}.square-button{width:33px;height:33px;border:1px solid #dfe5d3;background:#f9fcf1da;border-radius:7px;display:grid;place-items:center;color:#7d8c6d}.square-button svg{width:14px}#viewer{position:absolute;inset:0}#viewer canvas{width:100%;height:100%;display:block;outline:none}.viewer-label{position:absolute;bottom:56px;left:20px;display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.5px;color:#6c7d5a;pointer-events:none}.view-help{position:absolute;bottom:19px;left:20px;display:flex;align-items:center;gap:7px;font-size:8px;color:#89947c;pointer-events:none}.view-help svg{width:13px}.help-separator{margin:0 3px}.axis-label{position:absolute;bottom:19px;right:20px;font-size:8px;display:flex;gap:6px}.axis-x{color:#ac806b}.axis-y{color:#7a9670}.axis-z{color:#7797a0}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#edf1e6ce;backdrop-filter:blur(3px);font-size:11px;color:#718561;z-index:3;transition:opacity .2s}.loading.hidden{display:none}.spinner{height:23px;width:23px;border:2px solid #d3dcc8;border-top-color:#567347;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-intro{font-size:11px;line-height:1.7;color:#88927b;margin:-3px 0 20px}.skin-list{display:flex;flex-direction:column;gap:9px}.skin-card{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #e4e8dc;background:#f9fbf4;padding:9px;border-radius:8px;min-height:70px;width:100%;transition:border .15s,background .15s}.skin-card:hover{background:#f0f5e8;border-color:#a7b595}.skin-card.active{border:1.5px solid #76905f;background:#eff4e6;padding:8.5px;box-shadow:0 0 0 2px #9cb7830b}.skin-card strong{font-size:11px;font-weight:600}.skin-card small{display:block;font-size:8px;color:#8a947d;margin-top:6px}.skin-swatch{display:block;width:48px;height:48px;border-radius:5px;background-color:#ae7a49;box-shadow:inset 0 0 12px #3e260a20;flex-shrink:0}.skin-swatch.smooth{background:linear-gradient(110deg,#cfaa79,#b07d47 55%,#ad7843)}.skin-swatch.bark{background:repeating-linear-gradient(96deg,#aa6d38 0 3px,#c59760 5px,#bb8447 7px,#7f4e25 9px,#bc8d54 11px,#d2ac7b 14px,#9d6532 17px)}.skin-swatch.fabric{background-color:#b18a62;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#543a2333 3px 4px,transparent 4px 7px),repeating-linear-gradient(90deg,#d5b58b 0 2px,#92704d 2px 3px,#c39e74 3px 5px,#a47b54 5px 7px)}.radio-mark{width:12px;height:12px;border:1px solid #ccd5bf;border-radius:50%;margin-left:auto;flex-shrink:0}.active .radio-mark{background:#66814f;border:3px solid #eaf1de;box-shadow:0 0 0 1px #66814f}.skins .control-section{border-bottom:0}.skins .range-field{margin-top:26px}.protected-note{display:flex;align-items:flex-start;gap:9px;background:#eef2e6;border:1px solid #e1e7d6;border-radius:8px;margin:0 19px;padding:12px 10px}.protected-note>span{color:#819565;margin-top:2px}.protected-note svg{width:15px}.protected-note strong{font-size:9px;font-weight:600;color:#647651}.protected-note p{font-size:9px;line-height:1.6;margin:5px 0 0;color:#899679}.swatch-row{display:flex;gap:9px;align-items:center;padding:17px 20px 20px}.swatch-row strong{font-size:8px;font-weight:500;color:#828d75;display:block}.swatch-row small{font-size:8px;color:#a0a88f;display:block;margin-top:4px}.material-dot{width:20px;height:20px;border:2px solid #e5d3b8;border-radius:50%;background:#b4824d;box-shadow:0 0 0 2px #f5eee1}.export-panel{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:17px 21px;background:#fbfcf7;gap:16px}.model-status{display:flex;gap:11px;align-items:center}.status-circle{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#718d52;background:#edf3e3}.status-circle svg{width:15px}.model-status strong{font-size:11px;font-weight:550;display:block}.model-status small{font-size:9px;color:#919b84;display:block;margin-top:5px}.model-status.error .status-circle{background:#f8e4d8;color:#af6d46}.export-actions{display:flex;gap:10px}.export-actions .button{height:40px;min-width:135px}footer{display:flex;gap:15px;align-items:center;font-size:9px;color:#959f88;padding:17px 2px 0}footer button{background:none;border:0;color:#758969;font-size:9px;padding:0}footer button span{margin-left:4px}.footer-right{margin-left:auto}dialog{border:1px solid #dce3d2;background:#fafcf5;border-radius:16px;color:var(--ink);max-width:550px;padding:36px;box-shadow:0 20px 80px #20311a33}dialog::backdrop{background:#24332270;backdrop-filter:blur(4px)}dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:0 0 20px}.dialog-close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:25px;color:#87957a}dialog ol{padding-left:20px}dialog li{font-size:12px;line-height:1.7;margin-bottom:14px;color:#748267}dialog strong{color:#364d30}.guide-note{font-size:10px;line-height:1.7;background:#edf2e6;border-radius:8px;padding:14px;margin:18px 0}.dialog-close-button{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 20px;border-radius:9px;background:#2b4232;color:#f0f6e7;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){.workbench{grid-template-columns:290px minmax(300px,1fr) 285px}.viewport{min-height:640px}}@media(max-width:1120px){main{padding:26px 24px}.topbar{padding:0 24px}.brand small,.local-badge{display:none}.workbench{grid-template-columns:238px minmax(280px,1fr)}.skins{grid-column:1/-1;display:grid;grid-template-columns:1fr 240px;align-items:center}.skins .control-section{display:grid;grid-template-columns:145px 1fr;gap:0 20px}.skins .section-label{grid-column:1/-1}.section-intro{grid-column:1}.skin-list{grid-column:2;grid-row:2 / span 2;flex-direction:row}.skin-card{flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.skin-card .radio-mark{position:absolute;right:8px;top:10px}.skin-card{position:relative}.skin-swatch{width:100%;height:36px}.skins #skin-settings{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}.skins .protected-note{grid-column:2;grid-row:1}.swatch-row{display:none}.viewport{min-height:590px}.control-section{padding:20px 17px}.view-modes button{padding:6px 8px}.skins .range-field{margin-top:18px}}@media(max-width:700px){.topbar{height:69px;padding:0 16px}.brand{font-size:16px;gap:8px}.brand-mark{height:31px;width:31px}.brand-mark svg{width:23px}.top-actions{gap:4px}.top-actions .quiet{display:none}.top-actions .button{font-size:10px;padding:0 10px;height:34px}.top-actions svg{width:14px}main{padding:23px 15px}h1{font-size:29px}.eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading{margin-bottom:20px}.project-label{display:none}.page-heading>div>p:last-child{font-size:10px}.workbench{grid-template-columns:1fr;gap:13px}.viewport{grid-row:1;min-height:390px}.controls{grid-row:3}.skins{grid-row:2;grid-column:auto;display:block}.skins .control-section{display:block}.section-intro{display:none}.skin-list{flex-direction:row}.skin-card{gap:7px;padding:8px}.skin-card.active{padding:7.5px}.skin-card small{font-size:7px}.skin-card strong{font-size:10px}.skin-card .skin-swatch{height:43px}.skins .section-label{margin-bottom:13px}.skins .protected-note{margin:0 17px 17px;padding:10px}.skins .protected-note p{margin-top:2px}.skins .protected-note strong{font-size:9px}.skins #skin-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls .logo-section{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.logo-section .section-label,.logo-section .range-field{grid-column:1/-1}.logo-section .logo-card{grid-column:1;grid-row:2/4;margin:0}.logo-section .upload-button{grid-column:2;grid-row:2;margin-top:5px}.logo-section .field-note{grid-column:2;grid-row:3;margin-bottom:0}.logo-section .checkbox-label{grid-column:1/-1}.export-panel{flex-direction:column;align-items:stretch;padding:16px}.export-actions .button{flex:1}.export-actions{width:100%}.model-status small{font-size:9px}.footer-right{display:none}footer{font-size:8px;justify-content:space-between;line-height:1.5}.view-toolbar{inset:12px 12px auto}.view-modes button{font-size:9px;padding:7px 9px}dialog{max-width:calc(100vw - 28px);padding:28px}.local-badge{display:none}}

[hidden]{display:none!important}.plate-controls{margin:16px 0;padding:18px;display:flex;gap:14px;align-items:end;flex-wrap:wrap}.plate-controls>div{flex:1 1 220px}.plate-controls p{font-size:12px;color:var(--muted);margin:6px 0 0}.plate-controls label,.image-options label{font-size:12px;display:flex;flex-direction:column;gap:5px}.plate-controls input,.plate-controls select,.image-options select{width:88px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.plate-controls select{width:100px}.plate-controls #plate-warning{flex-basis:100%;color:#9b432e}.image-options{font-size:12px;margin:12px 0}.image-options summary{cursor:pointer;margin-bottom:10px}.image-options .checkbox-label{flex-direction:row;align-items:center;margin-top:10px}.image-options select{width:100%}.export-actions{flex-wrap:wrap}.swatch-row input[type=color]{width:48px;height:28px;border:1px solid var(--line);padding:2px;background:transparent;border-radius:5px;margin-top:6px}

.conversion-preview{font-size:12px;margin:12px 0}.conversion-preview summary{cursor:pointer;margin-bottom:10px}.conversion-images{display:grid;grid-template-columns:1fr 1fr;gap:6px}.conversion-images figure{margin:0;min-width:0}.conversion-images img{width:100%;height:150px;object-fit:contain;border:1px solid var(--line);border-radius:5px;background:repeating-conic-gradient(#f9f9f6 0 25%,#e5e8df 0 50%) 0 0/12px 12px}.conversion-images figcaption{font-size:11px;color:var(--muted);margin:4px 0 10px}.conversion-preview .button{width:100%;font-size:12px;padding:8px}
