:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#cdd5da;background:#101519;font-size:12px;font-synthesis:none;--bg: #101519;--panel: #151b20;--line: #2a333b;--muted: #89959f;--accent: #91baca;--mono: "IBM Plex Mono", monospace;--ink: #e9eef1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button{border:0;color:inherit;background:none}button,select,input{outline-offset:4px}button:focus-visible,select:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent)}button,select{transition:background .16s,color .16s,border-color .16s}button:hover{color:#fff}button:disabled:hover{color:inherit}a{color:var(--accent)}input,select{color:var(--ink);background:#10161a;border:1px solid #34404a;border-radius:3px;min-width:0}select{cursor:pointer;padding:9px 10px}input:not([type=range]):not([type=color]){padding:9px 10px}select:focus,input:focus{border-color:var(--accent)}.app-shell{height:100dvh;min-height:700px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:76px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:26px;background:#12181d}.brand{display:flex;align-items:center;gap:12px;width:187px;color:var(--ink);font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:2px}.brand>div>span{display:block;font-size:9px;color:#98a7b1;letter-spacing:3px;margin-top:2px}.brand b{font-weight:400;letter-spacing:0;margin-left:8px;color:#6d838e}.brand-mark{border:1px solid #405563;width:37px;height:41px;display:grid;place-items:center;color:#b5d1dc;clip-path:polygon(0 12%,50% 0,100% 12%,100% 88%,50% 100%,0 88%)}.top-divider{width:1px;background:var(--line);height:27px;flex-shrink:0}.project-name{font-weight:500;font-size:12px;color:#bdc7ce;line-height:1.9}.project-name>span{display:block;color:#6e7b85;font-family:var(--mono);font-size:9px;letter-spacing:1.5px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.top-actions>.top-divider{margin:0 9px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:3px;color:#9aa8b2;flex-shrink:0}.icon-button:hover,.icon-button.active{background:#29363e;color:#c4e2ef}.text-button{display:flex;align-items:center;gap:8px;padding:10px 14px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;background:#a7c8d5;color:#12212a;border:1px solid #b7d2dd;border-radius:3px;padding:10px 16px;font-weight:600}.primary:hover{background:#c5e0ea;color:#0a1920}.workspace{display:grid;grid-template-columns:226px minmax(400px,1fr) 292px;flex:1;min-height:0}.left-panel,.right-panel{background:var(--panel);display:flex;flex-direction:column;min-height:0}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-title{height:49px;min-height:49px;display:flex;justify-content:space-between;align-items:center;color:#b7c2ca;font-size:11px;letter-spacing:1px;padding:0 19px;border-bottom:1px solid var(--line)}.panel-title svg{color:#7d8b95}.material-card{display:flex;align-items:center;gap:10px;margin:17px 13px 20px;padding:10px;background:#1e282f;border:1px solid #35444f;border-radius:3px}.mini-material{width:32px;height:37px;display:grid;place-items:center;background:linear-gradient(130deg,#9eb6bd,#2b5265 48%,#09141d);color:#b7d4df;border:1px solid #405663}.material-card strong{font-size:11px;font-weight:500}.material-card>div>span{display:block;font:7px var(--mono);letter-spacing:.6px;color:#8a9da8;margin-top:5px}.tiny-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:auto}.layer-list{padding:0 9px}.layer{display:flex;align-items:center;padding-right:7px;border:1px solid transparent;min-height:61px;border-radius:3px;margin:2px 0}.layer.selected{border-color:#384a56;background:#202b33}.layer-name{display:flex;align-items:center;text-align:left;gap:13px;flex:1;min-width:0;padding:10px 9px;color:#c8d0d5;font-size:11px}.layer-name small{display:block;color:#74848e;font:8px var(--mono);letter-spacing:1px;margin-top:5px}.layer-number{font:10px var(--mono);color:#667d8b}.layer.selected .layer-number{color:var(--accent)}.region-layer{margin:12px 9px 0;border-top:1px solid var(--line);border-radius:0}.layer-badge{font:9px var(--mono);color:#a4b4be;padding:2px 5px;background:#27343e;border:1px solid #3c4c56;border-radius:2px;margin-right:5px}.region-chips{display:flex;gap:5px;margin:0 19px 16px 42px}.region-chips button{display:flex;align-items:center;gap:6px;font-size:10px;background:#1a2329;border:1px solid #35414a;padding:6px 9px;border-radius:3px;color:#9dabb4}.region-chips .selected{border-color:#a0becd}.region-chips i{width:7px;height:7px;border:1px solid #687e8c;border-radius:1px}.left-bottom{margin-top:auto;border-top:1px solid var(--line);padding-bottom:12px}.left-bottom>.panel-title{border-bottom:0}.pbr-wrap{height:175px;position:relative;margin:0 13px 7px;background:#0c1217;border:1px solid #29363f;border-radius:3px;overflow:hidden}.pbr-wrap canvas{display:block;width:100%;height:100%}.pbr-tag{position:absolute;left:9px;bottom:8px;color:#96a7b2;font:7px var(--mono);letter-spacing:.6px}.segmented{display:flex;background:#10171c;border:1px solid #303e48;border-radius:3px;margin:0 18px 16px;padding:3px;gap:3px}.segmented button{flex:1;padding:5px;font-size:10px;color:#8a9aa6;border-radius:2px}.segmented .selected{background:#293a45;color:#cee0e9}.left-bottom .control{margin:0 19px}.muted-note{font-size:9px;text-align:center;color:#7d8b94;margin:8px 0 0}.main-panel{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 32%,#1e282e,#131b20 58%,#11181d);overflow:auto}.viewport-toolbar{min-height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 21px;border-bottom:1px solid var(--line);background:#151c21}.viewport-label{display:flex;align-items:center;gap:10px;font-size:10px}.viewport-label>span:not(.live-dot){color:#51636f;margin:0 4px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.viewport-label select{font-size:10px;border:0;background:transparent;color:#96a6b2;padding:5px 8px}.viewport-buttons{display:flex;gap:4px}.canvas-area{padding:27px 34px 24px;flex:1;display:flex;flex-direction:column;min-height:0}.canvas-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font:8px var(--mono);letter-spacing:1.8px;color:#8296a3}.canvas-heading h1{font-weight:500;letter-spacing:1px;font-size:22px;margin:10px 0 0;color:#dce5e9}.canvas-heading h1>span{font:11px var(--mono);letter-spacing:0;color:#94a7b5;margin-left:15px;text-transform:capitalize}.resolution-tag{font:10px var(--mono);color:#a5b5bf;text-align:right}.resolution-tag i{display:block;font-style:normal;font-size:7px;letter-spacing:1.5px;color:#697f8e;margin-top:6px}.canvas-stage{flex:1;min-height:120px;display:flex;align-items:center;justify-content:center}.texture-frame{width:100%;max-width:min(100%,calc(100dvh - 382px));position:relative;background:#0c141a;box-shadow:0 20px 65px #03080a66;overflow:hidden;isolation:isolate;touch-action:none}.texture-frame[style*="2"]{max-width:100%}.texture-frame>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-loading{position:absolute;inset:0;display:flex;gap:14px;align-items:center;justify-content:center;flex-direction:column;color:#8296a3;font-size:11px;background:#111c24}.canvas-loading svg{animation:rotate 15s linear infinite}.corner{position:absolute;width:8px;height:8px;border-color:#88a9ba;border-style:solid;opacity:.7;pointer-events:none}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.boundary-guides{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:center;pointer-events:none}.boundary-guides g{pointer-events:all;cursor:ew-resize;outline-offset:4px}.guide-line{stroke:#d1e3ed99;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;pointer-events:none}.guide-hit{stroke:transparent;stroke-width:18;vector-effect:non-scaling-stroke;pointer-events:stroke}.boundary-guides rect{fill:#13242fdd;stroke:#b0c5ce;stroke-width:1;vector-effect:non-scaling-stroke}.boundary-guides text{font:14px var(--mono);fill:#d8e5eb;pointer-events:none}.boundary-guides g:hover .guide-line{stroke:#fff}.canvas-caption{display:flex;justify-content:space-between;gap:12px;margin:17px 0 20px;font-size:9px;color:#8597a4}.canvas-caption>span:last-child{color:#647a89}.canvas-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a3740;padding-top:15px;gap:10px}.color-strip{display:flex;gap:4px;align-items:center}.color-strip>span:not(.strip-label){height:14px;width:14px;border:1px solid #65798455;border-radius:2px}.strip-label{font:7px var(--mono);letter-spacing:.7px;color:#718996;margin-left:7px}.zoom-controls{display:flex;gap:2px;align-items:center}.zoom-controls>span{font:9px var(--mono);min-width:38px;text-align:center}.fine-preview{font-size:9px;border-left:1px solid #35434e;margin-left:7px;padding:6px 0 6px 12px;color:#a8bac6}.material-info{display:flex;gap:25px;padding:22px 34px 24px;border-top:1px solid var(--line);background:#141c21}.material-info>div{flex:1}.material-info .eyebrow{font-size:7px;letter-spacing:1px}.material-info strong{display:block;font-weight:500;font-size:11px;color:#b2c2cd;margin-top:10px}.material-info p{margin:7px 0 0;font-size:9px;line-height:1.7;color:#7e939f}.help-link{display:flex;align-items:center;gap:7px;align-self:flex-end;font-size:9px;color:#9eb1bc;white-space:nowrap}.right-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 18px 0;scrollbar-width:thin;scrollbar-color:#3d4c57 transparent}.field-label{display:flex;flex-direction:column;gap:9px;color:#91a4b1;font-size:10px;margin-bottom:16px}.field-label>select,.field-label>input{width:100%;font-size:11px}.seed-row{display:flex;gap:3px;align-items:flex-end;margin:0 0 20px}.seed-row label{flex:1;display:flex;align-items:center;border:1px solid #33424e;border-radius:3px;background:#10171c;height:32px;padding-left:10px;font:8px var(--mono);color:#6f8796}.seed-row input{border:0!important;background:none;width:100%;font:10px var(--mono);padding:8px!important}.seed-row input::-webkit-inner-spin-button{-webkit-appearance:none}.section{border-top:1px solid var(--line);padding:0}.section>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:11px;font-weight:500;color:#b7c8d2}.section>summary svg{color:#778e9d;transition:transform .16s}.section:not([open])>summary svg{transform:rotate(-90deg)}summary::-webkit-details-marker{display:none}.section-body{padding:0 0 20px}.mode-select{margin-bottom:15px}.mode-select select{width:100%;font-size:10px;background:#1a262e;border-color:#354956;padding:8px}.boundary-summary{height:5px;display:flex;gap:2px;border-radius:2px;overflow:hidden;margin-bottom:20px}.control{display:block;margin-bottom:15px;font-size:10px;color:#91a5b3}.control>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control output{font:10px var(--mono);color:#b5cbd8}input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:3px;background:linear-gradient(to right,#95b9cb 0%,#95b9cb var(--fill),#34444f var(--fill),#34444f 100%);border:0;padding:0;cursor:pointer;margin:0;outline-offset:7px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#bdd0db;width:7px;height:11px;border:1px solid #d5e1e8;border-radius:1px;box-shadow:0 0 0 3px #121b2255}input[type=range]::-moz-range-thumb{background:#bdd0db;width:6px;height:10px;border:0;border-radius:1px}.direction-row{display:flex;gap:14px;align-items:center;margin:20px 0 0}.direction-row>.control{flex:1;margin:0}.direction-row>label:not(.control){display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;color:#91a5b3;font-size:10px}.direction-row select{font-size:10px;padding:7px}.direction-row .icon-button{align-self:flex-end;border:1px solid #344551;height:28px;width:28px}.advanced{border:1px solid #2d3d48;background:#151f26;border-radius:3px;margin-top:20px;padding:0 11px}.advanced>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:9px;color:#92a7b6;padding:10px 0}.advanced>.control{margin-top:14px}.inline-note{font-size:10px;line-height:1.8;color:#8da6b6}.color-inputs{display:flex;gap:8px;margin:0 0 20px}.color-inputs label{flex:1;text-align:center;font-size:9px;color:#9cafbc}.color-inputs input{width:100%;height:28px;display:block;margin-bottom:7px;padding:2px;cursor:pointer}.preset-tools{display:flex;gap:6px}.preset-tools button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #354650;padding:9px 8px;font-size:9px;border-radius:3px;flex:1}.reset-button{display:flex;align-items:center;gap:7px;justify-content:center;width:100%;color:#8d9fac;font-size:9px;margin-top:14px;padding:5px}.compute-note{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:14px 19px;color:#a0b8c5;font-size:9px;background:#131c22}.compute-note span>span{display:block;font-size:8px;color:#738a9a;margin-top:4px}.statusbar{min-height:31px;display:flex;align-items:center;gap:25px;padding:0 18px;background:#10171c;border-top:1px solid var(--line);font:9px var(--mono);color:#8196a5}.statusbar>span{display:flex;align-items:center;gap:8px}.status-dot{width:4px;height:4px;border-radius:50%;background:#857767}.status-dot.online{background:#96b9aa}.status-right{margin-left:auto;gap:20px!important;color:#718a99}.statusbar progress{width:90px;height:3px;accent-color:#abc8d7}.statusbar button{font-size:9px;color:#d0dde4}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#04090dc9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;width:440px;max-width:100%;max-height:90dvh;overflow:auto;background:#19232b;border:1px solid #49606f;border-radius:5px;padding:33px;box-shadow:0 25px 80px #0009}.modal-close{position:absolute;right:14px;top:14px;padding:7px;color:#9cb0bd}.modal h2{font-weight:500;font-size:23px;color:#e0e9ef;margin:16px 0}.modal p{font-size:11px;line-height:1.9;color:#9baebc}.modal>.field-label{margin-top:24px}.wide{width:100%;margin-top:20px;justify-content:center}.export-summary{display:flex;justify-content:space-between;font:10px var(--mono);color:#bbd2df;border-top:1px solid #3a4d5a;border-bottom:1px solid #3a4d5a;padding:15px 0;margin:20px 0}.export-note{font-size:10px!important}.help-modal{width:510px}.help-modal ol{padding-left:18px;font-size:11px;color:#b5c6d0;line-height:1.95}.help-modal li{padding-left:4px;margin:12px 0}.error-banner{position:fixed;bottom:49px;left:245px;right:310px;padding:15px 18px;background:#3a292a;border:1px solid #906d67;color:#ead4cb;z-index:20;display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.8;white-space:pre-wrap;gap:15px}.toast{position:fixed;bottom:55px;left:50%;transform:translate(-50%);z-index:25;background:#2a3e49;color:#d3e6ee;border:1px solid #668595;border-radius:3px;padding:13px 22px;font-size:11px;box-shadow:0 8px 25px #0005}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1600px){.workspace{grid-template-columns:246px minmax(500px,1fr) 318px}.canvas-area{padding:34px 65px}.material-info{padding-left:65px;padding-right:65px}.texture-frame{max-width:min(100%,calc(100dvh - 390px))}.right-scroll{padding-left:24px;padding-right:24px}.pbr-wrap{height:195px}}@media(max-height:850px){.pbr-wrap{height:140px}.left-bottom .panel-title{height:38px;min-height:38px}.material-info{padding-top:16px;padding-bottom:16px}.canvas-area{padding-top:20px}.canvas-caption{margin-top:12px;margin-bottom:12px}.texture-frame{max-width:min(100%,calc(100dvh - 340px))}.layer{min-height:53px}.material-card{margin-bottom:10px}}@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(320px,1fr) 260px}.topbar{padding:0 17px;gap:15px}.brand{width:155px;font-size:13px;gap:9px}.project-name{display:none}.canvas-area{padding:22px}.material-info{padding:18px 22px;gap:15px}.material-info>div:nth-child(2){display:none}.strip-label{display:none}.left-panel .panel-title{padding:0 15px}.layer-name{gap:9px}.material-card{margin-left:9px;margin-right:9px}.material-card>div>span{font-size:6px}.pbr-wrap{height:150px}.region-chips{margin-left:23px}.error-banner{left:200px;right:270px}}@media(max-width:850px){.app-shell{min-height:100dvh;height:auto;overflow:visible}.workspace{grid-template-columns:1fr 265px}.left-panel{display:none}.main-panel{min-height:650px}.right-panel{max-height:calc(100dvh - 76px)}.canvas-area{min-height:480px}.texture-frame{max-width:100%}.topbar .text-button{display:none}.brand{width:auto}.topbar{height:65px}.topbar>.top-divider{display:none}.top-actions>.top-divider{display:none}.top-actions{gap:2px}.statusbar{position:sticky;bottom:0;z-index:3;gap:15px}.statusbar>span:nth-child(2){display:none}.error-banner{left:18px;right:18px}.material-info{gap:5px}.canvas-caption>span:last-child{display:none}}@media(max-width:600px){.workspace{display:flex;flex-direction:column}.main-panel{min-height:550px}.right-panel{max-height:none;border-top:1px solid var(--line);border-left:0}.right-scroll{overflow:visible}.canvas-area{padding:22px 18px;min-height:440px}.topbar{padding:0 12px;gap:6px}.brand{font-size:12px;gap:6px}.brand-mark{width:28px;height:34px}.brand>div>span{font-size:7px}.top-actions .icon-button{width:28px}.primary{padding:10px 11px;font-size:10px}.top-actions .primary>svg:last-child{display:none}.canvas-heading h1{font-size:21px}.material-info{padding:19px}.viewport-toolbar{padding:0 15px}.right-scroll{padding:20px}.statusbar{font-size:8px;padding:0 12px}.status-right{gap:10px!important}.status-right>span:first-child{display:none}.texture-frame{max-width:100%}.error-banner{bottom:42px}.fine-preview{padding-left:8px}.canvas-caption{font-size:8px}.left-panel{display:block;border-right:0;border-top:1px solid var(--line)}.workspace>.left-panel{order:3}.left-panel>.panel-title,.material-card,.layer-list,.region-layer,.region-chips{display:none}.left-bottom{display:grid;grid-template-columns:1fr 1fr;padding:10px 15px;gap:10px}.left-bottom>.panel-title{grid-column:1/-1;padding:0 5px}.pbr-wrap{grid-row:2/5;height:160px;margin:0}.left-bottom .control{margin:0 8px}.segmented{margin:0 5px;align-self:center}.muted-note{text-align:left;margin:0 8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.canvas-stage{container-type:size}.texture-frame,.texture-frame[style*="2"]{width:min(100%,calc(100cqh * var(--aspect, 1)));max-width:none;flex-shrink:0}@media(max-width:850px){.canvas-stage{min-height:300px}}@media(max-width:600px){.canvas-stage{min-height:310px}}