/* Inventory workspace. Shared header, branding and navigation are untouched. */
.heads-page{background:#f8f7ef;color:#344534}.heads-main{max-width:1320px;margin:auto;padding:25px 28px 42px}.heads-back{display:inline-block;margin:0 0 12px}.heads-intro{position:relative;display:flex;justify-content:center;text-align:center;margin:13px 0 25px;padding:0 30px}.heads-intro:before,.heads-intro:after{content:'';align-self:center;width:8px;height:8px;background:#8b9f7b;box-shadow:7px 7px #c3cfb4;transform:rotate(8deg);margin:0 26px}.heads-intro h1{font:clamp(30px,3.3vw,44px)/1.15 var(--pixel-font);color:#334d36;margin:5px 0 9px}.heads-intro p{font-size:13px;margin:0;color:#7e8c73}.heads-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8c9780}.heads-workspace{position:relative;border:1px solid #a7b49a;background:#eeeddf;box-shadow:inset 0 0 0 4px #fbfbf2,inset 0 0 0 5px #d2d9c5,3px 4px 0 #7383681b;padding:16px}.heads-workspace:before,.heads-workspace:after{content:'';position:absolute;width:8px;height:8px;border:2px solid #9dad8d;pointer-events:none}.heads-workspace:before{top:4px;left:4px;border-right:0;border-bottom:0}.heads-workspace:after{right:4px;bottom:4px;border-left:0;border-top:0}.heads-searchbar{display:flex;align-items:center;gap:12px;background:#faf9ef;border:1px solid #bcc7ad;box-shadow:inset 2px 2px #6d7d5a12,inset -1px -1px #fff;padding:0 14px;height:47px;margin-bottom:14px}.heads-searchbar .ui-icon{color:#77866a;flex:none}.heads-searchbar input{border:0;background:none;outline:0!important;flex:1;min-width:0;color:#3f523a;height:100%;font-size:14px}.heads-searchbar input::-webkit-search-cancel-button{display:none}.heads-searchbar:focus-within{outline:2px solid #81996d;outline-offset:2px}.heads-searchbar kbd{font:11px system-ui;color:#9ba58f;border:1px solid #dbe0cd;padding:1px 5px}.heads-clear{border:0;background:none;padding:6px;display:grid;place-items:center;color:#7c8b70}.heads-inventory{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:16px;align-items:start}.heads-content{min-width:0}.heads-sidebar{position:static;margin:0;padding:0}.heads-sidebar nav{display:flex;flex-wrap:wrap;gap:5px;align-items:stretch}.heads-sidebar button,.heads-extra-select{border:1px solid #c5cbb4;background:#e5e6d6;color:#637355;padding:8px 9px;min-height:39px;display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.3;white-space:nowrap;box-shadow:inset 1px 1px #fffffa9c,inset -1px -1px #a6b19833;transition:background .15s,border-color .15s}.heads-sidebar button img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.heads-sidebar button .ui-icon{width:19px;height:19px}.heads-sidebar button[aria-pressed=true],.heads-extra-select.active{background:#748d5e;border-color:#70845c;color:#fffdf4;box-shadow:inset 1px 1px #a4b58d,inset -1px -1px #576e48}.heads-sidebar button:hover{background:#d7dfc5}.heads-sidebar button[aria-pressed=true]:hover{background:#698452}.heads-extra-select{min-width:0;max-width:148px;padding:8px 4px;font-size:10px}.heads-sidebar small{display:none}.heads-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;margin:9px 2px}.heads-results-count{font-size:10px;color:#8b957e}.heads-sort{display:flex;gap:6px;align-items:center;font-size:10px;color:#8b957e}.heads-sort select{border:0;border-bottom:1px solid #cbd3bd;background:transparent;color:#6e7e60;font-size:10px;padding:4px 1px;max-width:145px}.heads-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.head-tile{position:relative;min-width:0;aspect-ratio:1;border:1px solid #c6c6b3;background:#d8d7c6;box-shadow:inset 2px 2px #a3a59075,inset -2px -2px #fffef1;transition:border-color .15s,background .15s;isolation:isolate}.head-tile.selected{background:#e4e9d3;border-color:#718762;box-shadow:inset 0 0 0 2px #91a17b,0 0 0 1px #fbfbef}.head-tile:hover{background:#e8e9d7;border-color:#9aa58a}.head-open{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;background:none;padding:4px;min-width:0;color:#4e6043}.head-visual{width:100%;height:100%;display:grid;place-items:center;position:relative;min-width:0}.head-visual:after{content:'';position:absolute;width:45%;height:5px;left:28%;bottom:10%;background:#42503830;border-radius:50%;filter:blur(3px);z-index:-1}.head-visual canvas{display:block;width:94%;height:auto!important;aspect-ratio:1;max-width:136px;object-fit:contain;image-rendering:pixelated}.head-name{position:absolute;left:3px;right:3px;bottom:3px;background:#f5f6e8f5;border:1px solid #ccd6bc;padding:3px 4px;font-size:9px;line-height:1.35;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;translate:0 3px;transition:opacity .14s,translate .14s;pointer-events:none;z-index:2}.head-tile:hover .head-name,.head-tile:focus-within .head-name{opacity:1;translate:0}.head-favorite{position:absolute;right:1px;top:1px;z-index:3;width:25px;height:25px;padding:4px;display:grid;place-items:center;border:0;background:transparent;color:#89957b;opacity:0;transition:opacity .14s}.head-favorite .ui-icon{width:13px;height:13px}.head-favorite[aria-pressed=true],.head-tile:hover .head-favorite,.head-tile:focus-within .head-favorite{opacity:1}.head-favorite[aria-pressed=true]{color:#5e784b}.head-favorite[aria-pressed=true] path{fill:#5e784b}.head-favorite:hover{background:#eff2e4}.head-loading{display:block;width:28px;height:28px;border:1px solid #bcc5ad;background:linear-gradient(110deg,#d5ddc6 30%,#e8ebdb 50%,#d5ddc6 70%);background-size:250% 100%;animation:head-shimmer 1.8s ease infinite;transform:rotate(-7deg)}.head-unavailable{font-size:9px;line-height:1.4;text-align:center;color:#7b876b;padding:8px}.heads-loading-message{padding:45px 20px;text-align:center;font-size:13px;color:#7d8b70}.heads-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:15px;flex-wrap:wrap}.heads-pagination button{border:1px solid #c5ceb5;background:#f2f2e6;color:#70815f;padding:6px 10px;min-width:31px;min-height:30px;font-size:11px}.heads-pagination button[aria-current=page]{background:#758b61;color:#fff;border-color:#758b61}.heads-ellipsis{padding:3px;color:#9ba68f}.heads-inspector{position:sticky;top:18px;align-self:start;border:1px solid #aebd98;background:#e3e9d3;box-shadow:inset 0 0 0 4px #f6f8e9,inset 0 0 0 5px #ccd7b8;min-width:0;padding:7px;overflow:hidden}.heads-selection-empty{min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;color:#8c9c7b}.heads-selection-empty>.ui-icon{width:54px;height:54px;opacity:.5;margin-bottom:20px}.heads-selection-empty h2{font:25px var(--pixel-font);margin:0 0 12px;color:#668052}.heads-selection-empty p{font-size:12px;line-height:1.8;margin:0}.heads-page .heads-drawer{position:relative;inset:auto;translate:none;display:flex;flex-direction:column;gap:0;width:auto;max-width:none;max-height:none;margin:0;padding:18px 16px;background:transparent;border:0;box-shadow:none;animation:heads-detail-enter .2s ease;overflow:visible}.head-detail-close{position:absolute;right:1px;top:0;display:grid;place-items:center;width:29px;height:29px;background:none;color:#9aaa88;border:0;z-index:3}.head-detail-close:hover{color:#567047;background:#f1f5e4}.head-detail-stage{height:218px;display:grid;place-items:center;position:relative;perspective:850px;cursor:grab;touch-action:pan-y;margin:4px 0 0;background:radial-gradient(ellipse at center,#f0f4df88 0,transparent 64%)}.head-detail-stage:active{cursor:grabbing}.head-detail-stage:after{content:'';position:absolute;bottom:12px;width:112px;height:12px;background:#4e65482c;filter:blur(7px);border-radius:50%;pointer-events:none}.head-cube{--cube-size:116px;position:relative;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-33deg);z-index:1}.head-face{position:absolute;inset:0;width:var(--cube-size)!important;height:var(--cube-size)!important;max-width:none;aspect-ratio:1;image-rendering:pixelated;backface-visibility:hidden;object-fit:fill}.head-face.front{transform:translateZ(calc(var(--cube-size)/2))}.head-face.back{transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2));filter:brightness(.8)}.head-face.right{transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2));filter:brightness(.83)}.head-face.left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2));filter:brightness(.85)}.head-face.top{transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2));filter:brightness(1.05)}.head-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2));filter:brightness(.65)}.head-rotate-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px}.head-rotate-row button{border:1px solid #cad5b9;background:#ecf1de;color:#879a73;min-width:29px;min-height:27px;padding:3px 7px}.head-rotate-row span{font-size:10px;color:#8a9a78}.head-detail-copy{min-width:0;text-align:center}.head-detail-copy h2{font:27px/1.15 var(--pixel-font);color:#3c5736;margin:0 0 8px;overflow-wrap:anywhere}.head-category-label{display:inline-block;font-size:10px;color:#81946b;background:#edf2df;border:1px solid #cddbb9;padding:3px 8px}.head-detail-tags{font-size:10px;line-height:1.5;max-height:30px;overflow:auto;color:#8b9d79;margin:9px 0 0}.head-detail-id{font-size:9px;color:#9baa8b;margin:5px 0 8px}.heads-utility{border:1px solid #bccdaa;background:#edf3df;color:#738b5e;padding:6px 10px;min-height:29px;font-size:10px}.head-detail-actions{display:grid;gap:9px;border-top:1px solid #c8d5b5;margin-top:16px;padding-top:14px}.head-detail-actions label{display:grid;gap:5px;font-size:10px;color:#859a73}.head-detail-actions select{border:1px solid #bacba5;background:#f4f6e9;color:#657d51;width:100%;padding:9px;font-size:12px}.head-copy{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #5c7849;background:#718f54;color:#fffdf2;padding:11px;min-height:41px;font:17px var(--pixel-font)!important;box-shadow:inset 1px 1px #a5ba85,inset -1px -1px #4c6a3e}.head-copy:hover{background:#607e47}.heads-help-note{font-size:10px;line-height:1.6;color:#879977;margin:0}.heads-status{font-size:11px;min-height:0;margin:0;color:#688153}.heads-manual{border-top:1px solid #cbd7b9;padding-top:10px;margin-top:10px;font-size:10px;color:#7e946b;min-width:0}.heads-manual textarea{display:block;width:100%;padding:8px;border:1px solid #becfac;background:#f4f7e9;color:#627b50;font:10px/1.6 monospace;resize:vertical;margin-top:7px}.heads-empty{padding:40px 15px;border:1px dashed #bdc8aa;background:#f7f7eb;text-align:center;color:#7e8e6c}.heads-empty h2{font:23px var(--pixel-font);color:#668151;margin:10px 0}.heads-empty p{font-size:12px;line-height:1.7}.heads-empty button{border:1px solid #bccca7;background:#eaf0db;color:#6b8555;padding:8px 12px}.heads-recent{display:flex;align-items:center;gap:30px;min-height:124px;margin-top:18px;padding:12px 22px;border:1px solid #bcc6a9;background:#eeefdf;box-shadow:inset 0 0 0 4px #fbfcf1,inset 0 0 0 5px #d8dfc9}.heads-recent-title{display:flex;align-items:center;gap:10px;min-width:185px;color:#758b5f}.heads-recent-title .ui-icon{width:23px;height:23px}.heads-recent h2{font:22px var(--pixel-font);margin:0;color:#4c6840}.heads-recent-list{display:flex;gap:10px;overflow-x:auto;min-width:0;padding:2px}.head-recent-item{position:relative;flex:none;width:84px;aspect-ratio:1;padding:2px;border:1px solid #c8ceb8;background:#dfe2cf;box-shadow:inset 1px 1px #b4bda1,inset -1px -1px #fffff3}.head-recent-item canvas{display:block;width:100%;height:auto!important;aspect-ratio:1;image-rendering:pixelated;object-fit:contain}.head-recent-item>span{position:absolute;left:1px;right:1px;bottom:1px;background:#f6f8e9e8;color:#778b61;padding:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s}.head-recent-item:hover>span,.head-recent-item:focus-visible>span{opacity:1}.heads-credit{margin-top:22px;color:#929d86;font-size:10px;line-height:1.8}.heads-credit p{margin:3px 0}.heads-credit a{text-decoration:underline;text-underline-offset:3px}.heads-credit summary{font-size:10px}.heads-page button:focus-visible,.heads-page a:focus-visible,.heads-page select:focus-visible,.head-detail-stage:focus-visible{outline:2px solid #718d59;outline-offset:3px}.heads-main.has-head-detail{padding-bottom:42px}
@keyframes head-shimmer{to{background-position:-150% 0}}@keyframes heads-detail-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.heads-main{max-width:1430px}.heads-inventory{grid-template-columns:minmax(0,1fr) 315px}.heads-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.head-detail-stage{height:242px}.head-cube{--cube-size:128px}}
@media(max-width:1100px){.heads-main{padding:24px 20px 35px}.heads-inventory{grid-template-columns:minmax(0,1fr) 250px;gap:12px}.heads-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.heads-sidebar button{font-size:10px;padding:7px;min-height:36px}.heads-sidebar button img{width:18px;height:18px}.heads-sidebar button .ui-icon{width:16px;height:16px}.heads-extra-select{font-size:10px;padding:7px 2px;min-height:36px}.heads-page .heads-drawer{padding:15px 12px}.head-cube{--cube-size:100px}.head-detail-stage{height:200px}.heads-recent-title{min-width:160px}.heads-recent h2{font-size:20px}}
@media(max-width:850px){.heads-inventory{grid-template-columns:minmax(0,1fr) 222px}.heads-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.heads-workspace{padding:13px}.heads-intro{padding:0}.heads-intro h1{font-size:35px}.heads-intro:before,.heads-intro:after{margin:0 18px}.head-cube{--cube-size:94px}.head-detail-stage{height:183px}.head-detail-copy h2{font-size:23px}.head-detail-actions label,.heads-help-note{font-size:9px}.heads-recent{gap:17px;padding:12px 16px}.heads-recent-title{min-width:145px}.heads-recent h2{font-size:18px}.head-recent-item{width:74px}}
@media(max-width:600px){.heads-main{padding:19px 12px 28px}.heads-back{font-size:13px}.heads-intro{margin:8px 0 21px}.heads-intro:before,.heads-intro:after{width:5px;height:5px;box-shadow:4px 4px #c4ceb5;margin:0 12px}.heads-intro h1{font-size:28px}.heads-intro p{font-size:11px}.heads-eyebrow{font-size:8px;letter-spacing:.08em}.heads-workspace{padding:11px}.heads-inventory{display:block}.heads-searchbar{height:44px;margin-bottom:10px;padding:0 10px;gap:8px}.heads-searchbar input{font-size:16px}.heads-searchbar kbd{display:none}.heads-sidebar nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.heads-sidebar nav::-webkit-scrollbar{display:none}.heads-sidebar button{flex:none;padding:7px 8px;min-height:36px}.heads-extra-select{flex:none;width:132px;max-width:132px}.heads-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.heads-toolbar{margin:7px 0;gap:5px}.heads-results-count{font-size:9px}.heads-sort>span{display:none}.heads-sort select{font-size:10px;max-width:110px}.head-favorite{opacity:1;width:26px;height:26px;right:0;top:0}.head-favorite .ui-icon{width:12px;height:12px}.head-name{font-size:7px;padding:2px;opacity:1;translate:none;border:0;left:1px;right:1px;bottom:1px;background:#f4f5e5ee}.head-visual canvas{width:96%;translate:0 -3px}.head-tile{aspect-ratio:1}.heads-inspector{display:none}.heads-inspector:has(#headDetail:not([hidden])){display:block;position:fixed;left:8px;right:8px;bottom:8px;top:auto;z-index:30;max-height:63dvh;overflow:auto;box-shadow:inset 0 0 0 3px #f6f8e9,0 8px 35px #40543330;padding:4px}.heads-page .heads-drawer{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:12px;background:none;width:auto;max-width:none;max-height:none;overflow:visible}.head-detail-stage{height:100px;margin:0}.head-cube{--cube-size:60px}.head-detail-stage:after{width:60px;bottom:2px;height:6px}.head-rotate-row{gap:5px;margin:2px 0 0}.head-rotate-row span{display:none}.head-rotate-row button{min-width:34px;min-height:30px;padding:2px 7px}.head-detail-copy{text-align:left;align-self:center;padding-right:6px}.head-detail-copy h2{font-size:22px;margin:0 8px 6px 0}.head-category-label{font-size:9px}.head-detail-tags{font-size:9px;max-height:26px;margin:6px 0 0}.head-detail-id{display:none}.heads-utility{padding:5px 7px;font-size:9px;margin-top:5px}.head-detail-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:end;margin:4px 0 0;padding-top:9px;gap:8px}.head-detail-actions .heads-help-note,.head-detail-actions .heads-status{grid-column:1/-1}.head-detail-actions select{padding:9px 5px;font-size:12px}.head-copy{font-size:15px!important;min-height:37px;padding:8px}.heads-help-note{font-size:9px;line-height:1.5}.heads-manual{grid-column:1/-1;margin:0;padding-top:7px}.head-detail-close{right:-3px;top:-5px;width:31px;height:31px}.heads-main.has-head-detail{padding-bottom:350px}.heads-selection-empty{display:none}.heads-recent{display:block;padding:14px 13px;min-height:0;margin-top:14px}.heads-recent-title{gap:7px;margin-bottom:9px}.heads-recent h2{font-size:18px}.heads-recent-title .ui-icon{width:17px;height:17px}.heads-recent-list{gap:7px}.head-recent-item{width:64px}.head-recent-item>span{opacity:1;font-size:7px}.heads-pagination{gap:4px;margin-top:12px}.heads-pagination button{min-width:29px;min-height:31px;padding:6px 7px;font-size:10px}.heads-credit{font-size:9px;margin-top:16px}}
@media(max-width:350px){.heads-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.heads-intro h1{font-size:25px}.heads-intro:before,.heads-intro:after{display:none}.heads-main{padding-left:9px;padding-right:9px}.heads-workspace{padding:10px}.head-detail-copy h2{font-size:20px}.head-detail-actions{grid-template-columns:1fr 1fr}.head-copy{font-size:13px!important}.head-copy .ui-icon{display:none}}
@media(prefers-reduced-motion:reduce){.head-tile,.head-name,.head-favorite,.heads-drawer,.head-loading{animation:none;transition:none}}html[data-motion=reduce] :is(.head-tile,.head-name,.head-favorite,.heads-drawer,.head-loading){animation:none;transition:none}

/* Keep the useful preview actions visible without enlarging the shared header. */
.heads-main{max-width:1240px}.heads-intro{margin:0 0 20px}.heads-eyebrow{display:none}.head-detail-stage{height:180px}.head-rotate-row{margin-bottom:9px}.head-detail-copy h2{font-size:25px}.head-detail-close{left:0;right:auto}.head-detail-copy #headDetailFavorite{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:33px;height:33px;padding:7px;margin:0;background:#f3f7e5;color:#8da278;border-color:#c2d1ae;z-index:3}.head-detail-copy #headDetailFavorite[aria-pressed=true]{color:#6a8753}.head-detail-copy #headDetailFavorite[aria-pressed=true] path{fill:#6a8753}.head-detail-copy #headDetailFavorite .ui-icon{width:19px;height:19px}
@media(min-width:1600px){.heads-main{max-width:1430px}.head-detail-stage{height:205px}}
@media(max-width:850px){.head-detail-stage{height:170px}.head-detail-copy h2{font-size:23px}}
@media(max-width:600px){.heads-intro{margin:7px 0 18px}.head-detail-stage{height:100px}.head-detail-close{left:auto;right:-3px;top:-5px}.head-detail-copy #headDetailFavorite{position:static;display:inline-grid;width:29px;height:29px;padding:6px;margin-top:4px}.head-detail-copy #headDetailFavorite .ui-icon{width:16px;height:16px}.head-detail-copy h2{font-size:22px}}
@media(max-width:600px){.heads-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.head-name{font-size:9px}.head-visual canvas{width:90%;translate:0 -3px}}

/* The getting-started steps stay visible; only the raw command is collapsible. */
.head-use-guide{grid-column:1/-1;min-width:0;margin-top:15px;padding:14px 12px;background:#f8f8ed;border:1px solid #c2cfb0;box-shadow:inset 3px 0 #8da775;color:#435c39}
.head-use-guide h3{display:flex;align-items:center;gap:8px;margin:0 0 13px;font:18px/1.2 var(--pixel-font);color:#3d5934}
.head-use-guide h3 img{flex:none;object-fit:contain;image-rendering:pixelated}
.head-command-steps{list-style:none;counter-reset:head-step;display:grid;gap:13px;margin:0;padding:0;font-size:11.5px;line-height:1.6;color:#536748}
.head-command-steps li{counter-increment:head-step;position:relative;padding-left:27px;min-width:0}
.head-command-steps li:before{content:counter(head-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:19px;height:21px;background:#e1e9d4;border:1px solid #b7c8a2;color:#526d40;font:15px var(--pixel-font)}
.head-command-steps code{display:block;margin-top:7px;overflow-wrap:anywhere;background:#eaf0dd;border:1px solid #ccd8bc;padding:7px;color:#35532b;font:11px/1.5 monospace;user-select:all}
.heads-sidebar button img[src*="head-"]{image-rendering:auto}
@media(max-width:600px){.head-use-guide{padding:12px}.head-command-steps{font-size:12px}.head-use-guide h3{font-size:19px}}
