:root{--bg0:#07070a;--bg1:#0e0e13;--bg2:#15151d;--bg3:#1c1c26;--bg4:#24242f;--bg5:#2c2c3a;--tx1:#f0f0f5;--tx2:#9898b0;--tx3:#55556a;--tx4:#38383f;--bd1:#2a2a38;--bd2:#1e1e28;--am:#3b82f6;--am-dim:#1d4ed8;--am-bg:#3b82f61a;--am-bd:#3b82f638;--ok:#34d399;--ok-bg:#34d3991a;--ok-bd:#34d39938;--wa:#fbbf24;--wa-bg:#fbbf241a;--wa-bd:#fbbf2438;--er:#f87171;--er-bg:#f871711a;--er-bd:#f8717138;--in:#60a5fa;--in-bg:#60a5fa1a;--in-bd:#60a5fa38;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:18px;--fs-2xl:22px;--fs-xl:17px;--fs-lg:15px;--fs-md:14px;--fs-sm:12px;--fs-xs:11px;--fs-2xs:10px;--font:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono","Fira Mono",ui-monospace,Consolas,monospace;--fg1:var(--tx1);--fg2:var(--tx2);--fg3:var(--tx3);--bd:var(--bd1);--accent:var(--am);--of:var(--er);--of-bg:var(--er-bg);--radius:var(--r);--radius-sm:var(--r-sm);--fs-h1:var(--fs-2xl);--fs-body:var(--fs-md);--fs-label:var(--fs-xs)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font);background:var(--bg0);color:var(--tx1);font-size:var(--fs-md);min-height:100dvh;line-height:1.6}button,input{font-family:inherit}button{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.app{max-width:720px;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0 auto}@media (width>=768px){.app{padding-top:32px;padding-bottom:60px}}h1{font-size:var(--fs-h1);margin-bottom:8px;font-weight:700}.desc{font-size:var(--fs-md);color:var(--tx2);margin-bottom:6px;line-height:1.65}.header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.header-left{flex:1;min-width:0}.app-title-wrap{align-items:center;gap:8px;margin-bottom:4px;display:flex}.app-title{font-size:var(--fs-xl);color:var(--tx1);font-weight:700;line-height:1.2}.app-badge{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--am);background:var(--am-bg);border:1px solid var(--am-bd);border-radius:999px;padding:2px 7px;font-weight:700;line-height:1.2}.app-desc{font-size:var(--fs-xs);color:var(--tx3);line-height:1.5}.header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ver{display:none}.tabs{background:var(--bg2);border:1px solid var(--bd1);border-radius:var(--r);gap:2px;margin-bottom:28px;padding:3px;display:flex}.tab{font-size:var(--fs-sm);border-radius:var(--r-sm);color:var(--tx3);background:0 0;border:0;flex:1;min-height:40px;padding:10px 12px;font-weight:600;transition:all .15s}.tab.on{background:var(--bg4);color:var(--tx1);box-shadow:0 1px 2px #0000002e}.tab:hover,.btn:hover,.area-btn:hover,.mode-btn:hover,.copy-btn:hover{background:var(--bg5);color:var(--tx1)}.btn,.share-btn,.copy-btn{border-radius:var(--r-sm);border:1px solid var(--bd1);background:var(--bg4);min-height:34px;color:var(--tx2);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn.sm{min-height:30px;font-size:var(--fs-xs);padding:6px 10px}.btn.primary,.copy-btn.palette-hue-apply{background:var(--am);border-color:var(--am);color:#fff}.btn.amber-on,.btn.on,.area-btn.on,.mode-btn.on{background:var(--am-bg);border-color:var(--am-bd);color:var(--am)}.btn.danger{background:var(--er-bg);border-color:var(--er-bd);color:var(--er)}.btn.ghost{background:0 0}.btn.copied,.share-btn.copied,.copy-btn.copied{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}.section{margin-bottom:24px}.label{font-size:var(--fs-xs);color:var(--tx3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-weight:700}.sub-desc{font-size:var(--fs-xs);color:var(--tx3);margin-bottom:14px;line-height:1.65}.color-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-picker{border-radius:var(--r);appearance:none;background:0 0;border:0;flex-shrink:0;width:44px;height:44px;padding:0}.color-picker::-webkit-color-swatch-wrapper{border-radius:var(--r);padding:0}.color-picker::-webkit-color-swatch{border:1px solid var(--bd1);border-radius:var(--r)}.hex-input{font-family:var(--mono);font-size:var(--fs-md);border:1px solid var(--bd1);border-radius:var(--r);background:var(--bg3);color:var(--tx1);-webkit-appearance:none;outline:none;flex:none;min-width:130px;min-height:44px;padding:10px 12px}.hex-input:focus{border-color:var(--am-bd)}.rgb-display{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--tx3);opacity:.86;line-height:1.4}.color-input-row>.rgb-display{flex-basis:100%;margin-top:-2px}.palette-workflow{gap:8px;margin-bottom:20px;display:grid}.slot{background:var(--bg3);border:1px solid var(--bd1);border-radius:var(--r);transition:border-color .2s,background .2s,box-shadow .2s;overflow:hidden}.slot:focus{border-color:var(--am-bd);outline:0;box-shadow:0 0 0 2px #3b82f624}.slot.dragging{opacity:.62}.slot.drag-over{border-color:var(--am);box-shadow:0 0 0 2px #3b82f61f}.slot.slot-jump-highlight{border-color:var(--am);box-shadow:0 0 0 2px var(--am-bd);background:#3b82f614}.slot-top{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px 14px;padding:14px 16px 10px;display:grid}.slot-swatch-wrap{border-radius:var(--r-sm);background:var(--bg2);flex-shrink:0;width:82px;height:82px;position:relative;overflow:hidden}.slot-swatch{border-radius:var(--r-sm);appearance:none;opacity:0;cursor:pointer;z-index:2;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.slot-swatch::-webkit-color-swatch-wrapper{border-radius:var(--r-sm);padding:0}.slot-swatch::-webkit-color-swatch{border-radius:var(--r-sm);border:0}.slot-swatch-split{border:1px solid var(--bd1);border-radius:var(--r-sm);z-index:1;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0;overflow:hidden}.slot-swatch-solid{border:1px solid var(--bd1);border-radius:var(--r-sm);z-index:1;position:absolute;inset:0}.slot-swatch-half{min-width:0;display:block}.slot-swatch-input{box-shadow:inset -1px 0 #0000003d}.slot-swatch-final{box-shadow:inset 0 0 0 2px #ffffff14}.slot-swatch-hint{z-index:3;pointer-events:none;color:#ffffffe6;opacity:0;background:#00000094;border-radius:999px;padding:4px 6px;font-size:9px;font-weight:700;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:6px;left:6px;transform:translateY(2px)}.slot-swatch-wrap:hover .slot-swatch-hint,.slot-swatch-wrap:focus-within .slot-swatch-hint{opacity:1;transform:translateY(0)}.slot-info{align-self:center;min-width:0}.slot-role-line{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:2px;display:flex}.slot-role{font-size:var(--fs-sm);color:var(--tx3);white-space:nowrap;font-weight:700}.slot-role-desc{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--tx4);font-weight:700}.slot-hex-field{grid-template-columns:max-content;justify-content:start;align-items:start;gap:3px;width:fit-content;max-width:100%;display:grid}.slot-hex-label{display:none}.slot-hex-input{width:calc(8.25ch + 18px);max-width:100%;font-family:var(--mono);letter-spacing:0;color:var(--tx1);border:1px solid var(--bd1);border-radius:var(--r-sm);text-transform:uppercase;background:#ffffff09;outline:0;min-width:0;min-height:36px;margin-left:-8px;padding:4px 8px;font-size:19px;font-weight:800;box-shadow:inset 0 1px #ffffff06}.slot-hex-input:hover{border-color:var(--bd1);background:#ffffff0e}.slot-hex-input:focus{border-color:var(--am-bd);background:var(--bg2);box-shadow:0 0 0 2px #3b82f61a}.slot-hex-input.invalid{border-color:var(--er);background:var(--er-bg);color:var(--er)}.slot-hex-status{font-size:var(--fs-2xs);color:var(--er);line-height:1.3}.slot-hex-status:empty{display:none}.slot-rgb{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--tx3);overflow-wrap:anywhere;margin-top:2px;line-height:1.35}.slot-result-line{min-width:0;font-family:var(--mono);font-size:var(--fs-2xs);flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;line-height:1.35;display:flex}.slot-result-label{color:var(--tx3);font-weight:600}.slot-result-hex{font-size:var(--fs-xs);color:var(--tx1);letter-spacing:0;font-weight:900}.slot-result-status{color:var(--tx3);overflow-wrap:anywhere}.slot-actions{border-top:1px solid var(--bd2);background:#ffffff05;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 16px 12px;display:flex}.slot-role-controls{grid-template-columns:repeat(3,36px);gap:4px;display:grid}.slot-hue-btn{flex:1;justify-content:center;min-width:120px}.icon-btn{min-width:30px;padding-left:8px;padding-right:8px}.slot-drag-handle{cursor:grab}.slot-drag-handle:active{cursor:grabbing}.btn:disabled{opacity:.38;cursor:not-allowed}.palette-hue-panel{background:0 0;margin-top:0;padding:0}.slot-candidates-toggle{font-family:var(--mono);border:1px solid var(--bd1);background:var(--bg4);color:var(--tx2);cursor:pointer;border-radius:9px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700;transition:all .15s}.slot-candidates-toggle:hover{color:var(--am);border-color:var(--am-bd)}.slot-candidates-toggle.on{background:var(--am-bg);border-color:var(--am-bd);color:var(--am)}.slot-candidates{border-top:1px dashed var(--bd2);background:#3b82f60a;padding:10px 16px}.slot-candidates-label{color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:700}.slot-candidates-chips{flex-wrap:wrap;gap:6px;display:flex}.slot-candidate-chip{border:1px solid var(--bd1);background:var(--bg3);color:var(--tx2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:11px;transition:all .15s;display:inline-flex}.slot-candidate-chip:hover{border-color:var(--am-bd);color:var(--tx1)}.slot-candidate-chip.applied{border-color:var(--ok-bd);background:var(--ok-bg);color:var(--ok);cursor:default}.slot-candidate-dot{border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;width:14px;height:14px}.slot-candidate-hex{font-family:var(--mono);font-size:11px;font-weight:600}.slot-candidate-meta{font-family:var(--mono);color:var(--tx3);font-size:10px}.slot-candidate-chip.applied .slot-candidate-meta{color:var(--ok)}@media (width<=520px){.slot-top{grid-template-columns:68px minmax(0,1fr);gap:8px 10px;padding:12px 12px 8px}.slot-swatch-wrap,.slot-swatch{width:68px;height:68px}.slot-swatch-hint{opacity:1;transform:none}.slot-hex-input{min-height:34px;font-size:18px}.slot-actions,.slot-candidates{padding-left:12px;padding-right:12px}.slot-role-controls{grid-template-columns:repeat(3,34px)}.slot-hue-btn{flex:100%;min-width:0}}@media (width<=420px){.slot-top{grid-template-columns:62px minmax(0,1fr);gap:8px;padding:10px 10px 8px}.slot-swatch-wrap,.slot-swatch{width:62px;height:62px}.slot-hex-input{font-size:18px}}.badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.badge{font-size:var(--fs-xs);background:var(--bg4);color:var(--tx2);white-space:nowrap;border-radius:20px;padding:4px 10px}.badge.on{background:var(--am-bg);color:var(--am);border:1px solid var(--am-bd);font-weight:600}.mode-bar{background:var(--bg2);border:1px solid var(--bd1);border-radius:var(--r);gap:4px;width:fit-content;padding:3px;display:flex}.mode-btn{font-size:var(--fs-sm);border-radius:var(--r-sm);color:var(--tx3);background:0 0;border:1px solid #0000;min-height:36px;padding:8px 16px;font-weight:600;transition:all .15s}.ch-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width>=480px){.ch-grid{grid-template-columns:repeat(6,1fr)}}.ch-btn{font-size:var(--fs-sm);border-radius:var(--r-sm);font-family:var(--mono);border:1px solid var(--bd1);background:var(--bg3);color:var(--tx2);min-height:40px;padding:10px 8px;transition:all .15s}.ch-btn.on{border-color:var(--am-bd);background:var(--am-bg);color:var(--am)}.area-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.area-btn{font-size:var(--fs-sm);border-radius:var(--r-sm);border:1px solid var(--bd1);background:var(--bg3);color:var(--tx2);min-height:40px;padding:10px 8px;transition:all .15s}.palette-setting-section{margin-top:2px;margin-bottom:8px}.palette-setting-section .area-grid,.palette-correction-inline{margin-bottom:8px}.palette-correction-check{min-width:96px}.palette-voxel-inline{border:1px solid var(--bd2);border-radius:var(--r-sm);background:var(--bg2);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.palette-voxel-text{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.palette-voxel-title{font-size:var(--fs-xs);color:var(--tx2);font-weight:700}.palette-voxel-desc{font-size:var(--fs-2xs);color:var(--tx3)}.palette-snap-checks{flex:none;align-items:stretch;gap:4px;display:flex}.palette-snap-check{border:1px solid var(--bd1);border-radius:var(--r-sm);background:var(--bg4);min-width:82px;min-height:34px;color:var(--tx2);cursor:pointer;align-items:center;gap:7px;padding:6px 9px;transition:all .15s;display:flex}.palette-snap-check:hover{background:var(--bg5);color:var(--tx1)}.palette-snap-check.on{background:var(--am-bg);border-color:var(--am-bd);color:var(--am)}.palette-snap-check.disabled{opacity:.45;cursor:not-allowed}.palette-snap-check input{width:14px;height:14px;accent-color:var(--am);flex:none}.palette-snap-check-text{flex-direction:column;gap:2px;min-width:0;line-height:1.12;display:flex}.palette-snap-check-text strong{font-size:var(--fs-xs);white-space:nowrap;font-weight:700}.palette-snap-check-text small{color:var(--tx3);white-space:nowrap;font-size:9px;font-weight:500}.palette-snap-check.on small{color:var(--am)}@media (width<=520px){.palette-voxel-inline{flex-direction:column;align-items:stretch}.palette-snap-checks{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.palette-snap-check{flex:1;min-width:0}}.warn{border-radius:var(--r);font-size:var(--fs-sm);margin-bottom:10px;padding:12px 14px;line-height:1.5}.warn-w{background:var(--wa-bg);border:1px solid var(--wa-bd);color:var(--wa)}.warn-i{background:var(--in-bg);border:1px solid var(--in-bd);color:var(--in)}.preview{border-radius:var(--r);gap:4px;margin-bottom:14px;display:flex;overflow:hidden}.swatch{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;min-height:90px;padding:12px 14px;display:flex}.swatch .hex-label{font-family:var(--mono);font-size:var(--fs-md);color:#fffffff2;font-weight:600}.swatch .sub{font-size:var(--fs-xs);color:#ffffffb3;margin-top:2px}.gradient-box{border-radius:var(--r);height:60px;margin-bottom:10px;overflow:hidden}.gradient-labels{font-size:var(--fs-xs);font-family:var(--mono);color:var(--tx3);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:-4px;margin-bottom:14px;display:flex}.lab-result-card{border:1px solid var(--bd1);border-radius:var(--r);background:var(--bg2);margin-top:16px;margin-bottom:14px;padding:14px}.lab-result-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.lab-result-title{font-size:var(--fs-md);color:var(--tx1);font-weight:700}.lab-result-sub{font-size:var(--fs-xs);color:var(--tx3);margin-top:2px}.palette-hue-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.copy-btn.palette-hue-copy{color:var(--tx2);background:var(--bg3)}.lab-compare{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.lab-swatch{border-radius:var(--r-sm);flex-direction:column;justify-content:flex-end;min-height:78px;padding:10px 12px;display:flex;overflow:hidden}.lab-swatch .hex-label{font-family:var(--mono);font-size:var(--fs-sm);font-weight:600}.lab-swatch .sub{opacity:.72;margin-top:2px;font-size:10px;line-height:1.35}.lab-gradient .gradient-box{height:34px;margin-bottom:8px}.lab-gradient .gradient-labels{margin-bottom:12px}.lab-metrics,.lab-score-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lab-score-row{grid-template-columns:repeat(3,1fr);margin-top:8px}.lab-metric{border:1px solid var(--bd1);border-radius:var(--r-sm);background:var(--bg3);min-width:0;padding:8px 9px}.lab-metric.good{border-color:var(--ok-bd);background:var(--ok-bg)}.lab-metric.warn{border-color:var(--wa-bd);background:var(--wa-bg)}.lab-metric.bad{border-color:var(--er-bd);background:var(--er-bg)}.lab-metric-label-row{align-items:center;gap:4px;min-width:0;margin-bottom:2px;display:flex}.lab-metric-label{color:var(--tx3);white-space:nowrap;min-width:0;font-size:10px}.lab-metric.has-help{cursor:help}.lab-metric.has-help .lab-metric-label{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.lab-metric-help-btn{border:1px solid var(--bd1);background:var(--bg4);width:16px;height:16px;color:var(--tx3);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.lab-metric-help-btn:hover,.lab-metric-help-btn[aria-expanded=true]{border-color:var(--am-bd);background:var(--am-bg);color:var(--am)}.lab-metric-value{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.lab-metric-help-text{border-top:1px solid var(--bd2);font-size:var(--fs-2xs);color:var(--tx2);word-break:keep-all;overflow-wrap:anywhere;margin-top:6px;padding-top:6px;line-height:1.55}.lab-note{font-size:var(--fs-xs);color:var(--tx2);font-family:var(--mono);min-height:1.4em;margin-top:10px;line-height:1.4}.lab-note-empty{visibility:hidden}@media (width<=520px){.lab-result-head{flex-direction:column;align-items:stretch}.lab-result-head .copy-btn,.palette-hue-actions .copy-btn{width:100%}.palette-hue-actions{justify-content:stretch}.lab-compare,.lab-metrics{grid-template-columns:1fr 1fr}}.bg-selector{gap:4px;margin-bottom:6px;display:flex}.bg-option{font-size:var(--fs-xs);border-radius:var(--r-sm);background:var(--bg3);color:var(--tx2);border:1px solid var(--bd1);flex:1;min-height:32px;padding:8px 4px;transition:all .15s}.bg-option.on{border-color:var(--am-bd);background:var(--am-bg);color:var(--am)}.bg-preview{border-radius:var(--r);justify-content:center;align-items:center;gap:14px;min-height:100px;margin-bottom:16px;padding:20px;display:flex}.bg-preview .box{border-radius:var(--r);flex-shrink:0;width:64px;height:64px}.ctx-preview{border-radius:var(--r);justify-content:center;align-items:center;min-height:140px;margin-bottom:14px;padding:20px;display:flex;position:relative;overflow:hidden}.ctx-fg{border-radius:var(--r-sm);font-family:var(--mono);justify-content:center;align-items:center;font-weight:500;transition:all .3s;display:flex}.ctx-fg.size-small{width:40px;height:40px;font-size:10px}.ctx-fg.size-medium{width:100px;height:60px;font-size:13px}.ctx-fg.size-large{width:70%;height:90px;font-size:16px}.candidates{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}@media (width>=600px){.candidates{grid-template-columns:repeat(3,1fr)}}.candidate{border:1px solid var(--bd1);border-radius:var(--r);cursor:pointer;background:var(--bg2);transition:all .15s;overflow:hidden}.candidate:hover{border-color:var(--am-bd)}.candidate.selected{border-color:var(--am);border-width:2px}.cand-preview{justify-content:center;align-items:center;height:80px;display:flex;position:relative}.cand-fg{border-radius:var(--r-sm);width:50%;height:50px;font-family:var(--mono);justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.cand-info{padding:10px 12px}.cand-title{font-size:var(--fs-sm);color:var(--tx1);margin-bottom:3px;font-weight:700}.cand-hex{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx2);margin-bottom:4px}.cand-desc{color:var(--tx3);font-size:10px;line-height:1.5}.palette-result-section{margin-top:4px;margin-bottom:0}.palette-ratio-wrap{gap:8px;margin-bottom:10px;display:grid}.palette-ratio-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;display:grid}.palette-ratio-label{font-size:var(--fs-xs);color:var(--tx3);font-weight:700}.palette-ratio-bar{border:1px solid var(--bd1);border-radius:var(--r-sm);background:var(--bg3);height:34px;display:flex;overflow:hidden}.palette-ratio-seg{min-width:0}.palette-result-tools{margin-top:10px;margin-bottom:0}.palette-diagnostics{border:1px solid var(--bd1);border-radius:var(--r);background:var(--bg2);margin:0 0 16px;padding:10px 12px}.palette-diagnostics-title{font-size:var(--fs-xs);color:var(--tx2);margin-bottom:6px;font-weight:700}.palette-diagnostics-list{gap:6px;display:grid}.palette-diagnostic-item{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx2);grid-template-columns:8px auto minmax(0,1fr) auto;align-items:center;gap:8px;line-height:1.5;display:grid}.palette-diagnostic-dot{background:var(--in);border-radius:50%;width:6px;height:6px}.palette-diagnostic-level{background:var(--in-bg);color:var(--in);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800}.palette-diagnostic-text{word-break:keep-all;overflow-wrap:anywhere;min-width:0}.palette-diagnostic-jump{border:1px solid var(--bd1);background:var(--bg4);color:var(--tx2);border-radius:999px;min-height:24px;padding:2px 8px;font-size:10px;font-weight:800}.palette-diagnostic-jump:hover{border-color:var(--am-bd);color:var(--tx1);background:var(--bg5)}.palette-diagnostic-item.is-warning .palette-diagnostic-dot{background:var(--er)}.palette-diagnostic-item.is-warning .palette-diagnostic-level{background:var(--er-bg);color:var(--er)}.palette-diagnostic-item.is-caution .palette-diagnostic-dot{background:var(--wa)}.palette-diagnostic-item.is-caution .palette-diagnostic-level{background:var(--wa-bg);color:var(--wa)}.palette-diagnostic-item.is-info .palette-diagnostic-dot{background:var(--in)}.palette-diagnostic-item.is-info .palette-diagnostic-level{background:var(--in-bg);color:var(--in)}.tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.copy-btn{font-family:var(--mono)}.copy-btn:hover,.copy-btn:active{border-color:var(--am-bd)}.meta{font-size:var(--fs-xs);color:var(--tx2);font-family:var(--mono)}.sec{margin-bottom:4px}.sec-head{border:none;border-bottom:1px solid var(--bd2);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:48px;padding:14px 0;display:flex}.sec-num{width:24px;height:24px;font-size:var(--fs-xs);font-weight:700;font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sec-num.on{background:var(--am);color:#fff}.sec-num.off{background:var(--bg3);color:var(--tx3)}.sec-title{font-size:var(--fs-md);color:var(--tx1);flex:1;font-weight:700}.sec-arrow{color:var(--tx3);font-size:16px;transition:transform .2s}.sec-arrow.on{transform:rotate(90deg)}.sec-body{padding:10px 0 6px}.row{font-size:var(--fs-sm);flex-wrap:wrap;align-items:baseline;gap:10px;padding:6px 0;display:flex}.row .key{min-width:100px;color:var(--tx2);font-size:var(--fs-xs);flex-shrink:0}.row .val{min-width:0;font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx1);word-break:break-word;flex:1}.row .val2{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx1);text-align:right}.tag{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.tag-ok,.tag-match{background:var(--ok-bg);color:var(--ok)}.tag-warn,.tag-adj{background:var(--wa-bg);color:var(--wa)}.tag-off{background:var(--er-bg);color:var(--er)}.tag-jnd,.tag-info{background:var(--in-bg);color:var(--in)}.final{border:1px solid var(--bd1);border-radius:var(--r);background:var(--bg2);margin-top:16px;padding:18px}.final-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=480px){.final-grid{grid-template-columns:1fr 1fr}}.metric{border-bottom:1px solid var(--bd2);font-size:var(--fs-sm);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.metric:last-child{border-bottom:none}.metric .mk{color:var(--tx2);flex-shrink:0}.metric .mv{font-family:var(--mono);font-weight:600;font-size:var(--fs-xs);text-align:right}.combo{font-size:var(--fs-sm);border-bottom:1px solid var(--bd2);align-items:center;gap:10px;padding:8px 0;display:flex}.combo:last-child{border-bottom:none}.combo-rank{text-align:center;width:20px;font-weight:600;font-size:var(--fs-xs);font-family:var(--mono);flex-shrink:0}.combo-swatch{border-radius:var(--r-sm);border:1px solid var(--bd1);flex-shrink:0;width:24px;height:24px}.combo-label,.combo-hex{font-family:var(--mono);font-size:var(--fs-xs);flex-shrink:0}.combo-label{min-width:36px}.combo-c{font-size:var(--fs-xs);color:var(--tx2)}.cat-label{color:var(--tx3);border-bottom:1px solid var(--bd2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;padding:8px 0 4px;font-size:10px;font-weight:700}.theory-sec{border-top:1px solid var(--bd2);margin-top:32px;padding-top:16px}.theory-cat{font-size:var(--fs-sm);color:var(--tx1);margin-top:12px;margin-bottom:6px;font-weight:700}.theory-cat:first-child{margin-top:0}.theory-item{font-size:var(--fs-sm);color:var(--tx2);padding:3px 0 3px 14px;line-height:1.6;position:relative}.theory-item:before{content:"·";color:var(--tx3);position:absolute;left:4px}.stepper{background:var(--bg2);border:1px solid var(--bd1);border-radius:var(--r);align-items:center;gap:0;margin-bottom:22px;padding:12px 10px;display:flex}.step-item{text-align:center;color:var(--tx4);flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;display:flex;position:relative}.step-item:not(:last-child):after{content:"";background:var(--bd1);height:1px;position:absolute;top:12px;left:calc(50% + 16px);right:calc(16px - 50%)}.step-num{z-index:1;background:var(--bg4);border:1px solid var(--bd1);width:24px;height:24px;font-family:var(--mono);font-size:var(--fs-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.step-label{font-size:var(--fs-2xs);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.step-item.done,.step-item.active{color:var(--tx1)}.step-item.done .step-num{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}.step-item.active .step-num{background:var(--am);border-color:var(--am);color:#fff}.drop-zone{border:1px dashed var(--bd1);border-radius:var(--r-lg);text-align:center;background:var(--bg2);color:var(--tx2);padding:28px 16px;transition:border-color .15s,background .15s}.drop-zone.over{border-color:var(--am);background:var(--am-bg)}.summary-box,.voxel-canvas-wrap{background:var(--bg2);border:1px solid var(--bd1);border-radius:var(--r);overflow:hidden}.summary-box{padding:14px 16px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.stat-card{background:var(--bg3);border:1px solid var(--bd2);border-radius:var(--r-sm);min-width:0;padding:9px 10px}.stat-label{font-size:var(--fs-2xs);color:var(--tx3);margin-bottom:3px}.stat-value{font-family:var(--mono);font-size:var(--fs-sm);color:var(--tx1);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.progress-bar{background:var(--bg4);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--am),var(--ok));border-radius:999px;height:100%;transition:width .4s}.progress-caption{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--tx3);justify-content:space-between;gap:10px;margin-top:6px;display:flex}.voxel-header{border-bottom:1px solid var(--bd2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.voxel-h-label{font-family:var(--mono);font-size:var(--fs-sm);color:var(--am);font-weight:700}.voxel-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toggle-label{font-size:var(--fs-xs);color:var(--tx3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.toggle-label input{accent-color:var(--am);width:14px;height:14px}.voxel-canvas-area{justify-content:center;padding:12px;display:flex}.voxel-canvas{border-radius:var(--r-sm);touch-action:none;width:100%;height:auto;image-rendering:pixelated;background:repeating-conic-gradient(#ffffff0a 0% 25%,#0000 0% 50%) 50%/12px 12px;display:block}.voxel-info{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx3);text-align:center;border-top:1px solid var(--bd2);min-height:32px;padding:8px 16px}.voxel-axis{font-size:var(--fs-2xs);font-family:var(--mono);color:var(--tx4);justify-content:space-between;gap:8px;padding:6px 16px 10px;display:flex}.voxel-legend{font-size:var(--fs-xs);color:var(--tx3);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.hex-search-input-wrap{background:var(--bg3);border:1px solid var(--bd1);border-radius:var(--r);align-items:center;gap:10px;margin:12px 0 14px;padding:10px 14px;transition:border-color .15s;display:flex}.hex-search-input-wrap:focus-within{border-color:var(--am-bd)}.hex-search-swatch{border-radius:var(--r-sm);border:1px solid var(--bd1);background:0 0;flex-shrink:0;width:28px;height:28px}.hex-search-input{min-width:0;font-family:var(--mono);font-size:var(--fs-md);color:var(--tx1);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;outline:0;flex:1}.hex-search-input::placeholder{color:var(--tx4)}.hex-search-status{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx3);text-align:right;min-width:60px}.hex-results{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}@media (width<=460px){.hex-results,.stat-grid{grid-template-columns:1fr}.voxel-axis{font-size:9px}}.hex-list-title{font-size:var(--fs-xs);color:var(--tx3);margin-bottom:8px;font-weight:700}.hex-list{flex-direction:column;gap:4px;display:flex}.hex-hit{background:var(--bg4);border-radius:var(--r-sm);align-items:center;gap:8px;padding:7px 10px;transition:background .12s;display:flex}.hex-hit:hover{background:var(--bg5)}.hex-hit.copied{background:var(--ok-bg)}.hex-hit-dot{border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;width:22px;height:22px}.hex-hit-main{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.hex-hit-code{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx1)}.hex-hit-de,.hex-hit-count{font-family:var(--mono);font-size:var(--fs-xs);color:var(--tx3)}.hex-hit-copy{font-size:var(--fs-2xs);color:var(--tx4);text-align:right;min-width:36px}.header-sandbox-btn{width:30px;min-width:30px;height:30px;margin-left:6px;padding:0;font-size:13px}.palette-snap-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:4px 2px 8px;display:flex}.palette-snap-head-title{font-size:var(--fs-xs);color:var(--tx2);font-weight:700}.palette-snap-head-summary{font-family:var(--mono);font-size:var(--fs-2xs);color:var(--tx3)}.palette-snap-row{border:1px solid var(--bd2);border-radius:var(--r-sm);background:var(--bg2);grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:grid}.palette-snap-row-label{font-size:var(--fs-xs);color:var(--tx3);font-weight:700}.palette-snap-radios,.palette-snap-chips{flex-wrap:wrap;gap:6px;display:flex}.palette-snap-radio,.palette-snap-chip{border:1px solid var(--bd1);background:var(--bg4);min-height:30px;color:var(--tx2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;transition:all .15s;display:inline-flex}.palette-snap-radio:hover,.palette-snap-chip:hover{background:var(--bg5);color:var(--tx1)}.palette-snap-radio.on,.palette-snap-chip.on{background:var(--am-bg);border-color:var(--am-bd);color:var(--am)}.palette-snap-radio input,.palette-snap-chip input{width:12px;height:12px;accent-color:var(--am)}.palette-snap-radio .palette-snap-check-text,.palette-snap-chip .palette-snap-check-text{flex-direction:column;gap:1px;line-height:1.15;display:flex}.palette-snap-radio .palette-snap-check-text strong,.palette-snap-chip .palette-snap-check-text strong{font-size:var(--fs-xs);white-space:nowrap;font-weight:700}.palette-snap-radio .palette-snap-check-text small,.palette-snap-chip .palette-snap-check-text small{color:var(--tx3);white-space:nowrap;font-size:9px;font-weight:500}.palette-snap-radio.on small,.palette-snap-chip.on small{color:var(--am)}@media (width<=520px){.palette-snap-row{grid-template-columns:1fr;gap:6px}}.palette-view-switch{border:1px solid var(--bd1);border-radius:var(--r-sm);background:var(--bg2);align-items:center;gap:2px;padding:2px;display:inline-flex}.palette-view-mode{min-height:28px;color:var(--tx3);font-size:var(--fs-2xs);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:5px 9px;font-weight:800;line-height:1}.palette-view-mode:hover{background:var(--bg4);color:var(--tx1)}.palette-view-mode.on{background:var(--am-bg);color:var(--am)}.palette-ratio-wrap.mode-input .palette-ratio-row.is-result,.palette-ratio-wrap.mode-result .palette-ratio-row.is-input{display:none}.palette-ratio-wrap.mode-input .palette-ratio-row.is-input .palette-ratio-bar,.palette-ratio-wrap.mode-result .palette-ratio-row.is-result .palette-ratio-bar{height:44px;box-shadow:0 0 0 2px var(--am-bd)}.palette-ratio-wrap.mode-input .palette-ratio-row.is-input .palette-ratio-label,.palette-ratio-wrap.mode-result .palette-ratio-row.is-result .palette-ratio-label{color:var(--am)}.overlay-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:flex-end;animation:.14s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{background:0 0}to{background:#0000008c}}.overlay-sheet{background:var(--bg2);border:1px solid var(--bd1);border-radius:var(--r-lg) var(--r-lg) 0 0;flex-direction:column;width:100%;max-width:640px;max-height:85dvh;animation:.18s ease-out overlaySlideUp;display:flex;overflow:hidden;box-shadow:0 -8px 32px #0006}@keyframes overlaySlideUp{0%{transform:translateY(8%)}to{transform:translateY(0)}}.overlay-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.overlay-sheet-head{border-bottom:1px solid var(--bd2);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.overlay-sheet-title{font-size:var(--fs-md);color:var(--tx1);font-weight:700}.overlay-sheet-close{flex-shrink:0}.overlay-sheet-body{flex:1;min-height:0;padding:14px 16px 20px;overflow-y:auto}@media (width>=720px){.overlay-backdrop{align-items:center}.overlay-sheet{border-radius:var(--r-lg);max-height:80dvh}}.help-shortcut-list{gap:8px;margin-bottom:10px;display:grid}.help-shortcut-item{border:1px solid var(--bd2);border-radius:var(--r-sm);background:var(--bg3);grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:8px 12px;display:grid}.help-shortcut-key{font-family:var(--mono);font-size:var(--fs-xs);color:var(--am);font-weight:700}.help-shortcut-desc{font-size:var(--fs-sm);color:var(--tx2)}.help-shortcut-note{font-size:var(--fs-2xs);color:var(--tx3);margin-top:4px;line-height:1.55}