.pixel-page{margin:0;background:#f7f8ef;color:#304435;font:14px/1.6 system-ui,-apple-system,sans-serif}.pixel-page *{box-sizing:border-box}.pixel-page a{color:inherit;text-decoration:none}.pixel-page button,.pixel-page select,.pixel-page input{font:inherit}.pixel-page button{cursor:pointer}.pixel-page button:disabled{opacity:.45;cursor:not-allowed}.pixel-page [hidden]{display:none!important}.pixel-topbar{max-width:1240px;margin:auto;display:flex;align-items:center;gap:24px;padding:19px 28px;border-bottom:1px solid #c9d5bd}.pixel-brand{font:27px var(--pixel-font);display:flex;gap:10px;align-items:center;color:#3c6547}.pixel-brand img{object-fit:contain}.pixel-topbar nav{display:flex;gap:22px;align-items:center;flex:1;font:16px var(--pixel-font)}.pixel-topbar nav a:hover{color:#568164}.pixel-support,.pixel-topbar .preferences-button{width:34px;height:34px;display:grid;place-items:center;background:#edf2e5;color:#5c7b53;border:1px solid #c8d5bd;margin:0}.pixel-support .ui-icon{width:19px;height:19px}.pixel-main{max-width:1240px;padding:25px 28px 45px;margin:auto}.pixel-back{font:15px var(--pixel-font);color:#7d9272!important}.pixel-intro{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:23px 0 28px}.pixel-intro .eyebrow{font-size:12px;color:#819874;margin:0 0 5px}.pixel-intro h1{font-size:44px;line-height:1.1;margin:0 0 12px;color:#32563e}.pixel-intro p{color:#7a8971;margin:0;max-width:650px;font-size:13px}.pixel-badge{font:15px var(--pixel-font);padding:7px 12px;background:#e7efdb;color:#729164;white-space:nowrap;border:1px solid #ccdabd}.pixel-workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:23px;align-items:start}.pixel-settings{display:grid;gap:18px}.pixel-panel{background:#fdfdf7;border:1px solid #bccdaf;box-shadow:inset 2px 2px #fff,inset -2px -2px #e1e9d7,3px 3px #b8c7ad35;padding:22px}.pixel-page h2{font-size:24px;line-height:1.15;margin:0 0 19px;color:#46663e}.pixel-panel label:not(.pixel-check):not(.pixel-upload){display:grid;gap:7px;margin-top:16px;color:#708369;font-size:12px}.pixel-panel select,.pixel-panel input[type=number]{width:100%;padding:9px 10px;border:1px solid #c9d4bd;background:#f4f7ed;color:#40563a;min-width:0}.pixel-panel input[type=range]{accent-color:#6e965d;width:100%;min-width:0}.pixel-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pixel-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:23px 12px;border:2px dashed #b7c9a6;background:#f0f5e6;text-align:center;cursor:pointer}.pixel-upload:hover,.pixel-upload.dragging{background:#e6f1da;border-color:#6d925e}.pixel-upload .ui-icon{width:28px;height:28px;color:#799b65}.pixel-upload b{font:16px var(--pixel-font);color:#688653}.pixel-upload small{font-size:10px;color:#90a17f}.pixel-muted{color:#8a9980;font-size:11px;margin:12px 0 0}.pixel-text{color:#6c8d59;border:0;background:none;padding:7px 0;font:14px var(--pixel-font)!important}.pixel-local{font-size:10px;color:#91a083;margin:9px 0 0}.pixel-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#71836a;margin:18px 0 0}.pixel-check input{width:16px;height:16px;accent-color:#749e63}.pixel-advanced{margin-top:20px;border-top:1px solid #e1e8d8;padding-top:14px;font-size:12px;color:#7b906f}.pixel-page summary{cursor:pointer}.pixel-result{padding:0;overflow:hidden}.pixel-preview-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px}.pixel-preview-header h2{margin:0}.pixel-preview-header .pixel-muted{margin-top:5px}.pixel-tabs{display:flex;gap:3px;padding:3px;background:#eff3e6;border:1px solid #d4dec7}.pixel-tabs button{padding:7px 12px;font:15px var(--pixel-font);border:0;background:none;color:#7d9170}.pixel-tabs [aria-pressed=true]{background:#d4e2c6;color:#3f633a;box-shadow:inset 1px 1px #fff8}.pixel-preview-area{position:relative;height:465px;overflow:auto;display:flex;align-items:flex-start;background:#293b3d;background-image:radial-gradient(#93ada91c 1px,transparent 1px);background-size:16px 16px;padding:36px}.pixel-canvas-wrap{position:relative;margin:auto;flex:none;box-shadow:0 12px 35px #071c2440;line-height:0}.pixel-canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.pixel-canvas-wrap #gridCanvas{position:absolute;inset:0;pointer-events:none}.pixel-north{position:sticky;top:10px;right:10px;color:#d5e5d3;font:14px var(--pixel-font);margin-left:-35px;pointer-events:none}.pixel-busy{position:absolute;inset:0;background:#213937d9;color:#dcebd4;display:grid;place-items:center;font:20px var(--pixel-font)}.pixel-preview-controls{padding:11px 22px;display:flex;align-items:center;gap:23px;border-bottom:1px solid #e1e8d8}.pixel-preview-controls .pixel-check{margin:0;white-space:nowrap}.pixel-panel .pixel-zoom{display:flex!important;align-items:center;gap:9px!important;margin:0!important;margin-left:auto!important;max-width:175px}.pixel-zoom input{width:95px!important}.pixel-hover{min-height:24px;margin:10px 22px 0;font-size:11px;color:#819377}.pixel-exports{display:flex;flex-wrap:wrap;gap:10px;padding:12px 22px}.pixel-exports button{border:1px solid #bacdae;background:#edf3e3;color:#648154;padding:11px 14px;font:16px var(--pixel-font);display:flex;gap:8px;align-items:center}.pixel-exports .pixel-primary{background:#75dba0;color:#264f33;border-color:#78ac76}.pixel-exports .ui-icon{width:17px;height:17px}.pixel-status{margin:0;padding:0 22px 18px;color:#8c9c80;font-size:11px;min-height:35px}.pixel-status.error{color:#ac594a}.pixel-materials{margin-top:24px}.pixel-materials header{display:flex;align-items:center;justify-content:space-between;gap:20px}.pixel-materials header h2{margin:0}.pixel-materials header span{margin:0}.pixel-material-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.pixel-material{display:flex;align-items:center;gap:10px;padding:10px;background:#f1f5e8;min-width:0}.pixel-material img,.pixel-material .map-color{width:30px;height:30px;flex:none;image-rendering:pixelated}.pixel-material b{display:block;font-size:11px;color:#617b52}.pixel-material small{font-size:10px;color:#91a080;display:block}.pixel-build-guide{margin-top:22px}.pixel-build-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-left:20px;color:#7b8e70;font-size:12px;line-height:1.9}.pixel-build-guide details{border-top:1px solid #e0e7d6;margin-top:20px;padding-top:15px;color:#769367;font-size:12px}.pixel-build-guide .pixel-pair{max-width:400px}.pixel-footer{max-width:1184px;margin:0 auto;padding:25px 0;border-top:1px solid #c9d5bd;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.pixel-footer nav{display:flex;gap:20px;margin-left:auto;color:#7c916e;font-size:11px}.pixel-footer p{width:100%;margin:0;color:#95a18b;font-size:10px}.pixel-page #preferencesDialog{color:#dce8dc}.pixel-page button:focus-visible,.pixel-page a:focus-visible,.pixel-upload:focus-visible{outline:2px solid #76a963;outline-offset:3px}
@media(max-width:1000px){.pixel-workspace{grid-template-columns:250px minmax(0,1fr);gap:17px}.pixel-panel{padding:18px}.pixel-result{padding:0}.pixel-preview-header{display:block;padding:18px}.pixel-tabs{width:max-content;margin-top:14px}.pixel-preview-area{height:420px;padding:25px}.pixel-material-list{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-topbar nav{gap:14px}.pixel-topbar nav a{font-size:14px}.pixel-preview-controls{gap:12px}.pixel-zoom input{width:65px!important}}
@media(max-width:700px){.pixel-main{padding:22px 17px 35px}.pixel-topbar{padding:16px 17px;gap:13px;flex-wrap:wrap}.pixel-topbar nav{order:4;flex-basis:100%;justify-content:space-between}.pixel-topbar .pixel-support{margin-left:auto}.pixel-intro{display:block;margin-top:23px}.pixel-intro h1{font-size:37px}.pixel-intro .pixel-badge{display:inline-block;margin-top:16px}.pixel-workspace{grid-template-columns:1fr}.pixel-settings{grid-template-columns:1fr 1fr;gap:12px}.pixel-settings .pixel-panel{padding:15px}.pixel-page h2{font-size:22px}.pixel-upload{padding:21px 8px}.pixel-settings select{font-size:11px;padding:9px 5px}.pixel-settings .pixel-pair{gap:8px}.pixel-preview-area{height:410px}.pixel-preview-header{display:flex}.pixel-preview-controls{padding:11px 15px}.pixel-preview-controls .pixel-check{font-size:11px}.pixel-preview-controls .pixel-zoom{max-width:130px}.pixel-material-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-build-guide ol{grid-template-columns:1fr;gap:12px}.pixel-footer{margin:0 17px;padding:22px 0}.pixel-footer nav{margin-left:0;flex-wrap:wrap;gap:15px}.pixel-badge{font-size:13px}.pixel-preview-header .pixel-tabs{margin-top:0}.pixel-tabs button{padding:7px 9px}.pixel-materials header{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:420px){.pixel-settings{grid-template-columns:1fr}.pixel-preview-header{display:block}.pixel-tabs{margin-top:12px!important}.pixel-preview-area{height:340px;padding:22px}.pixel-exports button{font-size:14px;padding:10px 11px}.pixel-material{padding:8px;gap:7px}.pixel-material b{font-size:10px}}

/* Override the shared dark viewer topbar on this light standalone tool. */
.pixel-page .pixel-topbar{background:#f7f8ef;color:#3d5d39;min-height:76px;border:0;border-bottom:1px solid #bbcbb0;box-shadow:none}
.pixel-page .pixel-topbar .pixel-brand{color:#3b6242;font-size:27px;font-weight:700;line-height:1;white-space:nowrap}
.pixel-page .pixel-topbar .pixel-brand img{display:block;background:none;border:0;width:31px;height:31px;object-fit:contain}
.pixel-page .pixel-topbar nav{margin-right:auto;flex:1;color:#5f7b54;font-size:16px;gap:24px}
.pixel-page .pixel-topbar .pixel-support,.pixel-page .pixel-topbar .preferences-button{color:#5a7950;background:#e9f0df;border:1px solid #c5d5b7;box-shadow:inset 1px 1px #fff;padding:7px;order:initial;margin:0;min-width:34px;min-height:34px}
.pixel-page .pixel-topbar .pixel-support:hover,.pixel-page .pixel-topbar .preferences-button:hover{background:#dce8ce;color:#355b36}
.pixel-tools-menu{position:relative}
.pixel-tools-menu summary{display:flex;align-items:center;gap:8px;list-style:none;padding:7px 12px;background:#eaf0df;border:1px solid #c5d4b8;font:16px var(--pixel-font);color:#526d47}
.pixel-tools-menu summary::-webkit-details-marker{display:none}
.pixel-tools-menu summary .ui-icon{width:14px;height:14px;transition:transform .18s}
.pixel-tools-menu[open] summary .ui-icon{transform:rotate(180deg)}
.pixel-tools-panel{position:absolute;left:0;top:calc(100% + 9px);z-index:20;min-width:270px;background:#fafcf3;border:1px solid #b6c8a8;padding:8px;box-shadow:3px 4px #7b927648,0 10px 24px #263a2615;animation:pixel-menu-enter .16s ease-out}
.pixel-tools-panel a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#5c7650;font:16px var(--pixel-font)}
.pixel-tools-panel a:hover,.pixel-tools-panel a[aria-current=page]{background:#e7efdb;color:#365c37}
.pixel-tools-panel img{display:block;flex:none;width:32px;height:32px;image-rendering:pixelated;object-fit:contain}
@keyframes pixel-menu-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.pixel-page .pixel-topbar{gap:12px;min-height:70px}.pixel-page .pixel-topbar nav{order:4;flex:1 0 100%;margin:0;justify-content:flex-start;gap:20px}.pixel-page .pixel-topbar .pixel-support{margin-left:auto}.pixel-tools-panel{min-width:255px;max-width:calc(100vw - 34px);left:0}.pixel-page .pixel-topbar .pixel-brand{font-size:26px}}
@media(prefers-reduced-motion:reduce){.pixel-tools-panel{animation:none}.pixel-tools-menu summary .ui-icon{transition:none}}
html[data-motion=reduce] .pixel-tools-panel{animation:none}html[data-motion=reduce] .pixel-tools-menu summary .ui-icon{transition:none}

.pixel-tools-panel{max-height:calc(100dvh - 120px);overflow-y:auto}

/* Anchor the second disclosure inward on narrow tool navigation rows. */
.pixel-more-menu .pixel-tools-panel{left:0;right:auto}