.part-colour{margin:.3rem 0 1.2rem;padding:1rem;border:1px solid #CBB58E;border-radius:.7rem;background:#fff9ea;color:#4e3825;min-width:0}.part-colour-heading{display:flex;align-items:center;gap:.75rem}.part-colour-thumb{display:grid;place-items:center;width:3rem;height:3rem;flex-shrink:0;color:#a88e67}.part-colour-heading img{width:3rem;height:3rem;-o-object-fit:contain;object-fit:contain}.part-colour-heading div{min-width:0}.part-colour-heading small{display:block;color:#806241;font-size:.7rem}.part-colour-heading h3{margin:.15rem 0 0;font-size:.9rem;font-weight:700;overflow-wrap:anywhere}.part-colour-summary{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin:.75rem 0 .45rem;font-size:.75rem}.part-colour-summary button{min-height:44px;padding:.35rem .55rem;border:1px solid #CBB58E;border-radius:.4rem;background:#f6e8cd;font-weight:600}.part-colour-summary button:disabled{opacity:.55}.part-colour fieldset{min-width:0}.part-colour-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.part-colour-swatches button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-width:0;min-height:64px;padding:.4rem .1rem;border:1px solid #D5C3A0;border-radius:.45rem;background:#fffdfa;font-size:.65rem}.part-colour-chip{width:1.8rem;height:1.8rem;border-radius:.35rem;background:var(--swatch);border:1px solid #4E382533;box-shadow:inset 0 1px #fff5}.part-colour-swatches button[aria-pressed=true]{border:2px solid #74522B;background:#f7e5bd}.part-colour-swatches b{position:absolute;top:.1rem;right:.2rem;width:.85rem;height:.85rem;border-radius:50%;background:#4e3825;color:#fff;font-size:.6rem;line-height:.85rem}.part-colour button:focus-visible,.part-colour input:focus-visible,.part-colour summary:focus-visible{outline:3px solid #357A93;outline-offset:2px}.part-colour fieldset:disabled{opacity:.55}.part-colour-custom{display:flex;align-items:end;gap:.7rem;margin-top:.85rem}.part-colour-custom label{display:flex;gap:.35rem;font-size:.7rem}.part-colour-custom label span{display:block;color:#806241}.part-colour-picker{align-items:center;flex:1}.part-colour-picker input{width:3rem;height:44px;padding:.2rem;border:1px solid #CBB58E;border-radius:.4rem;background:#fffdfa;cursor:pointer}.part-colour-hex{flex-direction:column;width:7.5rem}.part-colour-hex input{min-width:0;width:100%;height:44px;padding:.5rem;border:1px solid #CBB58E;border-radius:.4rem;background:#fffdfa;font-family:ui-monospace,monospace;font-size:.8rem;text-transform:uppercase}.part-colour-hex input[aria-invalid=true]{border-color:#ac4343}.part-colour-note,.part-colour-help,.part-colour-error{margin:.7rem 0 0;font-size:.7rem;line-height:1.5;color:#806241}.part-colour-error{color:#993e3e}.part-colour-help button{min-height:44px;text-decoration:underline;font-weight:600}.part-colour-originals{margin-top:.7rem;border-top:1px dashed #D5C3A0;font-size:.75rem}.part-colour-originals summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#78512c}.part-colour-originals summary:before{content:"▸";margin-right:.4rem}.part-colour-originals[open] summary:before{content:"▾"}.part-colour-originals div{display:flex;flex-wrap:wrap;gap:.4rem}.part-colour-originals button{display:flex;align-items:center;gap:.35rem;min-height:44px;padding:.35rem .5rem;border:1px solid #D5C3A0;border-radius:.4rem;background:#fffdfa;font-size:.7rem}.part-colour-originals button[aria-pressed=true]{border-color:#74522b;background:#f7e5bd;font-weight:600}.part-colour-originals i{width:.85rem;height:.85rem;border-radius:50%;border:1px solid #4E382533}@media(max-width:360px){.part-colour{padding:.5rem}.part-colour-swatches{gap:.2rem}.part-colour-swatches button{font-size:.6rem}.part-colour-custom{gap:.5rem}.part-colour-hex{width:6.5rem}}.part-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;border-bottom:1px solid #CEB790;padding:0 0 .6rem;margin-bottom:1rem}.part-tools button{display:flex;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.45rem .3rem;border-radius:.45rem;color:#715131;font-size:.8rem}.part-tools button>span{font-size:1rem}.part-tools button[aria-pressed=true]{color:#fff9e9;background:#78542f;box-shadow:inset 0 1px #ab8358,0 2px #533a25}.part-tools button:not([aria-pressed=true]):hover{background:#f2e2c1}.part-slots{margin-bottom:.8rem}.classic-starter-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.classic-starter-actions>button{flex:1}.part-workshop-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.part-workshop-heading>span{font-size:2rem;color:#b57e34}.part-workshop h3{font-family:Pixelify Sans,sans-serif;font-size:1.1rem;font-weight:600}.part-workshop p{color:#775e43;line-height:1.6;font-size:.8rem}.part-restyle{padding:1rem;border:1px solid #D3BE98;border-radius:.65rem;background:#fffaef}.part-reference-item{display:flex;gap:.75rem;align-items:center;margin-bottom:.7rem}.part-reference-item>div{min-width:0}.part-reference-item small,.part-reference-item strong{display:block}.part-reference-item small{font-size:.7rem;color:#80684a}.part-reference-item strong{margin-top:.3rem;font-size:.95rem;overflow-wrap:anywhere}.part-restyle .gbtn{margin-top:1rem;font-size:.8rem}.part-workshop-new{margin-top:1.2rem;padding-top:1rem;border-top:1px dashed #CEB790}.part-workshop-new h4{font-weight:600;font-size:.9rem}.part-workshop-new>p{margin:.3rem 0 .7rem}.part-workshop-new .gbtn{font-size:.8rem}.workshop-cut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.6rem}.workshop-cut-card{min-width:0;padding:.65rem .3rem;border:1px solid #D1BB92;background:#fffaee;border-radius:.5rem}.workshop-cut-card[aria-checked=true]{border:2px solid #895B29;padding:calc(.65rem - 1px) calc(.3rem - 1px);background:#ffe9b7}.workshop-cut-card img{width:100%;height:60px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated}.workshop-cut-card span{display:block;font-size:.7rem;margin-top:.5rem;line-height:1.4}.workshop-ideas{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.workshop-ideas button{min-height:40px;padding:.45rem .65rem;background:#f9eed6;border:1px solid #D1BB92;border-radius:.45rem;color:#735333;font-size:.7rem}.workshop-ideas button:hover{background:#ffe8b9}.preview-colours,.preview-poses{display:flex;gap:.3rem}.preview-colours button,.preview-poses button{min-height:40px;padding:.4rem .6rem;border:1px solid #CDB890;background:#fff9eb;border-radius:.4rem;font-size:.7rem;color:#705232}.preview-colours button[aria-pressed=true],.preview-poses button[aria-pressed=true]{background:#f9de9d;border-color:#95672e;font-weight:600}.preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.7rem}.preview-quick-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #DDCFB0;padding-top:.8rem;margin-top:.8rem;gap:.4rem}.preview-quick-parts button{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:52px;text-align:left;padding:.35rem;border:1px solid transparent;border-radius:.4rem}.preview-quick-parts button:hover{border-color:#d1bb92;background:#fff8e8}.preview-quick-parts img{height:2.3rem;width:2.3rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.preview-quick-parts span{min-width:0}.preview-quick-parts small{display:block;font-size:.65rem;color:#806a4a}.preview-quick-parts strong{display:block;font-size:.75rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.preview-quick-parts i{display:inline-block;width:.5rem;height:.5rem;border:1px solid #806A4A;border-radius:50%;margin-left:.3rem}.builder-collection .builder-preview .character-stage{height:360px}.sprite-updating{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:3;border:1px solid #B49A73;border-radius:.35rem;padding:.3rem .6rem;background:#fff7e7ec;color:#6d4f2d;font-size:.7rem;white-space:nowrap}@media(max-width:800px){.builder-preview .preview-quick-parts{display:none}.builder-preview .preview-controls{margin-top:.3rem}.builder-preview .preview-controls button{min-height:40px;padding:.25rem .45rem;font-size:.65rem}.builder-preview .character-caption{display:none}.builder-preview .character-stage{height:148px}.builder-preview-compact .builder-preview .character-stage{height:104px}.builder-preview-compact .builder-preview .win-title,.builder-preview-compact .builder-preview .preview-poses{display:none}.builder-preview-compact .builder-preview .preview-controls{justify-content:flex-end}.builder-preview-compact .builder-preview .preview-controls:has(>.preview-poses:only-child){display:none}.builder-preview-compact .builder-preview .preview-colours button{min-height:44px}.builder-options{scroll-margin-top:385px}.builder-collection .builder-preview{position:static}.builder-collection .builder-preview .character-stage{height:280px}.builder-collection .builder-preview .win-title,.builder-collection .builder-preview .preview-poses{display:flex}.builder-collection .builder-preview .preview-controls{display:flex;justify-content:space-between}.builder-collection .builder-preview .preview-details{display:flex}.builder-collection .builder-options{scroll-margin-top:80px}}@media(max-width:380px){.part-tools button{font-size:.7rem;gap:.3rem}.part-workshop-new>.gbtn{width:100%}.workshop-cut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px)and (max-height:500px){.builder-preview,.builder-navigation{position:static}.builder-options{scroll-margin-top:80px}}@media(prefers-reduced-motion:no-preference){.part-restyle{animation:studio-arrive .18s ease-out}@keyframes studio-arrive{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}.character-welcome{padding-bottom:1.15rem}.reveal-kicker{display:block;color:#81613d;font-family:Pixelify Sans,sans-serif;font-size:.75rem}.character-welcome h2{margin-top:.35rem;font-size:1.7rem;line-height:1.15;overflow-wrap:anywhere}.character-welcome>p{margin-top:.55rem;font-size:.85rem;color:#705b40}.reveal-loadout{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .65rem;margin-top:.65rem;font-size:.75rem;color:#806c50}.reveal-loadout span+span{padding-left:.65rem;border-left:1px solid #CEBB94}.reveal-edit-links{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.reveal-edit-links button{min-height:44px;font-size:.75rem;color:#6c4b2b;text-decoration:underline;text-underline-offset:3px}.collection-showcase{border-top:1px solid #D4BF98;padding-top:1.1rem}.collection-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .5rem;margin-bottom:.7rem}.collection-heading h3{font-size:1.1rem}.collection-heading>span{color:#6b5235;font-size:.72rem}.collection-large-preview{position:relative;width:100%;aspect-ratio:1.18;overflow:hidden;border:1px solid #C4AA7F;border-radius:.7rem;background:#f0e5cf;box-shadow:inset 0 0 0 3px #fffbf0}.collection-preview-label{position:absolute;z-index:2;left:.6rem;bottom:.6rem;max-width:calc(100% - 1.2rem);border:1px solid #B49A70;border-radius:.3rem;background:#fffbf1f2;padding:.2rem .4rem;color:#69502f;font-size:.65rem;line-height:1.3}.collection-preview-wait{display:flex;align-items:center;justify-content:center;gap:.6rem;height:100%;padding:1rem;text-align:center;font-size:.85rem;color:#725c3d}.collection-selected{padding:.9rem 0 .8rem}.collection-selected>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .6rem}.collection-selected h4{font-size:1.1rem}.collection-selected>div>span{font-size:.75rem;color:#7b5a34}.collection-selected>p{margin-top:.4rem;color:#786246;font-size:.78rem;line-height:1.5}.collection-primary{width:100%;min-height:48px;white-space:normal}.collection-save-note{margin:.55rem 0 1rem;text-align:center;font-size:.7rem;line-height:1.5;color:#806a4c}.collection-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.collection-choices>button{position:relative;display:flex;align-items:center;min-width:0;gap:.5rem;min-height:62px;padding:.3rem;border:1px solid #D2BD96;border-radius:.45rem;background:#fffaed;text-align:left;font-size:.75rem;line-height:1.2;color:#6c5131}.collection-choices>button:hover{border-color:#976a32;background:#fff2d2}.collection-choices>button[aria-pressed=true]{border:2px solid #946227;padding:calc(.3rem - 1px);background:#fff0c6;color:#4b341f}.collection-choice-image{position:relative;display:block;flex:0 0 52px;height:52px;overflow:hidden;border-radius:.3rem}.collection-choices>button>span:nth-child(2){min-width:0;padding-right:.4rem;overflow-wrap:anywhere}.collection-choice-check{position:absolute;right:.25rem;top:.1rem;font-size:.65rem;color:#8a5d2b}.collection-artwork-note{margin-top:.8rem;font-size:.7rem;line-height:1.5;color:#836d4c}@media(max-width:640px){.character-welcome h2{font-size:1.45rem}.collection-large-preview{aspect-ratio:1.1}.collection-choice-image{flex-basis:43px;height:46px}.collection-choices>button{min-height:56px;gap:.3rem;font-size:.7rem}.collection-selected h4{font-size:1rem}}@media(max-width:350px){.collection-choice-image{flex-basis:32px;height:42px}.collection-choices>button{min-height:54px;font-size:.65rem}.collection-preview-label{font-size:.6rem}}.collection-choice-image [data-empty-friend]{padding:0;gap:0;border-radius:.2rem}.collection-choice-image [data-empty-friend]>span:first-child{font-size:.75rem}.collection-choice-image [data-empty-friend]>span:last-child{display:none}
