/* Shared MCBuilderTools theme. Font is self-hosted; see fonts/PixelifySans-OFL.txt. */
@font-face{font-family:'MCBuilderTools Pixel';src:url('./fonts/pixelify-sans-variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--pixel-font:'MCBuilderTools Pixel',ui-monospace,monospace;--pixel-edge:#bac9b3;--pixel-shadow:#a6b39e;--pixel-mint:#70e6b0;--radius:2px}
/* Display text is pixelated. Descriptions, forms and long legal text stay readable. */
html body :is(h1,h2,h3,.brand-word,.palette-brand,.footer-brand,.footer-wordmark,.logo,.eyebrow,.toolbox-eyebrow,.workflow-eyebrow,.studio-eyebrow,.knowledge-eyebrow,.more-tools-eyebrow){font-family:var(--pixel-font)!important;font-weight:600;letter-spacing:0!important;font-synthesis:none}
html body :is(button,summary,.button,.navitem,.primary-nav,.palette-nav nav,.home-topbar nav,.footer-support,.toolbox-project-link,.palette-tool-open,.tools-main-link b,.tools-palette-link b,.toolbox-card-copy>b){font-family:var(--pixel-font);font-synthesis:none;letter-spacing:0}
html body :is(button,.button,summary,input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:2px!important}
html body :is(.project-card,.project-image,.project-body,.add-card,.toolbox-main,.toolbox-small-card,.toolbox-small-icon,.main-tool-icon,.workflow-steps>li,.workflow-image,.home-tools-panel,.tools-main-link,.tools-palette-link,.more-tools-placeholder,.palette-tool-card,.section-card,.block-detail,.metric-grid>div,.info-box,.project-start,.dropzone,.pathhint,.preference-row,.build-tools,.tool-dock,.camera-options,.viewer-toolbar,.inspector-tabs,.surface,.block-card,.palette-slot,.seed-block,.search-field,.nav-menu,.mode-tabs,.color-plane-wrap,.photo-settings,.photo-frame,.photo-swatches button,.loading,.toast,dialog){border-radius:2px!important}
html body :is(.button,.iconbutton,.icon-button,.choose-block,.mode-tabs button,.palette-actions button){box-shadow:inset 1px 1px 0 #ffffff30,inset -2px -2px 0 #192b2520,2px 2px 0 #13241b25;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
html body :is(.button,.iconbutton,.icon-button,.choose-block,.mode-tabs button,.palette-actions button):hover:not(:disabled){box-shadow:inset 1px 1px 0 #ffffff50,inset -2px -2px 0 #192b2528,2px 3px 0 #13241b28}
html body :is(.button,.iconbutton,.icon-button,.choose-block,.mode-tabs button,.palette-actions button):active:not(:disabled){transform:translate(1px,1px);box-shadow:inset 1px 1px 0 #16362628,inset -1px -1px 0 #ffffff30,1px 1px 0 #13241b25}
html body :is(.button.primary,.button.choose-block){border:1px solid #31584355;box-shadow:inset 2px 2px 0 #e7fff361,inset -3px -3px 0 #124b3438,3px 3px 0 #15372638}
html body :is(.button.primary,.button.choose-block):hover:not(:disabled){filter:brightness(1.045);box-shadow:inset 2px 2px 0 #e7fff37a,inset -3px -3px 0 #124b3440,3px 4px 0 #15372638}
html body :is(.button.primary,.button.choose-block):active:not(:disabled){filter:none;transform:translate(2px,2px);box-shadow:inset 1px 1px 0 #17482e30,inset -1px -1px 0 #e7fff351,1px 1px 0 #15372638}
html body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #74b58b;outline-offset:4px}
html body dialog{border:1px solid #718875;box-shadow:inset 2px 2px 0 #ffffff12,inset -2px -2px 0 #00000020,5px 5px 0 #0e211e55,0 18px 65px #07191030}
html body :is(.home-tools-panel,.nav-menu){border:1px solid #b8c9af;box-shadow:inset 1px 1px 0 #fff,inset -2px -2px 0 #d8e0d0,4px 4px 0 #163b2525,0 12px 30px #07191018}
html body :is(.tools-menu-label,.tools-soon-badge,.toolbox-soon,.palette-tool-open,.photo-header small,.panel-label){font-family:var(--pixel-font);letter-spacing:.03em}
/* Homepage: retain the existing images and hierarchy, add block-like frames. */
#dashboard .home-topbar .logo,#dashboard .footer-wordmark{font-family:var(--pixel-font);font-weight:700;letter-spacing:0;font-size:27px}
#dashboard .home-topbar .brand-art{width:31px;height:31px}
#dashboard .home-topbar .navitem,#dashboard .home-topbar #guide{font-family:var(--pixel-font);font-size:15px}
#dashboard #navImport{font-size:13px;padding:8px 13px}
#dashboard .home-topbar .support-link,#dashboard .home-topbar .preferences-button{border-radius:2px;border:1px solid #b7d8ce3b;box-shadow:inset 1px 1px 0 #ffffff18,inset -2px -2px 0 #06191e33,2px 2px 0 #06191e25}
#dashboard .home-cover{height:auto;min-height:425px;max-height:none}
#dashboard .hero{padding-top:23px;padding-bottom:25px}
#dashboard .hero h1{font-size:clamp(37px,3.6vw,51px);line-height:1.04;font-weight:700;max-width:650px;text-shadow:2px 2px 0 #0c241f66;margin-bottom:13px}
#dashboard .hero>.hero-copy{max-width:650px}
#dashboard .hero .eyebrow{font-size:11px;letter-spacing:.09em!important}
#dashboard .hero p{font-size:12px;line-height:1.65;max-width:535px}
#dashboard .hero .primary,#dashboard .hero .toolbox-secondary{font-size:14px;padding:10px 17px;height:41px;min-height:41px;border-radius:2px}
#dashboard .hero .primary{background:#74e6ab;color:#133b2b}
#dashboard .hero .toolbox-secondary{box-shadow:inset 1px 1px 0 #ffffff25,inset -2px -2px 0 #071b2540,2px 2px 0 #071b2540}
#dashboard .hero-tool-notes{margin-top:20px}
#dashboard .hero-tool-notes .ui-icon{border-radius:2px}
#dashboard .toolbox-heading h2{font-size:31px;line-height:1.12}
#dashboard .toolbox-eyebrow{font-size:11px}
#dashboard .toolbox-project-link{font-size:12px;border-radius:2px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #d9e2d2,2px 2px 0 #b8cbb320}
#dashboard .toolbox-main{border:1px solid #586b63;border-left:4px solid #74d8a1;box-shadow:inset 2px 2px 0 #b8ccc12d,inset -2px -2px 0 #0d192a80,3px 4px 0 #17291f30;min-height:265px}
#dashboard .main-tool-copy{padding-top:24px;padding-bottom:17px}
#dashboard .main-tool-title h3{font-size:25px;line-height:1.04;font-weight:600}
#dashboard .main-tool-title{margin-bottom:13px}
#dashboard .main-tool-icon{box-shadow:inset 1px 1px 0 #d3ffe537,inset -2px -2px 0 #143b3133}
#dashboard .main-tool-copy .primary{font-size:13px;padding:9px 13px;min-height:36px;background:#74e6ab}
#dashboard .main-tool-features{padding-top:10px;padding-bottom:13px}
#dashboard .toolbox-small-card{border:1px solid #c4d1ba;border-left:3px solid #8cb28c;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #d8e0ce,2px 3px 0 #c3cfb84d}
#dashboard a.toolbox-small-card:hover,#dashboard button.toolbox-small-card:hover{transform:translateY(-2px);border-color:#7eaa7b;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #cfdfc2,2px 4px 0 #b0c4a460}
#dashboard .toolbox-small-card h3,#dashboard .toolbox-card-copy>b{font-size:16px;line-height:1.05;font-weight:600;margin-bottom:5px}
#dashboard .toolbox-small-card p,#dashboard .toolbox-card-copy>span{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.5}
#dashboard .toolbox-coming{border-style:solid;border-left-color:#b1c1a4;background:#f6f7ef}
#dashboard .toolbox-soon{font-size:10px;border-radius:0}
#dashboard .section-head h2,#dashboard .workflow-heading h2,#dashboard .knowledge-intro h2,#dashboard .home-more-tools h2{font-size:29px;line-height:1.1}
#dashboard .home-studio h2{font-size:28px;line-height:1.05}
#dashboard .workflow-step-copy h3,#dashboard .studio-features h3,#dashboard .knowledge-answer h3{font-size:16px;font-weight:500;line-height:1.1}
#dashboard .project-card,#dashboard .add-card,#dashboard .workflow-steps>li,#dashboard .palette-tool-card,#dashboard .more-tools-placeholder{border:1px solid #c9d4c0;box-shadow:inset 1px 1px 0 #ffffffbd,inset -1px -1px 0 #e0e5d8,2px 3px 0 #b3c0a62e}
#dashboard .project-body h3{font-size:16px;line-height:1.05;font-weight:500}
#dashboard .project-image{border-bottom:1px solid #c9d4c0}
#dashboard .project-delete{border-radius:0;right:7px;top:7px}
#dashboard .add-card{border-style:dashed}
#dashboard .add-card b{font-family:var(--pixel-font);font-size:16px;font-weight:500}
#dashboard .add-card>span{border-radius:0}
#dashboard .workflow-number{font-family:var(--pixel-font);border-radius:2px;border:1px solid #c8d7bd;box-shadow:inset 1px 1px 0 #ffffffad}
#dashboard .workflow-file,#dashboard .workflow-layer{border-radius:0}
#dashboard .palette-tool-card h3,#dashboard .more-tools-placeholder h3{font-size:22px;font-weight:500}
#dashboard .more-tools-icon,#dashboard .studio-features li>.ui-icon{border-radius:2px}
#dashboard .tools-main-link b{font-size:17px;line-height:1.1}
#dashboard .tools-palette-link b{font-size:15px;line-height:1.1}
#dashboard .tools-menu-label{font-size:11px}
#dashboard .home-tools-panel:before{display:none}
/* Compact, dark viewer controls: no new panels or repositioning of tools. */
#studio .studio-header{border-bottom:2px solid #40534b}
#studio .logo{font-family:var(--pixel-font);font-size:25px}
#studio .project-heading b{font-family:var(--pixel-font);font-size:18px;font-weight:500;line-height:1.15}
#studio .build-tools{border:1px solid #536c60;box-shadow:inset 1px 1px 0 #d9f5e712,inset -2px -2px 0 #071f2330,3px 3px 0 #06191f40}
#studio .build-tools button{font-size:13px;line-height:1.15;min-height:35px;padding:8px 10px}
#studio .build-tools button.active{background:#315545;border:1px solid #658e72;box-shadow:inset 1px 1px 0 #bdf4d42d,inset -2px -2px 0 #17382d50;color:#c9f9d8}
#studio .tool-dock{border-radius:0}
#studio .camera-options>summary,#studio .project-options>summary{font-size:13px;box-shadow:inset 1px 1px 0 #ffffff12,inset -1px -1px 0 #07191e3b,2px 2px 0 #06191f33}
#studio .viewer-toolbar button{font-size:12px}
#studio .inspector-tabs{border-bottom:2px solid #3a5547}
#studio .inspector-tabs button{font-size:12px}
#studio .inspector-tabs button.active{box-shadow:inset 0 -2px 0 #8ac99a;background:#233e34}
#studio #panel h2{font-size:27px;line-height:1.05;margin-bottom:10px}
#studio #panel h3{font-size:19px;line-height:1.1}
#studio .panel-label{font-size:12px}
#studio :is(.section-card,.block-detail,.metric-grid>div,.project-start){border-color:#3e584b;box-shadow:inset 1px 1px 0 #ffffff08,inset -2px -2px 0 #071a2133,2px 2px 0 #07191f28}
#studio .section-card.selected{border-color:#89bd8b;box-shadow:inset 2px 0 0 #8ccc97,2px 2px 0 #07191f28}
#studio :is(.material-row b,.task>div){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
#studio :is(.material-icon,canvas.inventory-icon){image-rendering:pixelated}
#studio #measureLabel,#studio #toolHint,#studio #blockTooltip,.block-tooltip{border-radius:2px;border:1px solid #668370;box-shadow:inset 1px 1px 0 #ffffff10,2px 2px 0 #0a1e2166}
/* The palette tool shares the same visual grammar and existing interactions. */
.palette-brand{font-size:27px!important;font-weight:700!important;letter-spacing:0!important}
.palette-nav nav,.palette-nav summary{font-family:var(--pixel-font);font-size:15px}
.tool-intro h1{font-size:clamp(34px,3.2vw,43px);font-weight:600;line-height:1.05}
.matches-heading h2,.row-heading h2{font-size:21px!important;font-weight:500!important;line-height:1.05}
.surface{border:1px solid #c8d5bd;box-shadow:inset 1px 1px 0 #ffffffde,inset -1px -1px 0 #e0e6d7,2px 3px 0 #bdcbb333}
.mode-tabs button{font-size:15px}
.mode-tabs button.active{border:1px solid #b1c5a3;background:#e1edd7;box-shadow:inset 1px 1px 0 #fff,inset -2px -2px 0 #bcccab}
.color-plane-wrap{border:1px solid #b8c5ad;box-shadow:inset 1px 1px 0 #ffffff30}
.palette-nav .nav-menu h2{font-size:21px}
.palette-actions>.button,.choose-block{font-size:14px}
.block-card{border-color:#d0dbc6;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #e4e9de,1px 2px 0 #c2cdb633}
.block-card.in-palette{border-color:#83a674;box-shadow:inset 2px 0 0 #8dbc7b,inset 0 -2px 0 #bfd6af,1px 2px 0 #b1c5a044}
.block-card:hover,.block-card:focus-within{border-color:#8bae7c;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #d1dfc4,2px 3px 0 #b4c4a84d}
.block-tooltip{font-family:var(--pixel-font);font-size:15px;line-height:1.05;box-shadow:inset 1px 1px 0 #ffffff12,3px 3px 0 #0b1b1b55}
.block-tooltip small{font-family:ui-monospace,monospace;font-size:9px;line-height:1.5}
.palette-slot{border-color:#c9d5bd;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #dfe7d6,1px 2px 0 #becab222}
.palette-slot.empty{box-shadow:none}
.remove-slot{border-radius:0!important;box-shadow:inset 1px 1px 0 #fff,1px 1px 0 #9dad9166}
.remove-slot:hover{transform:none}
/* Photo mode keeps its canvas, render quality and layout completely intact. */
#photoDialog{border:1px solid #809c86;box-shadow:inset 2px 2px 0 #e4ffec12,inset -2px -2px 0 #061b2460,5px 5px 0 #061b2470,0 25px 80px #0005}
#photoDialog .photo-header{border-bottom:2px solid #45624f}
#photoDialog .photo-header h2{font-size:29px;line-height:1.05}
#photoDialog .photo-header small{font-family:var(--pixel-font);font-size:12px}
#photoDialog .photo-settings>label{font-family:var(--pixel-font);font-size:15px;line-height:1.2}
#photoDialog .photo-settings select{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:12px}
#photoDialog .photo-swatches button{box-shadow:inset 1px 1px 0 #ffffff50,inset -2px -2px 0 #091c2338,1px 2px 0 #061b2440}
#photoDialog .photo-settings .button{font-size:14px;white-space:normal;line-height:1.15;min-height:36px}
#photoDialog .photo-frame{border:1px solid #607369;box-shadow:inset 1px 1px 0 #ffffff12,3px 3px 0 #0c1d2040}
/* Legal pages use the same headings and stone frames; copy remains unchanged. */
body.legal-page{background:#f8f8f1}
body.legal-page main{max-width:930px}
body.legal-page nav{font-family:var(--pixel-font);font-size:17px;border-bottom:2px solid #c2d1b8;gap:10px 19px}
body.legal-page nav a{border-radius:1px;border:1px solid transparent;padding:7px 10px}
body.legal-page nav a[aria-current=page]{border:1px solid #bacdab;box-shadow:inset 1px 1px 0 #f6fff0,inset -2px -2px 0 #cadbbd,2px 2px 0 #c7d3be55;background:#e5eedb}
body.legal-page h1{font-size:clamp(37px,5vw,50px);line-height:1.05}
body.legal-page h2{font-size:27px;line-height:1.1;margin-bottom:15px;font-weight:500}
body.legal-page section{border:1px solid #cfdbc4;border-radius:1px;box-shadow:inset 1px 1px 0 #ffffffd9,inset -1px -1px 0 #e3eadb,3px 3px 0 #c7d2bc3d}
body.legal-page p,body.legal-page dl{font-family:system-ui,-apple-system,sans-serif}
body.legal-page .eyebrow{font-size:13px}
@media(max-width:1050px){#dashboard .home-topbar nav{gap:17px}#dashboard .home-topbar .navitem,#dashboard .home-topbar #guide{font-size:14px}#dashboard .home-topbar .logo{font-size:25px}#dashboard .main-tool-title h3{font-size:22px}#dashboard .main-tool-copy{min-width:245px}#dashboard .toolbox-small-card h3,#dashboard .toolbox-card-copy>b{font-size:15px}#dashboard .toolbox-small-card>img{width:62px}.palette-actions>.button{font-size:12px}}
@media(max-width:800px){#dashboard .home-topbar .logo{font-size:25px}#dashboard .home-topbar .navitem,#dashboard .home-topbar #guide{font-size:14px}#dashboard .home-cover{height:auto;min-height:440px}#dashboard .hero h1{font-size:42px;line-height:1.05}#dashboard .hero .eyebrow{font-size:11px}#dashboard .hero .primary,#dashboard .hero .toolbox-secondary{font-size:14px}#dashboard .main-tool-title h3{font-size:26px}#dashboard .toolbox-small-card h3,#dashboard .toolbox-card-copy>b{font-size:17px}#dashboard .toolbox-small-card>img{width:72px}#studio .build-tools button{font-size:12px;padding:7px 8px}#studio .inspector-tabs button{font-size:11px}.mode-tabs button{font-size:15px}.palette-actions>.button{font-size:13px}}
@media(max-width:520px){#dashboard .home-topbar .logo{font-size:24px}#dashboard .home-topbar .brand-art{width:27px;height:27px}#dashboard #navImport{font-size:0;padding:7px;width:32px}#dashboard .hero h1{font-size:36px;line-height:1.04}#dashboard .hero .eyebrow{font-size:10px}#dashboard .hero p{font-size:11px}#dashboard .hero .primary,#dashboard .hero .toolbox-secondary{font-size:12px;padding:9px 11px}#dashboard .hero-tool-notes{margin-top:18px}#dashboard .toolbox-heading h2,#dashboard .section-head h2,#dashboard .workflow-heading h2,#dashboard .knowledge-intro h2,#dashboard .home-more-tools h2{font-size:28px;line-height:1.05}#dashboard .main-tool-title h3{font-size:23px}#dashboard .main-tool-copy .primary{font-size:13px}#dashboard .toolbox-small-card h3,#dashboard .toolbox-card-copy>b{font-size:17px}#dashboard .toolbox-small-card>img{width:77px}#dashboard .toolbox-project-link{font-size:0}#dashboard .project-body h3{font-size:15px}#dashboard .add-card b{font-size:15px}#dashboard .knowledge-answer h3{font-size:17px}#dashboard .footer-wordmark{font-size:25px}.palette-brand{font-size:25px!important}.palette-nav nav,.palette-nav summary{font-size:14px}.tool-intro h1{font-size:34px}.matches-heading h2,.row-heading h2{font-size:20px!important}.palette-actions>.button{font-size:12px}.color-panel .choose-block{font-size:13px}.toolbox-soon{font-size:9px}#studio .build-tools button{font-size:11px;padding:7px 6px;gap:4px}#studio .build-tools .ui-icon{width:14px;height:14px}#photoDialog .photo-settings .button{font-size:13px}body.legal-page main{padding-left:18px;padding-right:18px}body.legal-page nav{font-size:15px;gap:5px}body.legal-page h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html body :is(button,a,.button,.block-card,.palette-slot){transition:none!important}}html[data-motion=reduce] :is(button,a,.button,.block-card,.palette-slot){transition:none!important}
@media print{body.legal-page{background:white}body.legal-page section{box-shadow:none;border:0}body.legal-page nav{display:none}}

/* Whole-page crossfades: both snapshots overlap, with only 12px of movement. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:280ms;animation-timing-function:cubic-bezier(.2,.7,.25,1)}
::view-transition-old(root){animation:mc-page-out 280ms cubic-bezier(.2,.7,.25,1) both;mix-blend-mode:normal}
::view-transition-new(root){animation:mc-page-in 280ms cubic-bezier(.2,.7,.25,1) both;mix-blend-mode:normal}
::view-transition-image-pair(root){isolation:isolate}
@keyframes mc-page-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}
@keyframes mc-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* The previous animation's viewport wrapper is intentionally no longer needed. */
dialog[open]{animation:mc-dialog-in 180ms cubic-bezier(.2,.7,.3,1) both}
@keyframes mc-dialog-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@supports(transition-behavior:allow-discrete){
 dialog{opacity:0;translate:0 7px;transition:opacity 170ms ease,translate 170ms cubic-bezier(.2,.7,.25,1),display 170ms allow-discrete,overlay 170ms allow-discrete}
 dialog[open]{opacity:1;translate:0 0;animation:none}
 dialog::backdrop{opacity:0;transition:opacity 170ms ease,display 170ms allow-discrete,overlay 170ms allow-discrete}
 dialog[open]::backdrop{opacity:1}
 @starting-style{dialog[open]{opacity:0;translate:0 7px}dialog[open]::backdrop{opacity:0}}
}
:is(.home-tools-menu,.pixel-tools-menu)[data-motion-menu=true] :is(.home-tools-panel,.pixel-tools-panel){animation:none!important;transform-origin:top left}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .catalog-card{transition:translate .2s ease,box-shadow .2s ease,border-color .2s ease}
 .catalog-card:hover{translate:0 -3px;box-shadow:3px 6px 0 #55764918}
 .catalog-action>span[aria-hidden]{display:inline-block;transition:translate .18s ease}
 .catalog-action:hover>span[aria-hidden]{translate:3px 0}
 .pixel-tools-panel a,.tools-main-link,.tools-palette-link{transition:background-color .16s ease,color .16s ease}
}
html[data-motion=reduce]::view-transition-group(root),html[data-motion=reduce]::view-transition-old(root),html[data-motion=reduce]::view-transition-new(root){animation:none!important}
html[data-motion=reduce] :is(dialog,dialog[open],.catalog-card,.catalog-action>span[aria-hidden]),html[data-motion=reduce] dialog::backdrop{animation:none!important;transition:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}
 dialog,dialog::backdrop,dialog[open]{animation:none!important;transition:none!important;translate:none!important}
}

/* The tools menu uses the same original inventory items as the tool cards. */
#dashboard .home-tools-panel .tools-item-icon{display:grid;place-items:center;width:38px;height:38px;min-width:38px;background:#e9f0df;box-shadow:inset 1px 1px #fff;border:1px solid #d0dec2;padding:3px;border-radius:1px}
#dashboard .home-tools-panel .tools-item-icon img{display:block;width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
#dashboard .home-tools-panel .tools-palette-link{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;gap:13px;align-items:center;width:100%;padding:12px 9px}
#dashboard .home-tools-panel .tools-palette-link>span:nth-child(2){min-width:0}
#dashboard .home-tools-panel .tools-palette-link b{line-height:1.2}
#dashboard .home-tools-panel .tools-palette-link small{line-height:1.5;margin-top:5px}

/* Compact Minecraft-style release label; status text rather than a control. */
.mc-beta-badge{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;flex:none;font-family:var(--pixel-font),monospace!important;font-size:10px!important;font-weight:700!important;line-height:1!important;letter-spacing:.6px!important;padding:4px 7px!important;margin-left:6px;background:#f4d365!important;color:#654c15!important;border:1px solid #ad8930!important;box-shadow:inset 0 2px #fff0ae,inset 0 -2px #d5ad42!important;clip-path:polygon(3px 0,calc(100% - 3px) 0,calc(100% - 3px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 3px) calc(100% - 2px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 2px),0 calc(100% - 2px),0 2px,3px 2px);white-space:nowrap;position:static!important;min-width:0!important;width:auto!important;height:auto!important}.catalog-bridge h3{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.catalog-bridge h3 .mc-beta-badge{font-size:12px!important;padding:5px 9px!important}

/* The exact supplied mark sits directly on every header, without a backing tile. */
a:is(.logo,.pixel-brand,.palette-brand):has(>.site-brand-icon){display:inline-flex;align-items:center;gap:8px}
a>.site-brand-icon{display:block!important;flex:0 0 30px!important;width:30px!important;height:30px!important;box-sizing:border-box;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;image-rendering:auto}
@media(max-width:520px){a>.site-brand-icon{flex-basis:26px!important;width:26px!important;height:26px!important}a:is(.logo,.pixel-brand,.palette-brand):has(>.site-brand-icon){gap:6px}}

/* One transparent supplied logo on every surface. */
a>.site-brand-icon{content:url("./brand/scroll-logo.png")}
#dashboard .home-topbar a>.site-brand-icon,#studio .studio-header a>.site-brand-icon{content:url("./brand/scroll-logo.png")}
.pixel-page .pixel-topbar a>.site-brand-icon,.palette-nav a>.site-brand-icon{content:url("./brand/scroll-logo.png")}

/* Transparent inventory sprites: compensate their export padding without changing layout boxes. */
img[src$="/bridge-approved.png"]{transform:scale(1.3);transform-origin:center;image-rendering:pixelated}
/* This tightly framed render needs no enlargement; smooth only the downsampling. */
img[src$="/gray-glazed-terracotta.png"]{transform:none!important;image-rendering:auto!important;object-fit:contain}
img[src$="/roof-approved.png"]{transform:scale(1.5);transform-origin:center;image-rendering:pixelated}

/* Compact home disclosures share the item-and-name layout of tool-page menus. */
#dashboard .home-tools-panel{width:280px;padding:9px;background:#f8faf0;max-height:calc(100dvh - 90px)}
#dashboard .home-tools-panel :is(.tools-main-link,.tools-palette-link){display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;width:100%;box-sizing:border-box;padding:9px 10px;background:transparent;border:0;margin:0}
#dashboard .home-tools-panel :is(.tools-main-link,.tools-palette-link):hover{background:#e9efdf}
#dashboard .home-tools-panel .tools-item-icon{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;background:transparent;border:0;box-shadow:none}
#dashboard .home-tools-panel .tools-item-icon img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}
#dashboard .home-tools-panel :is(.tools-main-link,.tools-palette-link) b{font-size:12px;font-weight:500;line-height:1.45;letter-spacing:0;color:#526b45}
#dashboard .home-tools-panel .tools-menu-extra{border:0;margin:0;padding:0}
#dashboard .home-tools-panel .mc-beta-badge{font-size:8px!important;padding:3px 5px!important;margin-left:4px}
@media(max-width:600px){#dashboard .home-tools-panel{position:fixed;top:76px;left:12px;right:12px;width:auto;max-width:360px;margin:0;max-height:calc(100dvh - 92px)}}

#dashboard .home-tools-panel :is(.tools-main-link,.tools-palette-link)>span:nth-child(2){margin:0;width:auto;min-width:0;justify-self:stretch;text-align:left}

/* Supersampled inventory render: retain crisp edges at small display sizes. */
img[src*="player-head-clean.png"],.platform-page #dashboard .catalog-item-preview img[src*="player-head-clean.png"]{image-rendering:auto!important}