.az-picker-hero{background:var(--az-hero);padding:30px 0 38px}.az-picker-intro{text-align:center;padding-bottom:30px}.az-picker-back{color:var(--az-action);font-size:14px;font-weight:600;display:inline-block}.az-picker-intro h1{margin:8px 0 10px;font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.15}.az-picker-intro>p{max-width:700px;color:var(--az-muted);margin:0 auto 16px}.az-picker-workspace{grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr);align-items:stretch;gap:24px;display:grid}.az-picker-image-panel,.az-picker-result-panel{background:var(--az-surface);min-width:0;box-shadow:var(--az-shadow);border-radius:12px;padding:24px}.az-picker-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.az-picker-panel-heading h2{font-size:18px;font-weight:600}.az-picker-panel-heading span{color:var(--az-muted);font-size:13px}.az-picker-panel-heading svg{color:var(--az-action)}.az-picker-stage{border:1px solid var(--az-border);background-color:#f9fafb;background-image:conic-gradient(#e5e7eb 25%, #f9fafb 0 50%, #e5e7eb 0 75%, #f9fafb 0);background-size:20px 20px;border-radius:8px;justify-content:center;align-items:center;min-height:390px;display:flex;overflow:hidden}.az-picker-stage.is-dragging{outline:3px dashed var(--az-accent);outline-offset:-5px}.az-picker-canvas{cursor:crosshair;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.az-picker-empty{text-align:center;background:#ffffffeb;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.az-picker-empty>svg{color:var(--az-action)}.az-picker-empty h3{font-size:19px;font-weight:600}.az-picker-empty p{max-width:360px;color:var(--az-muted);font-size:14px}.az-picker-example{color:var(--az-action);background:0 0;border:0;font-weight:600}.az-picker-example:hover{text-decoration:underline}.az-picker-image-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.az-picker-image-actions span{color:var(--az-muted);white-space:pre-line;font-size:12px}.az-picker-result-panel{flex-direction:column;display:flex}.az-picker-swatch{border:1px solid var(--az-border);background-color:#fff;background-image:none;border-radius:8px;height:116px}.az-picker-pixel{color:var(--az-muted);font-size:13px;margin:10px 0 14px!important}.az-picker-values{gap:8px;display:grid}.az-picker-value{border:1px solid var(--az-border);border-radius:8px;grid-template-columns:40px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:44px;padding:4px 6px 4px 12px;display:grid}.az-picker-value span{color:var(--az-muted);font-size:12px;font-weight:700}.az-picker-value code{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.az-picker-value button{background:var(--az-action-soft);width:38px;height:36px;color:var(--az-action);border:0;border-radius:6px;place-items:center;display:grid}.az-picker-value button:hover{background:#ffedd5}.az-picker-placeholder{border:1px dashed var(--az-border);min-height:228px;color:var(--az-muted);text-align:center;border-radius:8px;place-content:center;justify-items:center;gap:14px;display:grid}.az-picker-placeholder p{max-width:230px}.az-picker-coordinates{border-top:1px solid var(--az-border);margin-top:20px;padding-top:18px}.az-picker-coordinates h3,.az-picker-recent h3{font-size:15px;font-weight:600}.az-picker-coordinates p{color:var(--az-muted);font-size:13px;margin:4px 0 12px!important}.az-picker-coordinates>div{align-items:end;gap:8px;display:flex}.az-picker-coordinates label{flex:1;gap:4px;min-width:0;font-size:13px;display:grid}.az-picker-coordinates input{border:1px solid var(--az-border);border-radius:8px;width:100%;min-height:44px;padding:8px}.az-picker-recent{margin-top:20px}.az-picker-recent>div{gap:8px;margin-top:8px;display:flex}.az-picker-recent button{border:1px solid #00000026;border-radius:6px;width:34px;height:34px}.az-picker-privacy{color:var(--az-muted);padding-top:20px;font-size:13px;margin-top:auto!important}.az-picker-status{color:#166534;font-size:14px;margin-top:14px!important}.az-picker-status.is-error{color:#b91c1c}.az-picker-content{max-width:1120px;padding-block:64px 80px}.az-picker-content h2{margin:0 0 24px;font-size:26px;font-weight:600}.az-picker-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:54px;display:grid}.az-picker-content article{border:1px solid var(--az-border);border-radius:10px;padding:22px}.az-picker-content h3{margin-bottom:10px;font-size:18px;font-weight:600}.az-picker-content article p,.az-picker-faq p,.az-picker-related p{color:var(--az-muted);line-height:1.7}.az-picker-faq details{border-bottom:1px solid var(--az-border);padding:16px 0}.az-picker-faq summary{font-weight:600}.az-picker-faq p{padding-top:12px}.az-picker-related{background:var(--az-action-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:26px;display:flex}@media (width<=900px){.az-picker-workspace,.az-picker-content-grid{grid-template-columns:minmax(0,1fr)}.az-picker-privacy{margin-top:0!important}}@media (width<=520px){.az-picker-hero{padding-top:20px}.az-picker-image-panel,.az-picker-result-panel{padding:16px}.az-picker-stage{min-height:320px}.az-picker-content{padding-block:40px}.az-picker-related{flex-direction:column;align-items:flex-start}}