.wide{grid-column:1/-1}textarea{font:14px/1.6 Consolas,monospace;tab-size:2}#output{width:100%;min-height:170px;margin-bottom:15px}.tool{max-width:none}.check{margin:0;align-items:center}fieldset{border:1px solid var(--line);border-radius:8px;min-width:0}#message.error{color:var(--error)}#wheel-area{max-width:340px;margin:24px auto;position:relative;padding-top:10px}.wheel-pointer{position:absolute;top:-10px;left:calc(50% - 13px);z-index:1;font-size:26px;color:var(--text);filter:drop-shadow(0 1px 1px var(--panel))}#wheel{display:block;width:100%;height:auto;transition:transform 1.4s cubic-bezier(.15,.6,.1,1)}#swatch{height:120px;border:1px solid var(--control);border-radius:12px;margin-top:20px}.brand span{max-width:160px}@media(prefers-reduced-motion:reduce){#wheel{transition:none}}@media(max-width:420px){.brand{gap:10px}.brand span{padding-left:10px}.panel{padding:16px}}