:root{--paper:#111111;--ink:#f4f3ee;--muted:#b7b5ad;--line:#383838;background:#111111;color:#f4f3ee;color-scheme:dark}body{background:#111111;color:#f4f3ee}.topbar{height:76px}.brand img{object-fit:contain}.product-lockup{border-color:#383838}.test-badge{background:#2a2a2a;color:#f4f3ee}.eyebrow,.intro-copy,.field-note,.field-heading>span,.swatch-heading>span:last-child,.page-footer,.download-note,.sample-names>span,.how-it-works p>span,.dialog-lead,.dialog-footnote,.saved-meta,.size-options span,.palette-row>span{color:#b7b5ad}.editor,.studio-dialog{background:#1c1c1c;color:#f4f3ee;border-color:#383838}.editor-section+.editor-section{border-color:#383838}.name-field input,.font-label select,.shop-dialog input,.shop-dialog textarea,.order-area input,.settings-grid input{background:#262626;color:#fff;border:1px solid #555;border-radius:10px;padding:12px;font:inherit}.name-field input{font-family:Fredoka;font-size:25px}.font-label{display:grid;gap:8px;margin-top:16px;font-size:12px}.font-label select{width:100%;min-height:44px}.sample-names button,.size-options button{background:#282828;color:#f4f3ee;border-color:#555}.size-options button.is-active{background:#3c251c;border-color:#ff5a1f;color:#fff}.stage{background:#242424;border-color:#3c3c3c;box-shadow:none}.stage-wash{background:radial-gradient(ellipse at 45% 42%,#45413d 0%,#282725 65%,#212121 100%)}.stage::after{color:#ffffff05}.stage-caption,.dimension-label,.dimension-label>span:last-child,.orbit-hint{color:#dedbd4}.live-badge,.viewer-actions,.view-switch{background:#171717dd;color:#f4f3ee;border-color:#454545}.live-badge span{background:#ff5a1f}.viewer-actions .icon-button,.view-switch button{color:#eee}.view-switch button.is-active,.viewer-actions .icon-button[aria-pressed=true]{background:#ff5a1f;color:#111}.model-status,.model-error{background:#202020f5;border-color:#665548;color:#f4f3ee;white-space:normal}.model-error p{color:#e3c7b6}.primary-button{background:#ff5a1f;color:#111;font-weight:700;min-height:46px;border-radius:12px}.primary-button:hover{background:#ff794b}.text-button:hover{color:#ff8d64}.swatch{width:30px;height:30px;min-width:30px}.swatch-list{gap:10px}.swatch:before{border-color:#aaa}.swatch[aria-pressed=true]{outline:2px solid #ff5a1f;outline-offset:3px}.swatch-heading{color:#f4f3ee}.palette-row{display:none}.order-area{display:grid;gap:14px;margin-top:20px}.order-price{font-size:18px;font-weight:600}.order-area label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.order-area input{width:76px}.order-area p[role=status]{font-size:12px;line-height:1.5;color:#ffc8ad}.page-footer{border-color:#383838}.shop-dialog{width:min(92vw,620px);max-height:90dvh;overflow-y:auto;padding:24px}.shop-dialog form{display:grid;gap:16px}.shop-dialog label{display:grid;gap:7px;font-size:13px}.shop-dialog textarea{min-height:95px;resize:vertical}.shop-dialog .confirm-design{display:flex;align-items:flex-start;line-height:1.5}.confirm-design input{width:auto}.bag-line{border-bottom:1px solid #444;padding:20px 0}.bag-line h3{margin:14px 0 6px}.bag-line p{font-size:12px;line-height:1.6;color:#c8c5bd}.bag-name{display:inline-block;padding:12px 20px;border-radius:20px;background:var(--base);color:var(--letter);font:24px Fredoka}.bag-controls{display:flex;gap:20px;align-items:flex-end;margin-top:14px}.bag-controls input{width:76px}.bag-controls button{min-height:44px;color:#ffc3a9;text-decoration:underline}#bag-totals{padding:20px 0}#bag-totals p{display:flex;justify-content:space-between;line-height:2}.total{font-size:20px}#bag-error,#checkout-message{color:#ffc8ad;font-size:13px;margin:12px 0;line-height:1.6}.mobile-toolbar{background:#191919f5;border-color:#454545}.mobile-toolbar button{color:#ccc}.mobile-toolbar button[aria-expanded=true]{color:#ff875a;background:#332016}.toast{background:#f4f3ee;color:#111}.icon-button{min-height:40px}.stage.is-fullscreen{background:#242424}.small-staff-banner{position:relative;z-index:20}.download-location-help,.print-note,.settings-explainer,.about-copy{color:#ccc}.how-it-works{border-color:#383838}.how-it-works strong{color:#f4f3ee}.page-footer a{color:#ff875a}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;gap:12px}.brand img{width:80px;height:30px}.header-actions{gap:12px}.product-lockup{display:none}.intro{padding:18px 0 12px}.intro h1{font-size:34px}.intro-copy{display:none}.editor{background:#1c1c1c;border-color:#444}.mobile-toolbar{grid-template-columns:repeat(4,1fr);padding-bottom:max(8px,env(safe-area-inset-bottom))}.shop-dialog{padding:20px;max-height:88dvh}.shop-dialog input,.shop-dialog textarea,.font-label select{font-size:16px}.swatch{width:28px;height:28px;min-width:28px}.stage-top{left:14px;top:14px}.stage-caption{display:none}.viewer-actions{right:10px;top:10px}.viewer-actions .icon-button{width:36px;height:36px;min-height:36px}.stage-bottom{left:14px;right:14px;bottom:14px}.view-switch button{padding:10px}.order-area{margin-top:12px}.stage{min-height:200px}.header-actions #open-saved{font-size:0;gap:0}.header-actions #open-saved svg{width:20px;height:20px}.header-actions #open-saved .count{font-size:10px}.small-staff-banner{font-size:11px;gap:5px}.small-staff-banner span{display:none}}
@media(max-width:360px){.header-actions{gap:8px}.header-actions>a{font-size:10px}.stage-bottom .view-switch button{padding:8px;font-size:9px}.intro h1{font-size:30px}}
@media(max-width:760px){.header-actions #bag-count{display:inline}.mobile-toolbar button[data-panel=print][aria-expanded=true]{background:#3c251c;color:#ff9a72}}
@media(max-width:960px) and (orientation:landscape) and (max-height:500px){.topbar{height:58px}.intro,.mobile-toolbar,.how-it-works,.page-footer{display:none}.studio-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:12px}.app-shell{padding:0 12px 12px}.stage,body[data-panel] .stage{height:calc(100dvh - 78px);min-height:220px;max-height:none}.editor,body[data-panel] .editor{display:block;position:relative;inset:auto;max-height:calc(100dvh - 78px);overflow:auto;padding:16px}.editor-section{display:block}.editor-section+.editor-section{border-top:1px solid #383838;padding-top:16px;margin-top:16px}.editor-secondary{display:flex}.sheet-close{display:none}.stage-caption{display:none}.viewer-actions{right:8px;top:8px}.stage-bottom{left:12px;right:12px}.shop-dialog{max-height:90dvh}}

/* v64.1: shared palettes wrap inside the editor at every width. */
.studio-grid>*,.editor-section,.color-row{min-width:0}
.swatch-list{flex-wrap:wrap;justify-content:flex-start;gap:12px;max-width:100%;min-width:0;padding:6px}
.swatch-heading{gap:12px;align-items:baseline}
.swatch-heading>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}
.swatch[aria-pressed=true]{outline:none}
.swatch[aria-pressed=true]::after{border:2px solid #ff5a1f}
.swatch[aria-pressed=true]::before{left:calc(50% - 3px);top:calc(50% - 2px);border-color:var(--check,#fff)}
.swatch:focus-visible{outline:2px solid #f4f3ee;outline-offset:6px}
