#jegstudio-tools .palette{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}#jegstudio-tools .palette-controls,#jegstudio-tools .palette-export{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}#jegstudio-tools .palette label{display:block;font-size:14px;font-weight:600}#jegstudio-tools .palette input[type=text],#jegstudio-tools .palette select{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:block;font:inherit;margin-top:6px;min-height:44px;padding:8px 12px;width:100%}#jegstudio-tools .palette input[aria-invalid=true]{border-color:#b42318}#jegstudio-tools .palette button{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer;font:inherit;font-weight:600;min-height:44px;padding:10px 16px}#jegstudio-tools .palette button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}#jegstudio-tools .palette input:focus-visible{outline:3px solid #7395ff;outline-offset:3px}#jegstudio-tools .swatches{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:24px}#jegstudio-tools .swatch{border:1px solid var(--line);border-radius:10px;overflow:hidden}#jegstudio-tools .color-preview{cursor:pointer;height:220px;position:relative}#jegstudio-tools .swatch-number{background:#fff;border-radius:4px;color:#172b42;left:12px;padding:2px 8px;pointer-events:none;position:absolute;top:12px}#jegstudio-tools .color-preview input{cursor:pointer;height:100%;opacity:0;width:100%}#jegstudio-tools .color-preview:focus-within{outline:3px solid #7395ff;outline-offset:-4px}#jegstudio-tools .swatch-details{padding:12px}#jegstudio-tools .swatch-details button{font-family:monospace;margin-bottom:8px;padding:8px 2px;width:100%}#jegstudio-tools .swatch-details label{align-items:center;display:flex;gap:6px}#jegstudio-tools .palette textarea{background:#f7f9fc;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:block;font:14px/1.6 monospace;margin-top:8px;padding:16px;resize:vertical;width:100%}#jegstudio-tools #palette-status{color:var(--muted);min-height:26px}#jegstudio-tools .palette-guide{margin-top:40px;max-width:800px}@media (max-width:900px){#jegstudio-tools .swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:540px){#jegstudio-tools .palette{padding:16px}#jegstudio-tools .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}#jegstudio-tools .color-preview{height:160px}#jegstudio-tools .palette-controls>label{width:100%}}