:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f5f0;--surface:#fffefa;--surface-muted:#e7ecdf;--preview-light:#edf1e8;--preview-dark:#e3e8db;--text:#24372e;--muted:#4d6155;--accent:#315840;--accent-hover:#254831;--on-accent:#fffefa;--divider:#cbd4c4;--control-border:#71816b;--focus:#155d8a;--error:#9b3224;--disabled:#d8dfd0}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--surface)}header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;height:90px;padding:0 4%;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{background:var(--accent);color:var(--on-accent);text-align:center;border-radius:12px;width:43px;font-size:31px;line-height:42px}.brand strong{letter-spacing:3px;font-size:23px;font-weight:650}.brand strong span{letter-spacing:2px;margin-top:3px;font-size:12px;display:block}.header-note{color:var(--muted);font-size:12px}.local{align-items:center;gap:8px;font-size:11px;display:flex}.local i,.dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}main{grid-template-columns:340px minmax(0,1fr);max-width:1600px;margin:auto;padding:0 4%;display:grid}aside{border-right:1px solid var(--divider);padding:35px 31px 25px 0}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:11px;font-weight:600}h1{letter-spacing:-1.4px;margin:13px 0 12px;font-size:32px;font-weight:500;line-height:1.48}h1 span{color:var(--accent)}.intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.preset{background:var(--surface-muted);border-radius:7px;gap:3px;margin:24px 0 6px;padding:4px;display:flex}.preset button{color:var(--muted);background:0 0;border:0;border-radius:4px;flex:1;padding:9px 1px;font-size:12px}.preset button.active{background:var(--accent);color:var(--on-accent);box-shadow:none;font-weight:600}section{border-bottom:1px solid var(--divider);padding:25px 0}.section-heading{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}h2{margin:0;font-size:14px;font-weight:550}h2>span:first-child{color:var(--muted);margin-right:10px;font:10px Georgia,serif}.tag{background:var(--surface-muted);color:var(--accent);border-radius:4px;padding:5px 8px;font-size:12px}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.two-col label{font-size:12px;display:block}.two-col small{color:var(--muted);float:right;margin-top:3px;font-size:11px}.stepper{border:1px solid var(--control-border);border-radius:5px;height:39px;margin-top:9px;display:flex}.stepper button{width:30px;color:var(--muted);background:0 0;border:0}.stepper input{text-align:center;appearance:textfield;background:0 0;border:0;width:calc(100% - 60px);font-weight:600}.stepper input::-webkit-inner-spin-button{appearance:none}.control{grid-template-columns:1fr 65px;align-items:center;gap:9px;margin-top:22px;display:grid}.control label{font-size:12px}.control small{color:var(--muted);margin-left:5px;font-size:12px}.control input[type=number]{background:var(--surface);border:1px solid var(--control-border);text-align:right;width:65px;color:var(--text);border-radius:4px;padding:5px 7px;font-size:12px}input[type=range]{appearance:none;cursor:pointer;width:100%;height:24px;accent-color:var(--accent);background:0 0;margin:1px 0}.control input[type=range],.control .range-label{grid-column:1/-1}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) var(--progress,40%),var(--control-border) var(--progress,40%));border-radius:10px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface);border:3px solid var(--accent);width:16px;height:16px;box-shadow:0 0 0 3px var(--background);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--control-border);height:4px}input[type=range]::-moz-range-thumb{background:var(--surface);border:3px solid var(--accent);border-radius:50%;width:10px;height:10px}.range-label{color:var(--muted);justify-content:space-between;margin-top:1px;font-size:11px;display:flex}.hint{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.9}.unit{letter-spacing:1px;color:var(--muted);font-size:11px}.height-number{align-items:baseline;gap:8px;margin-top:-5px;margin-bottom:15px;display:flex}.height-number input{border:0;border-bottom:1px dashed var(--control-border);width:72px;color:var(--text);appearance:textfield;background:0 0;padding:0;font-size:40px;font-weight:350}.height-number input::-webkit-inner-spin-button{appearance:none}.height-number>span{color:var(--muted);font-size:11px}.height-number svg{color:var(--muted);margin-left:auto}details{padding-top:23px}summary{cursor:pointer;font-size:12px;list-style:none}summary span{float:right;color:var(--accent)}details[open] summary span{transform:rotate(45deg)}.advanced{padding-top:15px}.advanced label{justify-content:space-between;align-items:center;margin:9px 0;font-size:12px;display:flex}.advanced span{color:var(--muted);font-size:11px}.advanced input{background:var(--surface);border:1px solid var(--control-border);width:65px;color:var(--text);text-align:right;border-radius:4px;padding:5px}.validation{color:var(--error);font-size:11px;line-height:1.8}.validation:empty{display:none}.aside-footer{justify-content:space-between;align-items:center;margin-top:27px;display:flex}.text-btn{color:var(--accent);background:0 0;border:0;padding:0;font-size:12px}.aside-footer>span{color:var(--muted);font-size:11px}.workspace{min-width:0;padding:35px 0 28px 35px}.workspace-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.workspace-top h2{margin-top:8px;font-size:17px;font-weight:500}.workspace-top h2 #model-status{font:inherit;color:var(--muted);border-left:1px solid var(--divider);margin-left:12px;padding-left:12px;font-size:12px}.icon-btn{background:var(--surface);border:1px solid var(--control-border);border-radius:5px;padding:8px 11px;font-size:16px}.icon-btn span{margin-left:5px;font-size:12px}.viewport{border:1px solid var(--divider);background:radial-gradient(ellipse at 50% 45%,var(--preview-light),var(--preview-dark));border-radius:9px;height:520px;position:relative;overflow:hidden}.view-tabs{z-index:2;background:var(--surface);border:1px solid var(--divider);border-radius:6px;gap:2px;padding:4px;display:flex;position:absolute;top:18px;left:18px}.view-tabs button{color:var(--muted);background:0 0;border:0;border-radius:3px;padding:7px 13px;font-size:12px}.view-tabs button.active{background:var(--accent);color:var(--on-accent);box-shadow:none;font-weight:600}canvas{touch-action:none;width:100%;height:100%;display:block}.viewport-label{color:var(--muted);pointer-events:none;background:var(--surface);border:1px solid var(--divider);z-index:1;border-radius:5px;align-items:center;gap:7px;padding:7px 9px;font-size:11px;display:flex;position:absolute;bottom:16px;left:16px}.viewport-help{color:var(--muted);white-space:nowrap;pointer-events:none;background:var(--surface);border:1px solid var(--divider);z-index:1;border-radius:5px;padding:7px 9px;font-size:11px;position:absolute;bottom:16px;left:auto;right:16px;transform:none}.viewport-help span{color:var(--muted);margin:0 6px}.color-picker{border:1px solid var(--divider);background:var(--surface);border-radius:20px;gap:10px;padding:9px 10px;display:flex;position:absolute;top:20px;right:18px}.color-picker button{border:2px solid var(--surface);background:var(--swatch);width:28px;height:28px;box-shadow:0 0 0 1px var(--control-border);border-radius:50%;padding:0;position:relative}.color-picker button.active{outline:3px solid var(--accent);outline-offset:2px}#render-error{text-align:center;width:min(90%,420px);color:var(--error);background:var(--surface);border:1px solid var(--error);z-index:2;border-radius:6px;padding:15px;font-size:12px;position:absolute;top:48%;left:50%;transform:translate(-50%)}.specs{border-bottom:1px solid var(--divider);grid-template-columns:.8fr 1.35fr 1fr 1.3fr;padding:26px 0 27px;display:grid}.specs>div{border-left:1px solid var(--divider);padding-left:19px}.specs>div:first-child{border:0;padding-left:0}.specs span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.specs strong{letter-spacing:-.5px;font-size:22px;font-weight:450}.specs small{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:11px;font-weight:400}.export-panel{justify-content:space-between;align-items:center;gap:15px;margin-top:27px;display:flex}.export-panel h3{margin:10px 0;font-size:17px;font-weight:500}.export-panel p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.export-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.export-actions select{border:1px solid var(--control-border);background:var(--surface);color:var(--muted);border-radius:5px;padding:12px 10px;font-size:12px}.primary{background:var(--accent);color:var(--on-accent);border:0;border-radius:5px;padding:13px 20px;font-size:12px;box-shadow:0 3px 7px #2b4d3914}.primary span{margin-left:18px;font-size:16px}.primary:hover{background:var(--accent-hover)}.primary:disabled{opacity:1;cursor:not-allowed;background:var(--disabled);color:var(--muted);box-shadow:none}.footnotes{border-top:1px solid var(--divider);color:var(--muted);margin-top:26px;padding-top:15px;font-size:12px;line-height:1.8;position:relative}.footnotes p{margin:4px 0}.footnotes button{margin-top:8px}#toast{color:var(--accent);margin-left:15px}@media (width>=1450px){.viewport{height:590px}}@media (width<=1100px){main{grid-template-columns:300px minmax(0,1fr);padding:0 3%}aside{padding-right:24px}.workspace{padding-left:24px}.export-panel{flex-direction:column;align-items:flex-start}.viewport{height:480px}.viewport-help{display:none}.specs strong{font-size:18px}.specs>div{padding-left:10px}.color-picker{top:75px}.header-note{display:none}}@media (width<=760px){header{height:72px;padding:0 20px}.local{font-size:11px}main{flex-direction:column;padding:0 20px;display:flex}aside{border-right:0;padding:28px 0 20px}.intro h1{font-size:28px}.intro h1 br{display:none}.intro h1 span{margin-left:6px}.preset{max-width:390px}#parameters{grid-template-columns:1fr 1fr;gap:20px;display:grid}section{padding-top:20px}section:first-child{grid-row:span 2}details{padding-top:0}.aside-footer{margin-top:14px}.workspace{padding:20px 0 25px}.viewport{height:440px}.color-picker{top:20px}.view-tabs button{padding:7px 9px}.view-tabs{top:12px;left:12px}.color-picker{top:68px;right:12px}.specs{grid-template-columns:1fr 1.3fr;gap:22px 0}.specs>div:nth-child(3){border:0;padding-left:0}.specs strong{font-size:22px}.export-panel{margin-top:24px}.export-actions{width:100%;margin-top:6px}.export-actions select,.export-actions .primary{flex:1}h1{letter-spacing:-1px}}@media (width<=440px){#parameters{display:block}.intro h1{font-size:25px}.local{font-size:11px}.brand strong{font-size:20px}.viewport{height:380px}.view-tabs button{padding:7px 8px}.specs span{font-size:11px}details{padding-top:20px}}.loading-preview{color:var(--muted);place-items:center;font-size:12px;display:grid}.text-btn:disabled{opacity:1;cursor:not-allowed;color:var(--muted)}.color-picker button.active:after{content:"✓";background:var(--text);width:15px;height:15px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:-5px;right:-5px}.color-picker button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--surface)}.preset button:not(.active):hover,.view-tabs button:not(.active):hover,.stepper button:hover{background:var(--surface-muted);color:var(--text)}@media (forced-colors:active){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:highlight}.preset button.active,.view-tabs button.active{outline-offset:-2px;outline:2px solid highlight}input[type=range]::-webkit-slider-runnable-track{background:canvastext}input[type=range]::-moz-range-track{background:canvastext}}
