#palete{scroll-margin-top:100px}.palette-section{border-top:1px solid var(--line)}.palette-tool{margin:24px 0}.palette-base{max-width:480px}.palette-tool label{font-weight:600}.palette-swatches{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:32px 0;padding:0;list-style:none;display:grid}.palette-swatch{border:1px solid var(--field-border);border-radius:6px;height:120px}.palette-swatches p{margin:12px 0 8px;font-size:.85rem}.palette-swatches code{font-size:1rem;display:block}.palette-swatches button{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.85rem;display:block}.palette-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.palette-actions h3{margin:0 0 24px}.palette-actions select,.palette-actions textarea{border:1px solid var(--field-border);background:var(--panel);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;border-radius:6px;margin:12px 0 20px;padding:12px;display:block}.palette-actions textarea{resize:vertical;font-family:monospace;font-size:.9rem}.palette-tool .color-status{margin-top:20px}@media (width<=1000px){.palette-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.palette-actions{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.palette-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-tool-nav{flex-wrap:wrap;gap:8px 24px;margin-bottom:32px;display:flex}.color-tool-nav a{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.contrast-section{border-top:1px solid var(--line)}#kontrastas,#converter-title{scroll-margin-top:100px}.contrast-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:24px 0;display:grid}.contrast-controls label{font-weight:600}.contrast-input-row{gap:12px;margin-top:12px;display:flex}.contrast-input-row input{min-width:0;min-height:48px;font:inherit;border:1px solid var(--field-border);background:var(--panel);color:var(--ink);border-radius:6px;padding:12px}.contrast-input-row input:not([type=color]){width:100%}.contrast-input-row input[type=color]{cursor:pointer;flex:0 0 64px;width:64px;padding:4px}.contrast-preview-label{color:var(--muted);margin-top:0}.contrast-preview{border:1px solid var(--field-border);overflow-wrap:anywhere;border-radius:8px;padding:24px}.contrast-preview .contrast-large{color:inherit;margin:0 0 20px;font-size:24px;font-weight:400;line-height:1.4}.contrast-preview .contrast-normal{color:inherit;margin:0;font-size:16px;line-height:1.6}.contrast-result strong{font-size:2.5rem;font-weight:600;display:block}.contrast-ratings{margin:0}.contrast-ratings>div{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 0;display:flex}.contrast-ratings small{color:var(--muted);margin-top:4px;display:block}.contrast-ratings dd{margin:0;font-weight:600}@media (width<=700px){.contrast-tool{grid-template-columns:minmax(0,1fr)}}.color-page .page-intro{padding-block:36px 20px}.color-page .page-intro h1{margin-block:12px 20px;font-size:clamp(2.25rem,5vw,3.75rem)}.color-page .page-intro p{font-size:1rem}.color-page #converter-title{margin-bottom:16px;font-size:clamp(1.4rem,3vw,2rem)}.color-results code{font-size:1rem;line-height:1.6}.color-page{max-width:1200px}.color-intro{color:var(--muted);max-width:72ch}.color-converter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-top:24px;display:grid}.color-converter form{flex-direction:column;align-items:stretch;gap:12px;display:flex}.color-converter label{font-weight:600}.color-converter input:not([type=color]),.color-converter select{background:var(--panel);width:100%;min-width:0;min-height:48px;color:var(--ink);border:1px solid var(--field-border);font:inherit;border-radius:6px;padding:12px}.color-converter input[aria-invalid=true]{border-color:var(--accent)}.color-hint{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.color-converter .button{align-self:flex-start}.color-swatch{border:1px solid var(--field-border);border-radius:8px;height:170px}.color-picker-row{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.color-picker-row input{border:1px solid var(--field-border);background:var(--panel);cursor:pointer;width:64px;height:44px}.color-results{margin:0}.color-results>div{border-top:1px solid var(--line);padding:12px 0}.color-results dt{color:var(--muted);font-size:.8rem}.color-results dd{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.color-results code{overflow-wrap:anywhere;min-width:0}.color-results button{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px}.color-status{overflow-wrap:anywhere;grid-column:1/-1;min-height:1.5em;margin:0}.color-explainer{grid-template-columns:1fr 1fr;gap:32px;display:grid}.color-explainer h3{margin:24px 0 12px}.color-explainer h3:first-child{margin-top:0}.color-explainer p,.color-service p{color:var(--muted)}.color-service{border-top:1px solid var(--line)}.color-service .text-link{min-height:44px;color:var(--accent)}@media (width<=700px){.color-converter,.color-explainer{grid-template-columns:minmax(0,1fr)}.color-results dd{flex-wrap:wrap}.color-converter{gap:24px}}