/* The public workbench borrows the game's paper props and mechanical motion. */
.workshop-entry{display:flex;align-items:center;gap:14px;margin-top:24px;padding:14px 0;min-height:64px;max-width:360px;width:100%;color:var(--paper);background:transparent;border-top:1px solid var(--line);text-align:left}
.workshop-entry>span{flex:1;font:800 1.4rem var(--display)}.workshop-entry small{display:block;margin-top:5px;font:.9rem/1.3 var(--body);color:var(--muted)}.workshop-entry:hover{color:var(--ochre)}
.lobby-content{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:76px;padding:14px 18px;margin-bottom:20px;background:#e9d8b50b;color:var(--paper);text-align:left;border-radius:5px}
.lobby-content>span{display:flex;align-items:center;gap:12px}.lobby-content>span:first-child{min-width:0}.lobby-content strong{display:block;font:800 1.4rem/1.2 var(--display);color:var(--ochre);overflow-wrap:anywhere}.lobby-content>span:last-child{font-size:.95rem;flex-shrink:0}
#game[data-phase=workshop]{align-items:flex-start;padding-top:20px}.workshop-screen{max-width:1140px}.workshop-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.workshop-heading h1{font-size:clamp(2.9rem,5vw,4.4rem);line-height:.88;color:var(--paper-light)}.workshop-heading p{margin-top:12px;font-size:1.12rem}.workshop-heading .text-button{display:flex;align-items:center;gap:8px;font-size:1rem}.pack-count{font-variant-numeric:tabular-nums;color:var(--ochre)}
.workshop-tabs{display:flex;gap:10px;flex-wrap:wrap}.workshop-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:10px 20px;color:var(--paper);background:#e9d8b50c;font:800 1.25rem var(--display);border-radius:5px}.workshop-tabs button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.workshop-tabs button:hover:not(:disabled){background:var(--ochre);color:var(--ink)}.workshop-tabs svg{width:22px;height:22px}.workshop-message{min-height:3em;margin:18px 0 22px;color:var(--ochre);max-width:75ch;font-size:1rem;line-height:1.45}.workshop-message.has-error{color:var(--paper-light);background:var(--rust-ink);padding:14px 18px;border-radius:5px}
.workbench{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:48px;align-items:start}.mix-console{min-width:0;position:sticky;top:20px}.workshop-cast{display:flex;align-items:center;gap:18px;height:154px;margin-top:-24px;margin-bottom:14px}.workshop-cast img{width:118px;height:160px;object-fit:contain;object-position:bottom}.workshop-cast h2{font-size:2.7rem;color:var(--ochre);transform:rotate(-3deg)}.workshop-cast p{margin-top:12px;color:var(--paper);font-size:1rem}
.inspiration-reels{background:var(--dark);padding:8px 22px 14px;border-radius:8px;margin-bottom:16px;box-shadow:0 12px 28px #17141255}.inspiration-reel{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:12px;align-items:center;min-height:70px;border-bottom:1px solid #80736166;overflow:hidden}.inspiration-reel:last-child{border:0}.inspiration-reel>span{font-size:.85rem;color:var(--muted)}.inspiration-reel strong{font:800 1.6rem/1.05 var(--display);color:var(--paper-light);padding:12px 0;overflow-wrap:anywhere}.mix-console>.action{width:100%;margin-bottom:24px;font-size:1.2rem}.workshop-field{display:flex;flex-direction:column;gap:8px;font-size:.92rem;line-height:1.3;color:var(--paper);margin-bottom:18px}.workshop-field input,.workshop-field textarea,.workshop-field select{width:100%;min-width:0;min-height:48px;padding:12px 14px;border:0;border-radius:4px;background:var(--paper);color:var(--ink);font:1rem/1.35 var(--body);caret-color:var(--rust-ink)}.workshop-field textarea{resize:vertical;min-height:76px;max-height:300px;scrollbar-color:var(--rust-ink) var(--paper);touch-action:auto}.workshop-field input::placeholder,.workshop-field textarea::placeholder{color:#65533f;opacity:1}.workshop-field input:focus-visible,.workshop-field textarea:focus-visible,.workshop-field select:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}.draft-tools{position:relative;padding-top:10px}.draft-tools>.action{width:100%;font-size:1.3rem}.ai-workshop-note{color:var(--muted);font-size:.9rem;line-height:1.45;margin-top:12px;max-width:43ch}.workshop-small-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.workshop-small-actions .text-button{display:inline-flex;align-items:center;gap:7px;padding:12px 4px;font-size:.94rem}.workshop-small-actions svg{width:18px;height:18px}
.draft-board{min-width:0}.draft-board-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.draft-board-heading h2{font-size:2.5rem;color:var(--paper-light)}.draft-board-heading>span{font-size:.87rem;white-space:nowrap;color:var(--ochre);font-variant-numeric:tabular-nums}.draft-guide{color:var(--muted);font-size:1rem;line-height:1.45;margin:14px 0 24px;max-width:56ch}.draft-cards{list-style:none;padding:0;margin:24px 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.draft-card{display:flex;align-items:flex-start;gap:10px;min-width:0;background:var(--paper);color:var(--ink);padding:16px 14px;border-radius:5px;box-shadow:0 6px 16px #17141230}.draft-card>div{min-width:0;flex:1}.draft-card-number{color:var(--rust-ink);font:800 1.35rem/1.3 var(--display);font-variant-numeric:tabular-nums}.draft-card .workshop-field{color:var(--ink);margin:0;gap:7px;font-size:.82rem}.draft-card input,.draft-card textarea{background:var(--paper-light);padding:9px 10px;border-radius:3px;font-size:1rem}.draft-card input{min-height:48px}.draft-card input:focus-visible,.draft-card textarea:focus-visible{outline-color:var(--rust-ink)}.draft-card .icon-button{width:48px;height:48px;color:var(--rust-ink);margin:-8px -8px 0 0}.guest-hint-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.guest-hint-fields textarea{font-size:.95rem;min-height:84px}.draft-cards:has(.guest-hint-fields){grid-template-columns:1fr}.pack-save{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--line);padding-top:22px}.pack-save p{color:var(--muted);font-size:.92rem;line-height:1.45;max-width:58ch}.pack-save>.action{align-self:stretch;font-size:1.3rem}
.workshop-press{display:flex;gap:10px;justify-content:center;margin-top:16px;height:16px}.workshop-press span{width:26px;height:7px;background:var(--ochre);border-radius:2px;animation:workshop-press 1.3s ease-in-out 14}.workshop-press span:nth-child(2){animation-delay:.12s}.workshop-press span:nth-child(3){animation-delay:.24s}@keyframes workshop-press{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-7px);opacity:1}}
.workshop-exit{display:flex;align-items:center;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.workshop-exit .text-button{display:flex;align-items:center;gap:8px;padding-left:0;flex-shrink:0}.workshop-exit p{color:var(--muted);font-size:.88rem;line-height:1.4;max-width:56ch}
.pack-shelf{max-width:920px}.builtin-pack{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;margin-bottom:20px;border-bottom:1px solid var(--line)}.builtin-pack>div{position:relative;padding-left:44px}.builtin-pack>div>svg{position:absolute;left:0;top:3px;color:var(--ochre)}.builtin-pack h2{font-size:2rem}.builtin-pack p{color:var(--muted);font-size:1rem;margin-top:10px}.builtin-pack .action{flex-shrink:0;white-space:normal}.pack-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.shelf-pack{padding:22px 24px;background:#e9d8b50b;border-radius:6px}.shelf-pack.selected-pack{background:var(--paper);color:var(--ink);box-shadow:0 12px 28px #17141230}.shelf-pack-title{display:flex;gap:14px;align-items:flex-start}.shelf-pack-title>svg{color:var(--ochre);margin-top:3px}.selected-pack .shelf-pack-title>svg{color:var(--rust-ink)}.shelf-pack-title>div{min-width:0}.shelf-pack h3{font-size:2rem;overflow-wrap:anywhere}.shelf-pack p{margin-top:9px;color:var(--muted);font-size:.94rem}.selected-pack p{color:#65533f}.shelf-pack-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:20px}.selected-pack .text-button{color:var(--ink)}.selected-pack .text-button:hover{color:var(--rust-ink)}.selected-pack button:focus-visible{outline-color:var(--rust-ink)}.empty-shelf{padding:32px 0 24px}.empty-shelf h2{font-size:3rem;line-height:.94}.empty-shelf p{margin:18px 0 24px;color:var(--muted);max-width:43ch}.shelf-footer{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.shelf-footer .text-button{padding-left:0;display:flex;gap:8px;align-items:center}.shelf-footer>span{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.pack-transfer{max-width:680px}.pack-transfer h2{font-size:2.8rem}.pack-transfer>p{margin:18px 0 24px;max-width:56ch;color:var(--muted)}.pack-transfer textarea{min-height:250px;max-height:500px;font-size:.94rem}.pack-transfer .action-row{justify-content:flex-start}
@media(min-width:761px){.workshop-heading h1 br{display:none}}
@media(max-width:760px){.workshop-heading{gap:14px;margin-bottom:22px;align-items:flex-start}.workshop-heading h1{font-size:3rem}.workshop-heading p{font-size:1rem}.workshop-heading .text-button{padding:6px 0;white-space:nowrap}.workshop-heading .text-button svg{width:18px;height:18px}.workshop-tabs{gap:8px}.workshop-tabs button{flex:1;padding:10px 7px;font-size:1.03rem;gap:6px;min-width:0;min-height:54px}.workshop-tabs svg{width:18px;height:18px}.workshop-message{margin:16px 0 22px;font-size:.94rem}.workbench{display:flex;flex-direction:column;gap:40px}.mix-console{position:static;width:100%}.workshop-cast{height:114px;margin-top:-12px;margin-bottom:12px}.workshop-cast img{height:128px;width:90px}.workshop-cast h2{font-size:2.4rem}.workshop-cast p{font-size:.95rem;margin-top:10px}.inspiration-reels{padding:4px 18px 10px}.inspiration-reel{min-height:58px}.inspiration-reel strong{font-size:1.45rem}.mix-console>.action{margin-bottom:22px;min-height:54px;font-size:1.13rem}.workshop-field{font-size:.9rem}.workshop-field textarea{min-height:74px}.draft-tools{padding-top:0}.draft-board{width:100%}.draft-board-heading h2{font-size:2rem}.draft-board-heading>span{font-size:.82rem}.draft-guide{font-size:.95rem;margin:14px 0 22px}.draft-cards{gap:10px}.draft-card{padding:12px 10px;gap:8px}.draft-card-number{font-size:1.2rem}.draft-card input{font-size:.94rem;padding:8px;min-height:48px}.draft-card .workshop-field{font-size:.8rem}.guest-hint-fields{grid-template-columns:1fr;gap:14px}.guest-hint-fields textarea{min-height:70px}.workshop-exit{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px}.workshop-exit p{max-width:36ch}.builtin-pack{flex-direction:column;align-items:stretch;gap:20px;padding:14px 0 24px}.builtin-pack h2{font-size:1.85rem}.builtin-pack .action{align-self:flex-start}.shelf-pack{padding:20px 16px}.shelf-pack h3{font-size:1.8rem}.shelf-pack-title{gap:10px}.shelf-pack-actions{gap:8px}.shelf-pack-actions>.action{width:100%;margin-bottom:4px}.shelf-pack-actions .text-button{flex:1}.empty-shelf h2{font-size:2.8rem}.shelf-footer{gap:10px}.pack-transfer h2{font-size:2.5rem}.pack-transfer .action{width:100%}.lobby-content{align-items:flex-start;padding:14px;gap:12px}.lobby-content>span:last-child{font-size:.85rem;max-width:7rem;white-space:normal}.lobby-content strong{font-size:1.25rem}.workshop-entry{margin-top:14px}}
@media(max-width:360px){.workshop-heading h1{font-size:2.6rem}.workshop-tabs button{flex-direction:column;gap:5px;font-size:1rem}.draft-cards{grid-template-columns:1fr}.draft-board-heading{align-items:flex-start;flex-direction:column;gap:10px}.workshop-heading .text-button{font-size:.9rem}.workshop-heading .text-button svg{display:none}}
.calm .workshop-press span{animation:none;transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.workshop-press span{animation:none;transform:none;opacity:1}.workshop-entry,.lobby-content{transition:none}}
.workshop-action-rail{display:flex;gap:10px;align-items:stretch}.workshop-action-rail>.action:first-child{flex:1;min-width:0;padding-inline:14px;font-size:1.15rem}.workshop-action-rail>.action.secondary{padding-inline:14px;min-width:100px;font-size:1rem}.workshop-action-rail .workshop-press{display:flex;gap:4px;margin:0;height:10px;align-items:center}.workshop-action-rail .workshop-press span{width:5px;height:5px}.workshop-ingredients{margin-top:18px}.workshop-ingredients summary{cursor:pointer;min-height:48px;padding:12px 0;color:var(--paper);font-size:1rem;text-decoration:underline;text-underline-offset:5px}.workshop-ingredients summary:hover{color:var(--ochre)}.workshop-ingredients summary:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}.workshop-ingredients[open] summary{margin-bottom:12px}.workshop-ingredients .workshop-field{margin-bottom:16px}
@media(max-width:760px){.workshop-action-rail>.action:first-child{font-size:1.1rem;gap:8px;padding-inline:12px}.workshop-action-rail>.action.secondary{min-width:100px;padding-inline:12px;font-size:1rem;gap:7px}.workshop-action-rail svg{width:20px;height:20px}.workshop-cast{height:96px}.workshop-cast img{height:108px}.workshop-heading{margin-bottom:18px}.workshop-message{min-height:0;margin-bottom:18px}}

/* Creation remains reachable before the longer inspiration and editing surfaces. */
.mix-console>.draft-tools{margin-bottom:24px}.workshop-cast{margin-top:0}
.workshop-heading>div{min-width:0}.workshop-heading>.text-button{flex-shrink:0;min-height:48px}
.workshop-local-error{padding:14px 16px;margin:12px 0;background:var(--rust-ink);color:var(--paper-light);border-radius:5px;font-size:1rem;line-height:1.45;scroll-margin:90px}
.workshop-local-error p{color:inherit;font-size:inherit}.workshop-local-error .text-button{color:var(--paper-light);padding-left:0;text-decoration:underline;text-underline-offset:4px}
.workshop-field [aria-invalid=true]{outline:3px solid var(--rust-ink);outline-offset:3px}
@media(max-width:760px){.workshop-heading{flex-wrap:wrap;gap:8px 20px}.workshop-heading>div{flex:1 1 210px}.workshop-heading>.text-button{margin-left:auto}.workshop-cast{margin-top:0}}
@media(max-height:500px) and (min-width:600px){.workshop-heading h1 br{display:none}.workshop-heading h1{font-size:2.6rem}.workshop-heading p{margin-top:8px}.workshop-heading{margin-bottom:12px}.workshop-message{min-height:0;margin:10px 0 14px}.workshop-tabs button{min-height:48px}}

.pack-file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}.pack-file-actions .text-button{min-height:48px}.pack-transfer-summary{display:flex;align-items:flex-start;gap:14px;margin:24px 0;color:var(--ochre)}.pack-transfer-summary h3{font:800 2rem/1.1 var(--display);color:var(--paper-light);overflow-wrap:anywhere}.pack-transfer-summary p{margin-top:8px;color:var(--muted);font-size:1rem}.pack-transfer-summary>svg{flex-shrink:0;margin-top:3px}.pack-text-details summary{cursor:pointer;min-height:48px;padding:12px 0;color:var(--paper);text-decoration:underline;text-underline-offset:5px}.pack-text-details[open] summary{margin-bottom:12px}.pack-text-details summary:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}.pack-text-details{margin:24px 0}.transfer-text-label{margin-top:28px}.pack-transfer .workshop-local-error{margin:20px 0}.pack-transfer textarea{min-height:180px}
@media(max-width:760px){.pack-file-actions{align-items:stretch;gap:10px}.pack-file-actions>.action{width:100%;justify-content:center}.pack-file-actions>.text-button{padding-left:0}.pack-transfer-summary h3{font-size:1.8rem}}