/* Each tile can shrink inside a narrow preview, including its hex label. */
.swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.swatches>div{min-width:0}.swatch-color{width:min(70px,100%);height:auto;aspect-ratio:1}.swatches code{display:block;overflow-wrap:anywhere;font-size:clamp(9px,2.2vw,11px);margin-top:8px}.sheet,.type-samples>div{min-width:0}.sheet-footer{gap:14px;flex-wrap:wrap}.sheet h3{font-size:13px}.sheet-top{padding:22px;min-height:180px}.sheet-top h2{overflow-wrap:anywhere}.sheet :is(p,span,code){overflow-wrap:anywhere}.import-box{max-width:720px;margin:0 auto 24px;background:#e9edde;border:1px solid #ccd4bc;border-radius:18px;padding:18px 22px}.import-box summary{font-weight:bold;cursor:pointer}.import-box p{font-size:14px}.import-box input[type=file]{width:100%;font-size:13px}.import-box .actions{margin:14px 0}.import-box button{font-size:14px}.export-note{font-size:13px;max-width:680px;text-align:center;margin:10px auto 20px}.reference-list{padding:14px;background:#f5f5ee;border-radius:12px;margin:16px 0}.reference-list>div{margin:10px 0;font-size:13px}.reference-list a{color:#34533f;overflow-wrap:anywhere}.reference-list button{padding:5px 10px;margin-left:8px;font-size:12px}.sheet-credits{font-size:10px;overflow-wrap:anywhere}.sheet-credits a{color:inherit}.sheet-credits p{margin:5px 0}.result-intro p{max-width:660px;margin:auto}fieldset legend:focus{outline:none}.preview-head a{color:#34533f}button:focus-visible,a:focus-visible{outline:3px solid #697a42;outline-offset:4px}@media(max-width:480px){.sheet{padding:18px}.swatches{gap:6px}.swatch-color{max-width:100%}.sheet-top{padding:18px}.result-actions button{width:100%}.sheet-footer{font-size:10px}.type-samples{gap:12px}.import-box{padding:18px}.wizard-top{gap:12px;align-items:flex-start}.save-indicator{max-width:170px;text-align:right}.sheet h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.import-box,.export-note,.reference-list button{display:none!important}.swatch-color{width:65px;height:65px}.sheet-credits{display:block}}
.color-row{padding:12px;background:#f1f3e8;border:1px solid #dce2ce;border-radius:14px}.color-row input[type=color]{width:56px;height:50px;flex:0 0 56px}.color-row input:not([type=color]){font-family:monospace;letter-spacing:.06em}.sample{padding:18px;background:#f3f3e9;border-radius:12px}.sheet .sample{padding:0;background:transparent}.result-actions{margin-bottom:12px}