.preset-shell{min-height:100vh;background:#0b111b;color:#e7edf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.preset-shell *{box-sizing:border-box}.preset-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #263247;background:#101927;gap:16px}.preset-brand{display:flex;align-items:center;gap:9px;color:#f2f6ff;text-decoration:none;font-size:18px;font-weight:750;white-space:nowrap}.preset-brand>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#315fba;color:#fff}.preset-brand small{font-size:9px;letter-spacing:1.8px;color:#8194b4;margin-left:4px}.preset-top-actions{display:flex;align-items:center;gap:9px}.preset-top-actions button,.preset-import,.preset-preview-footer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #34445e;border-radius:8px;padding:10px 13px;color:#dbe6f8;background:#172337;font-size:12px;font-weight:650;cursor:pointer}.preset-top-actions button:disabled{opacity:.45;cursor:not-allowed}.preset-top-actions .preset-primary{background:#3977ed;border-color:#3977ed;color:#fff}.preset-layout{width:100%;max-width:1680px;margin:0 auto;padding:20px;display:grid;grid-template-columns:minmax(250px,300px) minmax(320px,1fr) minmax(240px,290px);gap:16px;flex:1}.preset-library,.preset-preview-column,.preset-properties{min-width:0;border:1px solid #27364a;border-radius:13px;background:#111b2a;overflow:hidden}.preset-library,.preset-properties{padding:17px}.preset-heading,.preset-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preset-heading>svg{color:#82a9f8}.preset-heading small,.preset-preview-heading small{display:block;color:#7f95b8;font-size:9px;letter-spacing:1.8px;font-weight:800;margin-bottom:4px}.preset-heading h1,.preset-heading h2,.preset-preview-heading h2{margin:0;color:#f0f5ff;font-size:18px;letter-spacing:-.4px}.preset-description{font-size:12px;line-height:1.7;color:#9eafc9;margin:12px 0 19px}.preset-section{margin-top:18px}.preset-section-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid #27364a;font-size:13px;font-weight:750}.preset-section-title span{font-size:9px;letter-spacing:1.3px;color:#7489a9}.preset-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.preset-option{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 5px 9px;border:1px solid #293950;border-radius:9px;background:#152235;color:#b7c7df;font-size:11px;cursor:pointer;transition:border-color .15s,background .15s}.preset-option:hover{border-color:#6487c9}.preset-option.chosen{background:#1c3152;border-color:#4f83e7;color:#fff;box-shadow:inset 0 0 0 1px #4f83e744}.preset-swatch{width:56px;height:56px;border:1px solid #3a4a60;border-radius:7px;background-color:#202d40;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat;image-rendering:pixelated}.preset-swatch[style*=background-image]{background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated}.no-swatch{display:grid;place-items:center;color:#7d90ac;background:#1a2638}.preset-attribution{margin-top:22px;padding-top:13px;border-top:1px solid #27364a;color:#7e91ae;font-size:10px;line-height:1.7}.preset-attribution a{color:#8db4ff;text-decoration:none}.preset-preview-column{display:flex;flex-direction:column;padding:17px}.preset-preview-heading{margin-bottom:14px}.preset-model-switch{display:flex;gap:4px;padding:4px;border:1px solid #2b3b52;border-radius:8px;background:#0d1624}.preset-model-switch button{border:0;border-radius:5px;padding:7px 9px;background:transparent;color:#8fa2c0;font-size:10px;white-space:nowrap;cursor:pointer}.preset-model-switch button.active{background:#294a7e;color:#fff}.preset-model-stage{position:relative;flex:1;min-height:390px;border:1px solid #26374e;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#253b5c 0,#17273e 35%,#101a29 74%)}.preset-model-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.preset-model-stage .three-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:390px;z-index:1}.preset-model-stage .three-preview-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}.preset-model-stage .webgl-fallback{display:none}.preset-model-caption{position:absolute;z-index:2;bottom:11px;left:0;right:0;text-align:center;font-size:10px;color:#9aacc8;pointer-events:none}.preset-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;color:#8295b2}.preset-preview-footer>span{display:flex;align-items:center;gap:7px}.preset-preview-footer i{width:6px;height:6px;border-radius:50%;background:#d8a34e}.preset-preview-footer .preset-status-ready i{background:#51d5a2}.preset-preview-footer button{padding:7px 10px;font-size:10px}.preset-error{margin-top:10px;border:1px solid #824b4b;border-radius:8px;padding:10px;color:#ffc3c3;background:#3b2026;font-size:11px;line-height:1.5}.preset-skin-card{display:flex;align-items:center;gap:12px;padding:12px;margin-top:19px;border:1px solid #2b3b52;border-radius:10px;background:#162337}.preset-skin-thumb{width:64px;height:64px;display:grid;place-items:center;flex-shrink:0;border:1px solid #3a4b63;border-radius:7px;background-color:#202d40;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.preset-skin-thumb canvas{width:64px;height:64px;image-rendering:pixelated}.preset-skin-meta{min-width:0;display:flex;flex-direction:column;gap:6px}.preset-skin-meta strong{overflow-wrap:anywhere;font-size:11px;color:#e4edfc}.preset-skin-meta small{font-size:10px;color:#8296b5}.preset-import{width:100%;margin-top:10px;background:#203b67;border-color:#315e9e;color:#d9e8ff}.preset-tip{margin-top:20px;padding:13px;border:1px solid #2a3b53;border-radius:9px;background:#142235}.preset-tip strong{font-size:12px;color:#cfe0fb}.preset-tip p,.preset-next p{margin:7px 0 0;font-size:11px;line-height:1.7;color:#91a5c3}.preset-next{margin-top:20px;padding-top:16px;border-top:1px solid #29384c}.preset-next>span{display:block;margin-bottom:7px;color:#7f96ba;font-size:9px;letter-spacing:1.4px}.preset-next strong{font-size:12px;color:#c6d8f4}.preset-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;border-top:1px solid #263247;color:#7386a4;font-size:10px;background:#0e1724}.preset-shell .three-preview-canvas .webgl-fallback{display:none}@media(max-width:1050px){.preset-layout{grid-template-columns:minmax(220px,270px) minmax(300px,1fr)}.preset-properties{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.preset-properties .preset-heading{grid-column:1/-1}.preset-properties .preset-skin-card,.preset-properties .preset-import,.preset-tip,.preset-next{margin-top:0}}@media(max-width:700px){.preset-topbar{height:auto;min-height:60px;padding:10px 12px;flex-wrap:wrap}.preset-brand{font-size:16px}.preset-brand small{display:none}.preset-top-actions{margin-left:auto}.preset-top-actions button{padding:9px;font-size:11px}.preset-layout{display:flex;flex-direction:column;padding:10px;gap:10px}.preset-preview-column{order:0}.preset-model-stage,.preset-model-stage .three-preview-canvas{min-height:320px}.preset-library{order:1}.preset-properties{order:2;display:block}.preset-properties .preset-skin-card{margin-top:14px}.preset-properties .preset-import{margin-top:10px}.preset-tip,.preset-next{margin-top:16px}.preset-options{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-footer{padding:10px 12px;font-size:9px;flex-wrap:wrap}}.preset-shell .three-preview-canvas[data-webgl-unavailable=true] .webgl-fallback{display:grid;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;padding:24px;text-align:center;color:#c1cfe4;font-size:12px;line-height:1.7;z-index:3}.preset-shell .three-preview-canvas[data-webgl-unavailable=true] canvas{display:none}.preset-preview-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.preset-preview-controls .preset-model-switch{flex-wrap:wrap;justify-content:center}@media(max-width:700px){.preset-preview-heading{align-items:flex-start}.preset-preview-controls{max-width:62%}.preset-preview-controls .preset-model-switch{gap:2px}.preset-preview-controls .preset-model-switch button{padding:6px 7px;font-size:9px}}.preset-shell{background:#0a0f17;color:#e8edf5;letter-spacing:.01em}.preset-topbar{position:sticky;top:0;z-index:20;min-height:68px;height:auto;padding:12px clamp(14px,2.2vw,32px);background:#0d141ff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:#263244}.preset-brand>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5d8dff,#7457df);box-shadow:0 5px 18px #426de833}.preset-top-actions button,.preset-import,.preset-preview-footer button{min-height:38px;border-radius:10px;font-size:12px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.preset-top-actions button:hover,.preset-import:hover,.preset-preview-footer button:hover{transform:translateY(-1px);border-color:#6e91d6}.preset-top-actions .preset-primary{background:linear-gradient(135deg,#4e83f3,#655ee8);box-shadow:0 5px 18px #4e70e52b}.preset-layout{max-width:1760px;grid-template-columns:minmax(250px,285px) minmax(420px,1fr) minmax(250px,285px);align-items:start;gap:18px;padding:clamp(12px,1.6vw,24px)}.preset-library,.preset-preview-column,.preset-properties{border-color:#293548;border-radius:16px;background:#111925;box-shadow:0 10px 32px #00000014}.preset-library,.preset-properties{padding:18px}.preset-heading h1,.preset-heading h2,.preset-preview-heading h2{font-size:19px;letter-spacing:-.025em}.preset-description{margin:13px 0 22px;color:#a8b4c7;font-size:12px;line-height:1.8}.preset-section{margin-top:22px}.preset-section-title{padding-bottom:11px;font-size:13px}.preset-section-title span{color:#8b9ab1;letter-spacing:.08em}.preset-options{gap:9px;margin-top:12px}.preset-option{min-height:104px;justify-content:center;gap:9px;padding:11px 7px;border-color:#2a374a;border-radius:11px;background:#151f2d;color:#c3cede;font-size:11px;line-height:1.45}.preset-option:hover{background:#1a2739;border-color:#6e8bc3}.preset-option.chosen{background:#1b2a42;border-color:#6a94f4;box-shadow:inset 0 0 0 1px #6a94f455,0 4px 14px #00000015}.preset-swatch{width:62px;height:62px;border-radius:9px;border-color:#43516a;background-color:#1d2939}.preset-attribution{margin-top:24px;color:#8796ac}.preset-preview-column{padding:clamp(14px,1.5vw,22px)}.preset-preview-heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:17px}.preset-preview-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;max-width:100%}.preset-model-switch{gap:3px;padding:4px;border-color:#303d51;border-radius:10px;background:#0c131e}.preset-model-switch button{min-height:30px;padding:7px 10px;border-radius:7px;font-size:11px}.preset-model-switch button.active{background:#365a9a;box-shadow:0 2px 7px #0000002a}.preset-model-stage{min-height:min(68vh,680px);border-color:#2c3a50;border-radius:13px;background:radial-gradient(ellipse at 50% 38%,#273b56 0,#172536 45%,#0e1622)}.preset-model-stage .three-preview-canvas,.preset-model-stage .three-preview-canvas canvas{min-height:min(68vh,680px)}.preset-model-caption{bottom:13px;padding:7px 12px;font-size:11px;color:#c0cce0;text-shadow:0 1px 4px #000}.preset-preview-footer{min-height:38px;margin-top:14px;color:#a0aec2}.preset-preview-footer button{border-radius:9px}.preset-skin-card{gap:13px;padding:13px;border-color:#2e3c51;border-radius:12px;background:#151f2d}.preset-skin-thumb{width:72px;height:72px;border-radius:9px}.preset-skin-thumb canvas{width:72px;height:72px}.preset-skin-meta strong{font-size:12px;line-height:1.5}.preset-tip{border-color:#2c3a50;border-radius:11px;background:#151f2d}.preset-next{padding-top:18px}.preset-footer{padding:14px clamp(14px,2.2vw,32px);background:#0c131d}@media(min-width:1400px){.preset-layout{gap:20px}.preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.preset-layout{grid-template-columns:minmax(230px,270px) minmax(340px,1fr)}.preset-properties{grid-column:1 / -1;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(200px,1fr) minmax(200px,1fr);gap:14px;align-items:start}.preset-properties .preset-heading{grid-column:1 / -1}.preset-properties .preset-skin-card,.preset-properties .preset-import,.preset-tip,.preset-next{margin-top:0}}@media(max-width:760px){.preset-topbar{position:relative;align-items:flex-start;gap:12px;padding:12px}.preset-top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.preset-top-actions button{min-height:36px;padding:8px 10px;font-size:11px}.preset-layout{display:flex;flex-direction:column;padding:10px;gap:12px}.preset-preview-column{order:0;width:100%}.preset-library{order:1;width:100%}.preset-properties{order:2;width:100%;display:block}.preset-preview-heading{display:flex;flex-direction:column;align-items:stretch;gap:12px}.preset-preview-controls{justify-content:flex-start;gap:7px}.preset-model-switch button{min-height:34px;padding:8px 10px;font-size:11px}.preset-model-stage,.preset-model-stage .three-preview-canvas,.preset-model-stage .three-preview-canvas canvas{min-height:380px}.preset-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-option{min-height:100px;padding:9px 4px;font-size:11px}.preset-swatch{width:54px;height:54px}.preset-properties .preset-skin-card{margin-top:14px}.preset-properties .preset-import{margin-top:10px}.preset-tip,.preset-next{margin-top:16px}.preset-footer{gap:6px;line-height:1.6}}@media(max-width:390px){.preset-brand{gap:7px;font-size:15px}.preset-brand>span{width:30px;height:30px}.preset-top-actions{width:100%;justify-content:stretch}.preset-top-actions button{flex:1}.preset-model-stage,.preset-model-stage .three-preview-canvas,.preset-model-stage .three-preview-canvas canvas{min-height:330px}.preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.preset-shell button:focus-visible,.preset-shell a:focus-visible{outline:2px solid #8db4ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.preset-shell *,.preset-shell *:before,.preset-shell *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.preset-thumbnail{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:4px}.preset-thumbnail-render{display:grid;width:62px;height:62px;place-items:center;overflow:hidden;border:1px solid #43516a;border-radius:9px;background:radial-gradient(ellipse at 50% 35%,#34465f,#182333 78%)}.preset-thumbnail-render img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.preset-thumbnail-fallback{padding:4px;color:#9eafc9;font-size:8px;line-height:1.3;text-align:center}.preset-author{color:#8fa2bd;font-size:9px;line-height:1.2;font-weight:500}.preset-option{gap:6px}.preset-workspace-label{color:#9aabc4;font-size:12px;letter-spacing:.02em}.preset-export-skin,.preset-open-blockbench{width:100%;min-height:39px;margin-top:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3d65a6;border-radius:10px;padding:10px 12px;color:#e4edff;background:linear-gradient(135deg,#315fa8,#4c51a0);font-size:12px;font-weight:700;cursor:pointer}.preset-export-skin:disabled{opacity:.45;cursor:not-allowed}.preset-open-blockbench{border-color:#34445b;color:#c6d3e7;background:#172231}@media(min-width:1181px){.preset-layout{grid-template-columns:minmax(0,1fr) minmax(250px,285px);align-items:stretch}.preset-preview-column{grid-column:1;grid-row:1}.preset-properties{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch}.preset-properties .preset-heading,.preset-properties .preset-skin-card,.preset-properties .preset-import,.preset-properties .preset-export-skin,.preset-properties .preset-open-blockbench,.preset-properties .preset-tip{grid-column:auto}.preset-library{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:20px}.preset-library>.preset-heading,.preset-library>.preset-description,.preset-library>.preset-attribution{grid-column:1 / -1}.preset-library>.preset-description{margin-bottom:2px}.preset-library>.preset-section{margin-top:10px;min-width:0}.preset-library .preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px)and (min-width:761px){.preset-library{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;align-items:start}.preset-library>.preset-heading,.preset-library>.preset-description,.preset-library>.preset-attribution{grid-column:1 / -1}.preset-library>.preset-section{margin-top:8px;min-width:0}}@media(max-width:760px){.preset-workspace-label,.preset-top-actions{display:none}.preset-library{display:block}.preset-library>.preset-section{margin-top:20px}.preset-library .preset-options{grid-template-columns:repeat(3,minmax(0,1fr))}}.preset-current-skin{width:calc(100% - 40px);max-width:1640px;margin:20px auto 0;padding:15px 18px;display:grid;grid-template-columns:minmax(145px,190px) minmax(230px,1fr) auto;align-items:center;gap:16px;border:1px solid #2c4261;border-radius:13px;background:linear-gradient(110deg,#14243a,#101a29)}.preset-current-skin-title{display:flex;flex-direction:column;gap:9px}.preset-current-skin-title small{display:block;color:#7f95b8;font-size:9px;letter-spacing:1.8px;font-weight:800;margin-bottom:4px}.preset-current-skin-title h2{margin:0;color:#f0f5ff;font-size:18px}.preset-current-skin-title>span{display:flex;align-items:center;gap:7px;color:#a1b1ca;font-size:11px}.preset-current-skin-title>span i{width:7px;height:7px;border-radius:50%;background:#d8a34e}.preset-current-skin-title>span.preset-current-ready i{background:#51d5a2}.preset-current-skin .preset-skin-card{margin:0;min-width:0}.preset-current-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:440px}.preset-current-actions .preset-import,.preset-current-actions .preset-export-skin,.preset-current-actions .preset-open-blockbench{width:auto;margin:0;min-height:38px;padding:9px 12px;white-space:nowrap}.preset-current-actions .preset-export-skin,.preset-open-blockbench{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3a65a5;border-radius:8px;padding:10px 13px;color:#e0ebff;background:#203b67;font-size:12px;font-weight:650;cursor:pointer}.preset-current-actions .preset-open-blockbench{background:#3977ed;border-color:#3977ed;color:#fff}.preset-current-actions button:disabled{opacity:.45;cursor:not-allowed}.preset-layout{grid-template-columns:minmax(260px,320px) minmax(320px,1fr);align-items:stretch}.preset-properties{display:none}.preset-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 8px;padding:5px;border:1px solid #293950;border-radius:10px;background:#0d1624}.preset-category-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:1px solid transparent;border-radius:7px;padding:10px 5px;background:transparent;color:#9eafc9;font-size:13px;font-weight:750;cursor:pointer}.preset-category-tabs button small{font-size:8px;letter-spacing:1.2px;color:#7187a8}.preset-category-tabs button.active{background:#294a7e;border-color:#4778c6;color:#fff;box-shadow:0 2px 10px #0002}.preset-category-tabs button.active small{color:#c9dcff}.preset-library>.preset-section{margin-top:12px}.preset-library .preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-library .preset-attribution{margin-top:18px}@media(max-width:1050px){.preset-current-skin{grid-template-columns:150px minmax(0,1fr);gap:12px}.preset-current-actions{grid-column:1/-1;max-width:none;justify-content:flex-start}.preset-layout{grid-template-columns:minmax(230px,290px) minmax(0,1fr);padding:14px;gap:12px}.preset-current-skin{width:calc(100% - 28px)}}@media(max-width:760px){.preset-current-skin{grid-template-columns:1fr;align-items:stretch;margin-top:12px;padding:13px}.preset-current-skin-title{flex-direction:row;align-items:center;justify-content:space-between}.preset-current-skin .preset-skin-card{margin:0}.preset-current-actions{display:grid;grid-template-columns:1fr;gap:8px}.preset-current-actions .preset-import,.preset-current-actions .preset-export-skin,.preset-current-actions .preset-open-blockbench{width:100%}.preset-layout{grid-template-columns:minmax(0,1fr);padding:12px}.preset-library{order:1}.preset-preview-column{order:2;min-height:560px}.preset-preview-heading{align-items:flex-start;flex-direction:column}.preset-preview-controls{width:100%;display:flex;flex-wrap:wrap;gap:6px}.preset-model-stage,.preset-model-stage .three-preview-canvas,.preset-model-stage .three-preview-canvas canvas{min-height:420px}}@media(min-width:1181px){.preset-layout{grid-template-columns:minmax(285px,350px) minmax(0,1fr)!important;gap:18px;align-items:stretch}.preset-library{grid-column:1!important;grid-row:1!important;display:block!important;padding:18px;align-self:start}.preset-preview-column{grid-column:2!important;grid-row:1!important;min-height:720px}.preset-library>.preset-heading,.preset-library>.preset-description,.preset-library>.preset-attribution{grid-column:auto!important}.preset-library>.preset-section{grid-column:auto!important;margin-top:12px}.preset-library .preset-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:761px)and (max-width:1180px){.preset-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;gap:12px;padding:14px}.preset-library{grid-column:1!important;grid-row:1!important;display:block!important;padding:14px;align-self:start}.preset-preview-column{grid-column:2!important;grid-row:1!important;min-height:650px;padding:13px}.preset-library>.preset-heading,.preset-library>.preset-description,.preset-library>.preset-attribution{grid-column:auto!important}.preset-library>.preset-section{grid-column:auto!important;margin-top:12px}.preset-library .preset-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.preset-current-skin{grid-template-columns:minmax(125px,165px) minmax(0,1fr)!important;width:calc(100% - 28px)}.preset-current-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.preset-current-actions button{white-space:normal!important;line-height:1.4}}@media(max-width:760px){.preset-current-skin{width:calc(100% - 20px);margin:10px auto 0;padding:12px;gap:10px}.preset-current-skin-title h2{font-size:16px}.preset-current-skin .preset-skin-card{padding:9px;gap:10px}.preset-current-skin .preset-skin-thumb,.preset-current-skin .preset-skin-thumb canvas{width:56px;height:56px}.preset-current-actions{grid-template-columns:minmax(0,1fr)}.preset-layout{display:flex!important;flex-direction:column!important;padding:10px!important;gap:10px}.preset-library{order:0!important;display:block!important;padding:13px}.preset-preview-column{order:1!important;min-height:0;padding:12px}.preset-library>.preset-heading,.preset-library>.preset-description,.preset-library>.preset-attribution,.preset-library>.preset-section{display:block;width:100%}.preset-library>.preset-section{margin-top:12px!important}.preset-category-tabs{position:sticky;top:6px;z-index:5;margin:12px 0 8px;gap:4px}.preset-category-tabs button{padding:10px 3px;font-size:12px}.preset-category-tabs button small{font-size:7px}.preset-library .preset-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.preset-library .preset-option{min-height:130px;padding:9px 6px}.preset-preview-heading{flex-direction:column;align-items:stretch}.preset-preview-controls{display:flex;flex-direction:column;align-items:stretch;gap:8px}.preset-preview-controls .preset-model-switch{width:100%;display:flex;flex-wrap:wrap}.preset-preview-controls .preset-model-switch button{flex:1 1 auto;min-height:34px}.preset-model-stage,.preset-model-stage .three-preview-canvas,.preset-model-stage .three-preview-canvas canvas{min-height:360px!important}.preset-view-adjust{position:sticky;bottom:4px;z-index:4;background:#0d1624f2}.preset-footer{gap:6px}}@media(max-width:380px){.preset-brand{font-size:15px}.preset-current-actions .preset-import,.preset-current-actions .preset-export-skin,.preset-current-actions .preset-open-blockbench{padding:10px 8px;font-size:11px}.preset-library .preset-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.preset-model-stage,.preset-model-stage .three-preview-canvas,.preset-model-stage .three-preview-canvas canvas{min-height:320px!important}}.preset-shell{--mc-grass: #5e963e;--mc-grass-light: #83bc57;--mc-dirt: #795438;--mc-stone: #4b4f4b;--mc-ink: #20251c;--mc-panel: #c6c6c6;--mc-slot: #8b8b8b;font-family:Trebuchet MS,Arial,sans-serif;background-color:#2d4528;background-image:linear-gradient(135deg,#314d2a 25%,transparent 25%),linear-gradient(225deg,#314d2a 25%,transparent 25%),linear-gradient(45deg,#314d2a 25%,transparent 25%),linear-gradient(315deg,#314d2a 25%,#263b22 25%);background-position:12px 0,12px 0,0 0,0 0;background-size:24px 24px;color:#f6f3df}.preset-topbar{min-height:66px;border:0;border-bottom:5px solid #2e4b25;background:linear-gradient(#6da94a 0,#6da94a 10px,#4f8436 10px,#4f8436);box-shadow:0 4px #1b2b17;padding:0 clamp(12px,2vw,28px)}.preset-brand{color:#fff9df;text-shadow:2px 2px 0 #294321;letter-spacing:.3px}.preset-brand>span{width:34px;height:34px;border-radius:0;background:#9e744b;border:3px solid #e0bd81;box-shadow:inset -4px -4px #6e4c32,inset 3px 3px #d3a873}.preset-brand small{color:#e2efcc;letter-spacing:1px}.preset-current-skin{border:4px solid #5b5b5b;border-radius:0;background:#c6c6c6;color:#242424;box-shadow:inset 4px 4px #f4f4f4,inset -4px -4px #777,0 5px #172416}.preset-current-skin-title h2{color:#242424;font-weight:900;letter-spacing:0}.preset-current-skin-title small{color:#3d6731;letter-spacing:1px}.preset-current-skin-title>span{color:#454545}.preset-current-skin .preset-skin-card{border:3px solid #777;border-radius:0;background:#9a9a9a;box-shadow:inset 3px 3px #686868,inset -3px -3px #e0e0e0}.preset-current-skin .preset-skin-meta strong{color:#222}.preset-current-skin .preset-skin-meta small{color:#454545}.preset-current-skin .preset-skin-thumb{border:3px solid #555;border-radius:0}.preset-layout{gap:14px}.preset-library,.preset-preview-column,.preset-properties{border:4px solid #555;border-radius:0;background:#c6c6c6;color:#252525;box-shadow:inset 4px 4px #f4f4f4,inset -4px -4px #777,0 5px #182416}.preset-heading h1,.preset-heading h2,.preset-preview-heading h2{color:#242424;letter-spacing:0;font-weight:900}.preset-heading small,.preset-preview-heading small{color:#477336;letter-spacing:1px}.preset-heading>svg{color:#426e32}.preset-description{color:#424242}.preset-category-tabs{gap:4px;padding:5px;border:3px solid #666;border-radius:0;background:#8b8b8b;box-shadow:inset 3px 3px #686868,inset -3px -3px #ddd}.preset-category-tabs .preset-category-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:11px 5px;border:3px solid #555;border-radius:0;background:#a7a7a7;color:#2a2a2a;font-weight:900;font-size:13px;box-shadow:inset 3px 3px #dedede,inset -3px -3px #777}.preset-category-tabs .preset-category-tab small{color:#454545;font-size:8px;letter-spacing:1px}.preset-category-tabs .preset-category-tab[data-state=active]{background:#5b8f3d;color:#fffce5;border-color:#304f25;box-shadow:inset 3px 3px #8fbd65,inset -3px -3px #355b2b}.preset-category-tabs .preset-category-tab[data-state=active] small{color:#e2f2c9}.preset-tabs-root{min-width:0}.preset-tab-panel{outline:none}.preset-section-title{color:#282828;border-bottom:2px solid #888}.preset-section-title span{color:#4a4a4a}.preset-options{gap:8px}.preset-option{border:3px solid #777;border-radius:0;background:#9b9b9b;color:#252525;box-shadow:inset 3px 3px #cfcfcf,inset -3px -3px #686868;transition:transform .08s,background .08s,border-color .08s}.preset-option:hover{border-color:#486e32;background:#b4c69c;transform:translateY(-1px)}.preset-option.chosen{border-color:#315a27;border-radius:0;background:#d4e7bf;color:#1d3119;box-shadow:inset 3px 3px #f1ffe4,inset -3px -3px #7aa35e}.preset-swatch,.preset-skin-thumb{border-radius:0}.preset-import,.preset-export-skin,.preset-open-blockbench,.preset-current-actions .preset-open-blockbench{border:3px solid #294d23;border-radius:0;color:#fffbe7;background:#558b38;box-shadow:inset 3px 3px #80b85a,inset -3px -3px #345b28;text-shadow:1px 1px #2c4b24;font-weight:900}.preset-open-blockbench,.preset-current-actions .preset-open-blockbench{background:#467cbb;border-color:#244c79;box-shadow:inset 3px 3px #79a8d6,inset -3px -3px #2b5686}.preset-current-actions .preset-import{background:#936c43;border-color:#60432b;box-shadow:inset 3px 3px #c69a65,inset -3px -3px #65462c}.preset-model-stage{border:4px solid #555;border-radius:0;box-shadow:inset 4px 4px #ffffff36,inset -4px -4px #00000045}.preset-model-switch{border:3px solid #777;border-radius:0;background:#8b8b8b;gap:3px;padding:3px}.preset-model-switch button{border-radius:0;color:#272727;font-weight:800}.preset-model-switch button.active{background:#5c913e;color:#fff;box-shadow:inset 2px 2px #8bbf63,inset -2px -2px #315c27}.preset-view-adjust button,.preset-preview-footer button{border:3px solid #555;border-radius:0;background:#999;color:#202020;box-shadow:inset 2px 2px #ddd,inset -2px -2px #666}.preset-attribution{color:#444;border-color:#888}.preset-attribution a{color:#285e29;font-weight:800}.preset-tooltip{z-index:10000;max-width:260px;padding:9px 11px;border:3px solid #354f2b;background:#e1edce;color:#25351f;box-shadow:3px 3px #172415;font-size:12px;line-height:1.5}.preset-tooltip-arrow{fill:#e1edce}.preset-footer{color:#e0edcf;text-shadow:1px 1px #1c3018}@media(max-width:760px){.preset-current-skin{width:calc(100% - 16px)}.preset-layout{padding:8px!important}.preset-library,.preset-preview-column{padding:12px}.preset-current-actions button{min-height:44px}.preset-category-tabs .preset-category-tab{min-height:48px}}.preset-scene-switch{flex-wrap:wrap}.preset-scene-switch button{padding-inline:8px}.preset-model-stage.scene-studio{background:radial-gradient(ellipse at 50% 35%,#344d70 0,#1b2b42 45%,#0d1521)}.preset-model-stage.scene-sunset{background:radial-gradient(ellipse at 50% 34%,#9b5b53 0,#55354a 42%,#1a1b31)}.preset-model-stage.scene-forest{background:radial-gradient(ellipse at 50% 34%,#426b5a 0,#203e3b 43%,#0d1b22)}.preset-model-stage.scene-void{background:radial-gradient(ellipse at 50% 30%,#45416e 0,#201f3d 42%,#090d18)}.preset-model-stage.scene-sunset:before{background-image:linear-gradient(#ffe8d008 1px,transparent 1px),linear-gradient(90deg,#ffe8d008 1px,transparent 1px)}.preset-model-stage.scene-forest:before{background-image:linear-gradient(#d1ffdf08 1px,transparent 1px),linear-gradient(90deg,#d1ffdf08 1px,transparent 1px)}@media(max-width:760px){.preset-scene-switch{max-width:100%}}.preset-model-stage.scene-day{background:linear-gradient(180deg,#75c7ff,#b6e6ff 57%,#70b84e 57%,#3d8137)}.preset-model-stage.scene-night{background:radial-gradient(circle at 18% 17%,#fff7c4 0 1px,transparent 2px),radial-gradient(circle at 73% 13%,#dbe9ff 0 1px,transparent 2px),radial-gradient(circle at 84% 31%,#fff 0 1px,transparent 2px),linear-gradient(180deg,#08152f,#1c315c 60%,#243b43 60%,#111f28)}.preset-model-stage.scene-plains{background:linear-gradient(180deg,#8ad5ff,#d7f0ff 52%,#83bd4f 52%,#477e36)}.preset-model-stage.scene-desert{background:linear-gradient(180deg,#67c4f3,#f3d8a0 54%,#d5b06b 54%,#a87a42)}.preset-model-stage.scene-forest{background:linear-gradient(180deg,#79c8f4,#c5e8dc 48%,#3c7b43 48%,#173e2a)}.preset-model-stage.scene-nether{background:linear-gradient(180deg,#321d42,#743b48 52%,#8a392d 52%,#351b27)}.preset-model-stage.scene-end{background:linear-gradient(180deg,#251e4b,#6e5d91 52%,#554b68 52%,#28233d)}.preset-model-stage.scene-day:after,.preset-model-stage.scene-plains:after,.preset-model-stage.scene-desert:after,.preset-model-stage.scene-forest:after,.preset-model-stage.scene-nether:after,.preset-model-stage.scene-end:after,.preset-model-stage.scene-night:after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:22%;pointer-events:none;opacity:.8;background:linear-gradient(180deg,transparent 0 18%,#00000008 18% 21%,#00000018 21% 100%),linear-gradient(90deg,transparent 0 9%,#00000013 9% 15%,transparent 15% 32%,#00000012 32% 39%,transparent 39% 63%,#00000010 63% 71%,transparent 71% 89%,#00000014 89% 96%,transparent 96%)}.preset-model-stage.scene-day:after,.preset-model-stage.scene-plains:after{height:19%;background:linear-gradient(180deg,#4e963b 0,#4e963b 13%,#6fb94a 13%,#6fb94a 28%,#4e963b 28%,#4e963b);clip-path:polygon(0 38%,12% 38%,12% 12%,22% 12%,22% 45%,39% 45%,39% 20%,48% 20%,48% 40%,63% 40%,63% 4%,72% 4%,72% 35%,87% 35%,87% 17%,100% 17%,100% 100%,0 100%)}.preset-model-stage.scene-desert:after{height:20%;background:linear-gradient(180deg,#e0bf7c 0,#e0bf7c 22%,#c9a260 22%,#c9a260);clip-path:polygon(0 20%,25% 20%,25% 42%,43% 42%,43% 8%,70% 8%,70% 32%,100% 32%,100% 100%,0 100%)}.preset-model-stage.scene-forest:after{height:28%;background:linear-gradient(180deg,#275a34 0,#275a34 22%,#34733b 22%,#34733b);clip-path:polygon(0 28%,8% 28%,8% 0,16% 0,16% 32%,25% 32%,25% 12%,33% 12%,33% 39%,46% 39%,46% 0,55% 0,55% 32%,69% 32%,69% 9%,77% 9%,77% 38%,90% 38%,90% 0,100% 0,100% 100%,0 100%)}.preset-model-stage.scene-nether:after{height:25%;background:linear-gradient(180deg,#b84b37 0,#b84b37 18%,#572738 18%,#572738);clip-path:polygon(0 24%,18% 24%,18% 5%,29% 5%,29% 34%,48% 34%,48% 0,59% 0,59% 29%,78% 29%,78% 9%,88% 9%,88% 34%,100% 34%,100% 100%,0 100%)}.preset-model-stage.scene-end:after{height:20%;background:linear-gradient(180deg,#8475a5 0,#8475a5 20%,#423955 20%,#423955);clip-path:polygon(0 25%,22% 25%,22% 9%,38% 9%,38% 36%,58% 36%,58% 0,74% 0,74% 28%,100% 28%,100% 100%,0 100%)}.preset-model-stage.scene-night:after{height:18%;background:linear-gradient(180deg,#172c3c 0,#172c3c 18%,#0c1b2b 18%,#0c1b2b);clip-path:polygon(0 32%,17% 32%,17% 12%,28% 12%,28% 42%,47% 42%,47% 0,58% 0,58% 28%,79% 28%,79% 14%,89% 14%,89% 38%,100% 38%,100% 100%,0 100%)}.preset-biome-switch{display:flex;flex-wrap:wrap;max-width:360px}.preset-biome-switch button{padding:6px 8px}.preset-color-picker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:8px 0 12px;padding:9px 10px;border:1px solid #2b3b52;border-radius:8px;background:#0d1624;color:#b9c9e0;font-size:11px}.preset-color-picker input[type=color]{width:34px;height:28px;padding:2px;border:1px solid #52647d;border-radius:6px;background:#152235;cursor:pointer}.preset-color-picker code{color:#e3edff;font-size:10px}.preset-color-picker button,.preset-view-adjust button{border:1px solid #34445e;border-radius:6px;padding:6px 8px;background:#172337;color:#c8d7ed;font-size:10px;cursor:pointer}.preset-view-adjust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 12px;border:1px solid #26374e;border-radius:9px;background:#0d1624;color:#aebfd8;font-size:11px}.preset-view-adjust label{display:flex;align-items:center;gap:10px;flex:1}.preset-view-adjust input[type=range]{width:min(260px,55%);accent-color:#6b9eff}.preset-view-adjust span{min-width:38px;text-align:right;color:#dce8fa;font-variant-numeric:tabular-nums}.preset-model-stage .three-preview-canvas canvas{touch-action:none;cursor:grab}.preset-model-stage .three-preview-canvas canvas:active{cursor:grabbing}@media(max-width:760px){.preset-view-adjust{flex-wrap:wrap}.preset-view-adjust label{width:100%}.preset-biome-switch{max-width:100%}}:root{font-family:Inter,system-ui,sans-serif;color:#e7eaf1;background:#0c111a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#0c111a;--panel:#121a26;--panel2:#182231;--line:#263346;--muted:#8b9bb0;--accent:#4e7dff;--accent2:#6b91ff;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}button:disabled{opacity:.3;cursor:not-allowed}.editor-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 48% 38%,#182437,#0c111a 70%)}.topbar{height:58px;flex-shrink:0;display:flex;align-items:center;gap:28px;padding:0 18px;background:#101722;border-bottom:1px solid #273448}.brand{display:flex;align-items:center;gap:9px;color:#f2f5fb;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:linear-gradient(145deg,#7398ff,#3c63e6);color:#fff;font-size:16px}.brand small{font:9px var(--mono);letter-spacing:1px;color:#8292ab;border-left:1px solid #344258;padding-left:10px;margin-left:3px}.main-menu{display:flex;align-items:center;gap:4px;height:100%}.main-menu button{height:34px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#b4c0d1;font-size:12px}.main-menu button:hover{background:#1e2a3c;color:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.save-state{font-size:11px;color:#a2afc2;display:flex;align-items:center;gap:7px;white-space:nowrap}.save-state span{width:7px;height:7px;border-radius:50%;background:#e9b15a}.save-state.is-saved span{background:#53d5a0}.primary-btn,.export-wide{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #6b8eff;background:#426df0;color:#fff;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:600}.primary-btn:hover,.export-wide:hover{background:#527bff}.editor-layout{flex:1;min-height:0;display:grid;grid-template-columns:218px minmax(350px,1fr) 286px;gap:10px;padding:10px}.left-sidebar,.right-sidebar{display:flex;flex-direction:column;gap:10px;min-width:0}.panel{background:linear-gradient(180deg,#141e2c,#111925);border:1px solid #263447;border-radius:7px;overflow:hidden;box-shadow:0 8px 22px #00000012}.section-title{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 11px;color:#e0e7f2;font-size:12px;font-weight:600;border-bottom:1px solid #263447}.section-title span{font:9px var(--mono);letter-spacing:.7px;color:#71839d}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px}.tool-button{position:relative;min-width:0;display:flex;align-items:center;gap:7px;padding:10px 8px;background:#192536;border:1px solid #27364b;border-radius:5px;color:#b8c5d8;font-size:11px;text-align:left}.tool-button svg{color:#91a5c4;flex-shrink:0}.tool-button kbd{font:9px var(--mono);color:#71829b;margin-left:auto}.tool-button:hover{background:#21314a;color:#fff}.tool-button.selected{background:#1b3260;border-color:#527fff;color:#dce7ff;box-shadow:inset 2px 0 #6490ff}.tool-button.selected svg{color:#8fb0ff}.color-panel{padding-bottom:14px}.color-current{display:flex;align-items:center;gap:10px;padding:12px 13px 8px}.color-current input{width:38px;height:38px;border:1px solid #43536a;border-radius:5px;background:#1a2637;padding:2px;cursor:pointer}.color-current input::-webkit-color-swatch-wrapper{padding:0}.color-current input::-webkit-color-swatch{border:0;border-radius:3px}.color-current strong{display:block;font:11px var(--mono);color:#e3eaf7}.color-current small{display:block;margin-top:4px;color:#8192aa;font-size:10px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:7px 13px 14px}.swatches button{width:100%;aspect-ratio:1;border:2px solid transparent;outline:1px solid #ffffff1c;border-radius:4px;padding:0}.swatches button:hover{transform:scale(1.07)}.swatches button.active{outline:2px solid #dce7ff;outline-offset:1px}.range-label{display:flex;align-items:center;justify-content:space-between;padding:7px 13px 8px;color:#a9b7ca;font-size:10px}.range-label strong{font:10px var(--mono);color:#e0e8f8}.range{display:block;width:calc(100% - 26px);margin:0 13px 4px;accent-color:#6089ff;height:4px}.center-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;gap:0}.document-tabs{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 11px;background:#131d2a;border:1px solid #263447;border-radius:7px 7px 0 0}.tab{height:42px;display:flex;align-items:center;gap:7px;max-width:60%;padding:0 10px;border-bottom:2px solid #5a83ff;color:#dce7f8;font-size:11px}.tab svg{color:#83a4ff;flex-shrink:0}.tab input{width:120px;max-width:100%;min-width:0;border:0;outline:none;background:transparent;color:inherit;font-size:11px}.tab>span{font:9px var(--mono);color:#7c8da6}.tab-meta{font:10px var(--mono);color:#7e91ad;white-space:nowrap}.tab-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.tab-actions button,.toolbar-group button,.layer-actions button{display:grid;place-items:center;width:29px;height:29px;border:1px solid transparent;background:transparent;color:#9eb0c9;border-radius:4px}.tab-actions button:hover,.toolbar-group button:hover,.layer-actions button:hover{background:#25344a;border-color:#364b68;color:#fff}.tab-actions i{height:19px;width:1px;background:#314057;margin:0 5px}.canvas-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#111a27;border-left:1px solid #263447;border-right:1px solid #263447;gap:10px}.toolbar-group{display:flex;align-items:center;gap:5px}.toolbar-label{font-size:10px;color:#8fa0b8}.toolbar-group strong{min-width:22px;text-align:center;font:10px var(--mono);color:#dce6f6}.toolbar-group button{width:27px;height:27px}.toolbar-group button.tool-on{color:#a7c0ff;background:#233b69}.canvas-stage{position:relative;flex:1;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 12px 20px;background-color:#111925;background-image:radial-gradient(#28364a 1px,transparent 1px);background-size:18px 18px;border:1px solid #263447;overflow:auto}.canvas-ruler{display:flex;justify-content:space-between;color:#7588a4;font:9px var(--mono);-webkit-user-select:none;user-select:none}.top-ruler{width:min(700px,calc(100% - 38px));margin:0 0 7px 22px}.canvas-workarea{display:flex;align-items:stretch;gap:7px;max-width:100%}.side-ruler{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:15px;color:#7588a4;font:9px var(--mono);padding:0}.checkerboard{flex-shrink:0;aspect-ratio:1;max-width:100%;background-color:#d9dfe8;background-image:linear-gradient(45deg,#adb8c8 25%,transparent 25%),linear-gradient(-45deg,#adb8c8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#adb8c8 75%),linear-gradient(-45deg,transparent 75%,#adb8c8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 14px 44px #0007;overflow:hidden}.pixel-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair}.pixel-canvas.with-grid{background-image:linear-gradient(to right,#3b4a5d66 1px,transparent 1px),linear-gradient(to bottom,#3b4a5d66 1px,transparent 1px);background-size:1.5625% 1.5625%}.canvas-help{margin-top:15px;color:#7f90a9;font-size:10px;text-align:center}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:0 11px;background:#111a27;border:1px solid #263447;border-top:0;border-radius:0 0 7px 7px;color:#8fa0b7;font:9px var(--mono)}.status-bar>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5bd5a2}.preview-panel{padding-bottom:12px}.preview-tabs{display:flex;gap:5px;padding:10px 12px 0}.preview-tabs button{flex:1;border:1px solid #2b3b51;background:#192536;color:#91a3bd;border-radius:4px;padding:7px;font-size:10px}.preview-tabs button.active{background:#203b70;border-color:#4e78e5;color:#e2ebff}.model-stage{position:relative;min-height:250px;margin:8px 10px 0;border:1px solid #25364c;border-radius:5px;background:radial-gradient(ellipse at 50% 60%,#263750,#141f2e 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.model-placeholder{position:relative;width:155px;height:200px;transform:perspective(500px) rotateY(-13deg) rotateX(2deg);filter:drop-shadow(0 13px 12px #0007)}.model-head{position:absolute;top:8px;left:54px;width:54px;height:54px;background:linear-gradient(135deg,#5a6c83,#28384d 70%);border:2px solid #172537;box-shadow:inset -8px -6px #1b293b,inset 7px 6px #8290a3}.model-head:after{content:"";position:absolute;right:0;top:18px;width:10px;height:18px;background:#d4b9a0}.model-body{position:absolute;top:62px;left:39px;width:83px;height:83px;background:linear-gradient(90deg,#3a4a60,#697b92 50%,#26384e);border:2px solid #182638;transform:skewY(-3deg)}.model-cape{position:absolute;top:3px;left:8px;width:68px;height:95px;background:linear-gradient(100deg,#142c55,#3266bd 50%,#102348);border:3px solid #6197ff;box-shadow:inset 0 0 0 3px #183b72,inset 0 0 0 6px #76aaff;transform:perspective(200px) rotateY(-8deg) skewY(4deg);display:flex;align-items:center;justify-content:center;color:#d7e7ff;text-shadow:0 1px 3px #001}.model-cape span{font-size:9px;font-weight:700;writing-mode:vertical-rl;letter-spacing:1px}.model-arms{position:absolute;top:66px;left:16px;width:123px;display:flex;justify-content:space-between}.model-arms i{display:block;width:23px;height:75px;background:linear-gradient(90deg,#26364a,#6e8097,#25354a);border:2px solid #172638}.model-legs{position:absolute;top:143px;left:47px;width:72px;display:flex;justify-content:space-between}.model-legs i{display:block;width:30px;height:49px;background:linear-gradient(90deg,#26364a,#4c5e74);border:2px solid #172638}.model-stage>p{position:absolute;bottom:12px;margin:0;color:#92a4bd;font-size:10px}.model-stage>small{position:absolute;bottom:29px;color:#687e9d;font-size:9px}.layer-panel{padding-bottom:13px}.layer-actions{display:flex;gap:3px;justify-content:flex-end;padding:5px 9px}.layer-list{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.layer-row{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 6px;border:1px solid transparent;border-radius:5px;background:#172232;cursor:pointer}.layer-row:hover{background:#1d2c40}.layer-row.active{background:#1c3154;border-color:#395b99}.visibility-btn{display:grid;place-items:center;width:22px;height:25px;flex-shrink:0;background:transparent;border:0;color:#9eb2d1;padding:0}.layer-thumb{width:34px;height:34px;flex-shrink:0;border:1px solid #3a4d67;border-radius:3px;background-color:#d6dce5;background-image:linear-gradient(45deg,#aab5c4 25%,transparent 25%),linear-gradient(-45deg,#aab5c4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#aab5c4 75%),linear-gradient(-45deg,transparent 75%,#aab5c4 75%);background-size:8px 8px;overflow:hidden}.layer-thumb canvas{width:100%;height:100%;image-rendering:pixelated}.layer-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.layer-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e3f2;font-size:10px}.layer-info small{font:9px var(--mono);color:#7f93af}.layer-order{display:flex;flex-direction:column}.layer-order button{display:grid;place-items:center;width:19px;height:17px;border:0;border-radius:3px;background:transparent;color:#8b9db6;padding:0}.layer-order button:hover{background:#2b405c;color:#fff}.layer-footnote{margin:10px 12px 0;color:#7d90aa;font-size:9px}.export-panel{padding-bottom:12px}.export-meta{display:flex;justify-content:space-between;padding:12px 13px;color:#8fa1ba;font-size:10px}.export-meta strong{font:10px var(--mono);color:#dce5f3}.export-wide{width:calc(100% - 24px);margin:0 12px 7px}.save-wide{width:calc(100% - 24px);margin:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #34455d;background:#192638;color:#bdcbe0;border-radius:5px;padding:9px;font-size:11px}.save-wide:hover{background:#22344c;color:#fff}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 20px;border-top:1px solid #263447;color:#72849e;font:9px var(--mono);background:#101722}@media(min-width:1500px){.editor-layout{grid-template-columns:230px minmax(500px,1fr) 310px}.canvas-stage{min-height:560px}.model-stage{min-height:290px}}@media(max-width:1050px){.editor-layout{grid-template-columns:190px minmax(300px,1fr) 245px;gap:7px;padding:7px}.tool-list{padding:7px;gap:4px}.tool-button{padding:9px 6px;gap:5px;font-size:10px}.tool-button kbd{display:none}.section-title{padding:11px}.model-stage{min-height:220px}.model-placeholder{transform:scale(.88) perspective(500px) rotateY(-13deg)}}@media(max-width:780px){.topbar{gap:12px;padding:0 10px}.brand small{display:none}.main-menu{gap:0}.main-menu button{padding:0 7px;font-size:11px}.editor-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.left-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.center-workspace{order:0;min-height:570px}.left-sidebar{order:1}.right-sidebar{order:2;display:grid;grid-template-columns:1fr 1fr;align-items:start}.preview-panel{grid-row:span 2}.canvas-stage{min-height:400px}.checkerboard{width:min(560px,calc(100vw - 75px))!important}.status-bar{flex-wrap:wrap;padding:8px}.tool-panel,.color-panel{min-width:0}.model-stage{min-height:250px}}@media(max-width:480px){.topbar{height:54px}.brand{font-size:16px}.main-menu button:nth-child(4){display:none}.save-state{display:none}.primary-btn{padding:9px;font-size:10px}.editor-layout{padding:6px;gap:7px}.document-tabs{gap:5px;padding:0 6px}.tab{padding:0 5px;gap:4px}.tab input{width:82px;font-size:10px}.tab-meta{font-size:8px}.tab-actions button{width:25px}.canvas-toolbar{padding:0 6px}.canvas-stage{min-height:340px;padding:22px 5px}.checkerboard{width:min(420px,calc(100vw - 55px))!important}.side-ruler{width:12px;font-size:8px}.top-ruler{width:calc(100% - 30px);margin-left:17px}.canvas-help{font-size:9px}.status-bar{font-size:8px;gap:5px}.left-sidebar,.right-sidebar{grid-template-columns:1fr}.preview-panel{grid-row:auto}.model-stage{min-height:250px}.tool-list{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-button{flex-direction:column;justify-content:center;gap:5px;padding:9px 3px;text-align:center;font-size:9px}.tool-button kbd{display:none}.app-footer{padding:8px 10px;font-size:8px}.app-footer span:first-child{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.cape-texture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;opacity:.92;z-index:0}.model-cape span{position:relative;z-index:1;pointer-events:none;background:#10244888;padding:2px}.model-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.model-stage:active{cursor:grabbing}.model-placeholder{transform-style:preserve-3d;transition:filter .12s ease;will-change:transform}.model-head,.model-body,.model-arms i,.model-legs i{box-shadow:inset -7px -5px #111b2b66,inset 5px 4px #ffffff12}.model-cape{transform:translateZ(2px) perspective(200px) rotateY(-8deg) skewY(4deg)}.model-cape span{pointer-events:none}.mode-switch{display:inline-flex;align-items:center;padding:3px;gap:2px;border:1px solid var(--border, #303747);border-radius:9px;background:var(--panel, #171b24)}.mode-switch button{border:0;border-radius:6px;padding:7px 10px;color:var(--muted, #9ba5b5);background:transparent;white-space:nowrap;font:inherit;font-size:12px;cursor:pointer}.mode-switch button.active{color:var(--text, #f4f6fb);background:var(--accent, #315b9c);box-shadow:0 1px 3px #0003}.simple-mode .main-menu{display:none}.simple-mode .tool-list .tool-button:nth-child(n+4){display:none}.simple-mode .left-sidebar .section-title span,.simple-mode .export-panel{display:none}.simple-mode .layers-panel{padding-bottom:8px}.simple-mode .layers-panel .layer-actions,.simple-mode .layers-panel .layer-order,.simple-mode .layers-panel .range-label,.simple-mode .layers-panel input.range,.simple-mode .layers-panel .layer-footnote{display:none}.simple-mode .layers-panel .layer-row{padding:5px}.simple-mode .layers-panel .layer-thumb{width:28px;height:28px}.simple-mode .layers-panel .section-title:after{content:"可选中图层";color:var(--muted);font-size:10px;font-weight:400}.simple-mode .right-sidebar{gap:0}.simple-mode .preview-panel{flex:1}.simple-mode .canvas-help{color:var(--muted, #9ba5b5)}.professional-mode .mode-switch{margin-right:4px}@media(max-width:900px){.mode-switch button{padding:6px 7px;font-size:11px}.top-actions{gap:6px}}@media(max-width:680px){.mode-switch button{padding:6px}.save-state{display:none}}.preview-note{margin:7px 12px 0;padding:7px 8px;border:1px solid #2b3a4e;border-radius:4px;color:#8fa2bd;background:#111a27;font-size:9px;line-height:1.5}.simple-mode .preview-note{color:#b6c7df}.simple-mode .preview-panel{padding-bottom:10px}.simple-mode .right-sidebar{display:flex}@media(max-width:780px){.simple-mode .layers-panel{display:block}.simple-mode .right-sidebar{display:grid}}.three-model-stage{min-height:300px;position:relative}.three-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}.three-preview-canvas:active{cursor:grabbing}.three-preview-canvas canvas{display:block;width:100%;height:100%}.three-preview-canvas .webgl-fallback{display:none}.three-preview-canvas[data-webgl-unavailable=true] .webgl-fallback{display:grid;position:absolute;top:20px;right:20px;bottom:20px;left:20px;place-items:center;text-align:center;color:#aab8cb;font-size:12px;line-height:1.6}.three-model-stage>p,.three-model-stage>small{z-index:2;pointer-events:none}@media(max-width:780px){.three-model-stage{min-height:320px}}.preview-tab-divider{width:1px;align-self:stretch;margin:2px;background:#314158}.preview-tabs button{min-width:0;padding:7px 5px}.three-model-stage{min-height:300px}.three-preview-canvas{z-index:1}:root{font-family:Trebuchet MS,Arial,sans-serif;color:#f4f1dc;background:#263b22;--bg: #263b22;--panel: #c6c6c6;--panel2: #a0a0a0;--line: #626262;--muted: #414141;--accent: #568c39;--accent2: #92c768;--mono: "Courier New", monospace}body{background:#263b22}.editor-shell{background:#314b28}.topbar{background:linear-gradient(#6da94a 0,#6da94a 10px,#4f8436 10px,#4f8436);border-bottom:5px solid #2e4b25;box-shadow:0 4px #172816}.brand{text-shadow:2px 2px 0 #294321}.brand-mark{border-radius:0;background:#9e744b;border:3px solid #e0bd81;box-shadow:inset -4px -4px #6e4c32,inset 3px 3px #d3a873}.panel,.left-sidebar .panel,.right-sidebar .panel{border:4px solid #555;border-radius:0;background:#c6c6c6;color:#242424;box-shadow:inset 4px 4px #f4f4f4,inset -4px -4px #777}.section-title{color:#242424;border-color:#888}.tool-button,.swatch,.layer-row,.palette-button{border-radius:0}.tool-button{border:3px solid #777;background:#a0a0a0;color:#222;box-shadow:inset 2px 2px #ddd,inset -2px -2px #666}.tool-button.selected{background:#d5e8c0;border-color:#315a27;color:#1c3118;box-shadow:inset 2px 2px #f1ffe4,inset -2px -2px #7aa35e}.primary-btn,.export-wide{border:3px solid #294d23;border-radius:0;background:#558b38;box-shadow:inset 3px 3px #80b85a,inset -3px -3px #345b28;font-weight:900}