:root{--primary:#153F91;--accent:#0090CF;--background:#F4F7FC;--surface:#FFF;--text:#172B49;--muted:#53647C;--border:#CDD7E5;--control:#718198;--onPrimary:#FFF;--selected:#EAF1FD;--focus:#153F91;--success:#176644;--warning:#825B12;--danger:#B42335;--gradientStart:#53B5E1;--gold:#997D4E;--silver:#8F8E93}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.65}header{background:var(--surface);border-bottom:1px solid var(--border)}.bar{max-width:1240px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:800;color:var(--primary)}.brand small{font-size:12px;color:var(--muted);display:block;letter-spacing:.12em}nav,.tools{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--control);border-radius:8px;padding:10px 16px;background:var(--surface);color:var(--text)}button:hover{border-color:var(--primary)}button.active,.primary{background:var(--primary);border-color:var(--primary);color:var(--onPrimary)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main{max-width:1240px;margin:auto;padding:40px 32px 80px}.eyebrow{color:var(--primary);font-size:12px;font-weight:bold;letter-spacing:.13em}h1{font-size:36px;letter-spacing:-1px;line-height:1.3;margin:10px 0 16px}h2{font-size:21px;margin:0 0 14px}h3{font-size:17px;margin:0 0 8px}p{margin:8px 0 18px}.muted{color:var(--muted)}.topline{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px;margin-bottom:22px}.notice{border-left:4px solid var(--accent);background:var(--surface);padding:14px 20px;margin:20px 0;font-size:14px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.swatch{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.swatch-color{height:72px}.swatch-info{padding:12px;font-size:13px}.swatch-info strong{display:block}.swatch-info code{color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{border-bottom:1px solid var(--border);padding:14px 0}.field label{display:block;font-size:14px;font-weight:bold}.field small{display:block;color:var(--muted);font-size:12px;min-height:38px}.color-input{display:flex;align-items:center;gap:8px}input[type=color]{width:42px;height:40px;border:0;padding:0;background:none;cursor:pointer}input[type=text],textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--control);border-radius:6px;padding:10px;max-width:100%}input.hex{width:115px;font-family:monospace}input.org{width:100%}textarea{width:100%;min-height:110px}aside{position:sticky;top:18px;align-self:start}.preview-tag{font-size:12px;color:var(--muted);margin-bottom:15px}.gradient{height:8px;background:linear-gradient(90deg,var(--gradientStart),var(--accent),var(--primary));border-radius:5px}.preview h2{font-size:24px;line-height:1.45;color:var(--primary);margin-top:20px}.preview .primary{width:100%;margin-top:12px}.progress{height:8px;border-radius:5px;background:var(--selected);margin:12px 0 25px;overflow:hidden}.progress span{display:block;width:40%;height:100%;background:var(--accent)}.choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.choice{display:flex;flex-direction:column;text-align:center;border:1px solid var(--control);border-radius:8px;padding:12px 4px;font-size:12px;cursor:pointer}.choice:has(input:checked){border:2px solid var(--primary);background:var(--selected)}.choice input{accent-color:var(--primary)}.success{color:var(--success)}.warning{color:var(--warning)}.error{color:var(--danger)}#message{min-height:25px;font-size:14px;margin:12px 0}.wide{max-width:760px;margin:auto}.hidden{display:none!important}.rule{border:0;border-top:1px solid var(--border);margin:24px 0}footer{font-size:12px;color:var(--muted);margin-top:25px}.map{width:100%;border-collapse:collapse;font-size:14px}.map th,.map td{padding:12px 8px;border-bottom:1px solid var(--border);text-align:left}.map th{color:var(--primary)}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{position:static}.bar{padding:16px;align-items:flex-start;flex-direction:column}main{padding:25px 16px 60px}.topline{display:block}h1{font-size:28px}.swatches{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.tools{margin-top:16px}.card{padding:20px}nav button{padding:8px 10px;font-size:13px}}