.lightbox[data-astro-cid-gixpweiw]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox[data-astro-cid-gixpweiw][hidden]{display:none}.lightbox-backdrop[data-astro-cid-gixpweiw]{position:absolute;inset:0;background:#000000bf}.lightbox-content[data-astro-cid-gixpweiw]{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:900px;max-height:92vh;overflow-y:auto;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}@media(min-width:768px){.lightbox-content[data-astro-cid-gixpweiw]{flex-direction:row}.lightbox-image-wrap[data-astro-cid-gixpweiw]{flex:1 1 60%}.lightbox-info[data-astro-cid-gixpweiw]{flex:1 1 40%;max-width:340px}}.lightbox-image-wrap[data-astro-cid-gixpweiw]{display:flex;align-items:center;justify-content:center;background:var(--bg-section);overflow:hidden}.lightbox-image-wrap[data-astro-cid-gixpweiw] img[data-astro-cid-gixpweiw]{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.lightbox-info[data-astro-cid-gixpweiw]{display:flex;flex-direction:column;gap:12px;padding:20px;overflow-y:auto}.lightbox-header[data-astro-cid-gixpweiw]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lightbox-header[data-astro-cid-gixpweiw] h3[data-astro-cid-gixpweiw]{margin:0;font-size:18px}.lightbox-price[data-astro-cid-gixpweiw]{font-weight:600;font-size:16px;white-space:nowrap}.lightbox-meta[data-astro-cid-gixpweiw]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}.lightbox-color[data-astro-cid-gixpweiw]{display:inline-flex;align-items:center;gap:4px}.lightbox-color-swatch[data-astro-cid-gixpweiw]{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid var(--border)}.lightbox-description[data-astro-cid-gixpweiw]{color:var(--text)}.lightbox-tags[data-astro-cid-gixpweiw]{display:flex;flex-wrap:wrap;gap:6px}.lightbox-tag[data-astro-cid-gixpweiw]{padding:3px 9px;border-radius:100px;background:var(--bg-section);color:var(--text-muted);font-size:12px}.lightbox-actions[data-astro-cid-gixpweiw]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.lightbox-actions[data-astro-cid-gixpweiw] .gallery-action-btn[data-astro-cid-gixpweiw]{position:static;width:auto;height:36px;padding:0 12px;gap:6px;border-radius:var(--radius-sm);background:var(--bg-section);color:var(--text);opacity:1}.lightbox-actions[data-astro-cid-gixpweiw] .gallery-action-btn[data-astro-cid-gixpweiw]:hover{background:var(--border)}.lightbox-actions[data-astro-cid-gixpweiw] .gallery-action-btn[data-astro-cid-gixpweiw].active{background:var(--accent);color:#fff}.lightbox-close[data-astro-cid-gixpweiw]{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer}.lightbox-close[data-astro-cid-gixpweiw]:hover{background:#000000bf}.main-content{min-height:100vh}.section{display:none;padding:40px 0 80px}.section.active{display:block}.about-section{padding:0 0 40px!important}.about-hero{position:relative;margin:20px 0 40px;border-radius:26px;background:linear-gradient(108deg,#ff5a2c,#ff9416);overflow:hidden;text-align:center;color:#fff;padding:84px 28px 88px}.about-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 50% -20%,rgba(255,255,255,.18),transparent 55%);pointer-events:none}.about-hero-inner{position:relative;z-index:1;max-width:660px;margin:0 auto}.about-hero h1{font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin-bottom:20px}.about-hero p{font-size:17px;font-weight:400;line-height:1.55;color:#ffffffeb;max-width:500px;margin:0 auto}.about-cta{display:flex;gap:13px;justify-content:center;margin-top:34px;flex-wrap:wrap}.btn-about-primary{background:#d83c12;color:#fff;padding:13px 24px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;box-shadow:0 6px 16px #96280047;transition:all .15s;font-family:var(--font);text-decoration:none;display:inline-flex;align-items:center}.btn-about-primary:hover{background:#c9350d;box-shadow:0 8px 22px #9628005c;transform:translateY(-1px)}.btn-about-ghost{background:#fff;color:var(--text);padding:13px 24px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;box-shadow:0 6px 16px #78280029;transition:all .15s;font-family:var(--font);text-decoration:none;display:inline-flex;align-items:center}.btn-about-ghost:hover{background:#fbfbfc;box-shadow:0 8px 22px #78280038;transform:translateY(-1px)}.about-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 24px 22px;box-shadow:var(--shadow-sm);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}.about-card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;background:#ffe7d8;color:#ff6c27}[data-theme=dark] .about-card-icon{background:#3a2418;color:#ff7c3d}.about-card h3{font-size:17px;font-weight:600;color:var(--text);letter-spacing:-.01em;margin-bottom:7px}.about-card p{font-size:14px;font-weight:400;line-height:1.5;color:var(--text-muted);flex:1;margin-bottom:0}.about-card-link{margin-top:16px;font-size:14px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.about-card-link svg{transition:transform .2s}.about-card:hover .about-card-link svg{transform:translate(3px)}.about-license-intro{margin-top:80px;margin-bottom:24px;text-align:center}.about-license-intro h3{font-size:22px;font-weight:700;color:var(--text-muted);margin-bottom:14px}.about-license-intro p{font-size:15px;line-height:1.7;color:var(--text-muted);opacity:.75;margin-bottom:12px}.about-license-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;margin-bottom:40px;box-shadow:var(--shadow-sm)}.about-license-card h4{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px}.about-license-card p{font-size:14px;line-height:1.7;color:var(--text-muted);margin-bottom:14px}.about-license-card p strong{color:var(--text-muted);font-weight:500}.license-disclaimer{font-size:12px!important;color:var(--text-muted)!important;opacity:.8;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}@media(max-width:860px){.about-tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.about-tools{grid-template-columns:1fr}.about-hero{padding:60px 22px;border-radius:20px}}.help-content.lang-fr{display:none}[data-lang=fr] .help-content.lang-fr{display:flex}[data-lang=fr] .help-content.lang-en{display:none}.help-content{display:flex;flex-direction:column;gap:16px}.help-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 28px;box-shadow:var(--shadow-sm)}.help-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.help-card-icon{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#ffe7d8;color:#ff6c27}[data-theme=dark] .help-card-icon{background:#3a2418;color:#ff7c3d}.help-card h3{font-size:18px;margin:0}[data-lang=fr] .help-content.lang-fr .help-card+.help-card{margin-top:20px}.help-card p{color:var(--text-muted);font-size:14px;margin-bottom:10px}.help-card p:last-child{margin-bottom:0}.help-card strong{color:var(--text)}.help-card code{font-family:var(--mono);background:var(--bg-section);padding:1px 6px;border-radius:4px;font-size:13px;color:var(--accent)}.help-card ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin:8px 0}.help-card ul li{color:var(--text-muted);font-size:14px;padding-left:18px;position:relative}.help-card ul li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.global-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 0;text-align:center}.global-footer p{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:4px}.global-footer p:last-child{margin-bottom:0}.global-footer a{color:#c2410c;text-decoration:none;font-weight:500}[data-theme=dark] .global-footer a{color:var(--accent)}.global-footer a:hover{text-decoration:underline}.picker-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.picker-main,.picker-side{display:flex;flex-direction:column;gap:24px;min-width:0}.picker-details-card{flex:1;display:flex;flex-direction:column}.color-detail-rows{flex:1;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.color-detail-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-section);border-radius:var(--radius-sm)}.detail-label{font-size:13px;font-weight:500;color:#4b5563}[data-theme=dark] .detail-label{color:var(--text-muted)}.detail-value{font-size:13px;font-weight:600;color:var(--text);font-family:var(--mono)}.detail-name{font-family:var(--font);text-align:right;max-width:55%}.color-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.picker-preview-wrap{position:relative;margin-bottom:20px}.picker-preview{width:100%;height:140px;border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--border)}.native-color-input{position:absolute;top:10px;right:10px;width:58px;height:58px;border:3px solid #fff;border-radius:12px;cursor:pointer;box-shadow:var(--shadow-lg);padding:0;background:none;transition:transform .15s,box-shadow .15s}.native-color-input:hover{transform:scale(1.08)}.native-color-input::-webkit-color-swatch-wrapper{padding:0}.native-color-input::-webkit-color-swatch{border:none;border-radius:9px}.native-color-input::-moz-color-swatch{border:none;border-radius:9px}.color-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.input-copy-row{display:flex;gap:6px}.color-input{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--mono);background:var(--bg);color:var(--text);outline:none;transition:border-color .15s}.color-input:focus{border-color:var(--accent)}.copy-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s;flex-shrink:0}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.code-block{background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font-family:var(--mono);font-size:13px;line-height:1.6;overflow-x:auto;margin-bottom:12px;color:var(--text);white-space:pre}.shades-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.shade-swatch{border-radius:6px;cursor:pointer;border:1px solid var(--border);transition:transform .15s}.shade-swatch:hover{transform:scale(1.08);z-index:1}.shade-swatch-color{aspect-ratio:1;border-radius:6px}.shade-swatch .shade-label{font-size:14px;font-family:var(--mono);color:var(--text-muted);white-space:nowrap;text-align:center;padding:4px 0 2px;font-weight:500}.harmony-row{display:flex;gap:8px}.harmony-swatch{flex:1;border-radius:8px;cursor:pointer;border:1px solid var(--border);transition:transform .15s;overflow:hidden}.harmony-swatch:hover{transform:scale(1.05)}.harmony-swatch-color{aspect-ratio:1.4}.harmony-swatch span{display:block;font-size:14px;font-family:var(--mono);color:var(--text-muted);font-weight:500;text-align:center;padding:5px 2px}.names-toolbar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-wrap{position:relative;max-width:400px}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-wrap input{width:100%;padding:10px 14px 10px 42px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;background:var(--bg-card);color:var(--text);outline:none;transition:border-color .15s;font-family:var(--font)}.search-wrap input:focus{border-color:var(--accent)}.family-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:6px 14px;border:1px solid var(--border);border-radius:100px;background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font)}.pill:hover{border-color:var(--text-muted);color:var(--text)}.pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.color-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s;cursor:pointer}.color-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.color-card-swatch{height:80px;border-bottom:1px solid var(--border)}.color-card-info{padding:12px}.color-card-name{font-weight:600;font-size:14px;margin-bottom:4px}.color-card-hex{font-family:var(--mono);font-size:13px;color:var(--text-muted);margin-bottom:4px}.color-card-rgb{font-family:var(--mono);font-size:12px;color:var(--text-muted);margin-bottom:8px}.color-card-actions{display:flex;gap:6px}.color-card-actions .btn{padding:5px 10px;font-size:12px}.chart-tabs,.palettes-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.tab{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font)}.tab:hover{border-color:var(--text-muted);color:var(--text)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.color-chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.chart-swatch{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);transition:all .15s;overflow:hidden}.chart-swatch:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.chart-swatch-color{aspect-ratio:1}.chart-swatch span{display:block;font-size:14px;font-family:var(--mono);font-weight:500;color:var(--text-muted);text-align:center;padding:5px 4px}.chart-family-section{margin-bottom:32px}.chart-family-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.chart-family-swatch-preview{width:32px;height:32px;border-radius:8px;border:1px solid var(--border)}.chart-family-name{font-size:20px;font-weight:700;color:var(--text)}.chart-family-count{font-size:13px;color:var(--text-muted);margin-left:auto}.chart-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.chart-color-card{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);transition:all .15s;overflow:hidden;background:var(--bg-card)}.chart-color-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.chart-color-preview{height:60px;border-bottom:1px solid var(--border)}.chart-color-info{padding:8px 10px}.chart-color-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-color-hex{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.palette-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.palette-swatches{display:flex;height:60px}.palette-swatch{flex:1;cursor:pointer;position:relative;transition:flex .2s}.palette-swatch:hover{flex:1.5}.palette-swatch .tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:2px 8px;border-radius:4px;font-size:11px;font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.palette-swatch:hover .tooltip{opacity:1}.palette-info{padding:16px}.palette-name{font-weight:600;font-size:15px;margin-bottom:4px}.palette-category{font-size:12px;color:var(--text-muted);text-transform:capitalize;margin-bottom:12px}.palette-actions{display:flex;gap:8px;flex-wrap:wrap}.contrast-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.contrast-controls{display:flex;flex-direction:column;gap:20px}.contrast-preview{display:flex;flex-direction:column}.contrast-preview .card{flex:1;display:flex;flex-direction:column}.contrast-preview .card h3{flex-shrink:0}.contrast-pickers{display:flex;align-items:flex-start;gap:12px}.contrast-pick{flex:1;min-width:0}.contrast-pick label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.hidden-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.contrast-swatch-square{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:border-color .15s,transform .15s;margin-bottom:8px;display:flex;align-items:flex-end;padding:10px;box-sizing:border-box}.contrast-swatch-square:hover{border-color:var(--accent);transform:scale(1.01)}.swatch-square-label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;user-select:none}.contrast-hex-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:14px;background:var(--bg);color:var(--text);outline:none;box-sizing:border-box}.contrast-hex-input:focus{border-color:var(--accent)}.contrast-swap-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;cursor:pointer;color:var(--text-muted);transition:all .15s;flex-shrink:0;align-self:center;margin-top:24px}.contrast-swap-btn:hover{color:var(--accent);border-color:var(--accent)}.swap-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;cursor:pointer;color:var(--text-muted);transition:all .15s;flex-shrink:0}.swap-btn:hover{color:var(--accent);border-color:var(--accent)}.color-pick-row{display:flex;gap:8px;align-items:center}.color-pick-row input[type=color]{width:64px;height:64px;border:3px solid var(--border);border-radius:6px;cursor:pointer;padding:0;background:none;transition:transform .15s,border-color .15s}.color-pick-row input[type=color]:hover{transform:scale(1.05);border-color:var(--accent)}.color-pick-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.color-pick-row input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-pick-row input[type=color]::-moz-color-swatch{border:none;border-radius:3px}.color-pick-row input[type=text]{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:14px;background:var(--bg);color:var(--text);outline:none}.color-pick-row input[type=text]:focus{border-color:var(--accent)}.ratio-display{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.ratio-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}.ratio-value{font-size:36px;font-weight:800;color:var(--text)}.wcag-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.wcag-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-section);border-radius:var(--radius-sm)}.wcag-label{font-size:13px;font-weight:500}.wcag-badge{padding:3px 10px;border-radius:100px;font-size:12px;font-weight:700}.wcag-badge.pass{background:#d1fae5;color:#065f46}.wcag-badge.fail{background:#fee2e2;color:#991b1b}[data-theme=dark] .wcag-badge.pass{background:#064e3b;color:#6ee7b7}[data-theme=dark] .wcag-badge.fail{background:#7f1d1d;color:#fca5a5}.preview-box{flex:1;padding:32px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s}.preview-lg{font-size:28px;font-weight:700;margin-bottom:12px}.preview-body{font-size:15px;margin-bottom:16px;line-height:1.6}.preview-btn{padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;margin-bottom:16px;font-family:var(--font)}.preview-card{padding:16px;border-radius:var(--radius-sm);border:1px solid;margin-top:8px}.preview-card strong{display:block;margin-bottom:4px}.preview-card p{font-size:13px}.mixer-layout{display:flex;flex-direction:column;gap:24px}.mixer-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mixer-pick{flex:1;min-width:160px}.mixer-pick label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.mixer-slider-wrap{flex:1;min-width:200px;position:relative;padding-top:32px}.mixer-ratio-bubble{position:absolute;top:0;transform:translate(-50%);background:var(--text);color:var(--bg);padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;font-family:var(--mono);pointer-events:none;white-space:nowrap}.mixer-ratio-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text)}.mixer-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block}.mixer-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--thumb-bg, var(--accent));border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.mixer-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.mixer-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--thumb-bg, var(--accent));border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.mixer-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.mix-result{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.mix-result-swatch{width:64px;height:64px;border-radius:var(--radius-sm);border:1px solid var(--border)}.mix-result-info{display:flex;align-items:center;gap:12px}.mix-result-info span{font-family:var(--mono);font-size:20px;font-weight:700}.blend-steps{display:flex;flex-wrap:wrap;gap:4px}.blend-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.blend-step-color{width:100%;aspect-ratio:1;border-radius:8px;border:1px solid var(--border);transition:transform .15s}.blend-step:hover .blend-step-color{transform:scale(1.1)}.blend-step span{font-size:14px;font-family:var(--mono);color:var(--text-muted);font-weight:500}.gradient-preview{height:60px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:12px}.gradient-css{display:flex;align-items:center;gap:12px}.gradient-css code{flex:1;font-family:var(--mono);font-size:13px;color:var(--text-muted);word-break:break-all}.image-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:60px 24px;text-align:center;cursor:pointer;transition:all .2s;color:var(--text-muted);position:relative;background:var(--bg-card)}.image-upload-zone:hover{border-color:var(--accent);color:var(--accent)}.image-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.image-upload-zone svg{margin-bottom:12px}.image-upload-zone p{font-size:15px}.image-tools-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.aspect-btns{display:flex;gap:6px}.aspect-btn{padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font)}.aspect-btn:hover{border-color:var(--text-muted);color:var(--text)}.aspect-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.image-action-btns{display:flex;gap:8px}.image-main-area{display:grid;grid-template-columns:1fr 280px;gap:16px;margin-bottom:16px}.image-canvas-col{min-width:0}.image-palette-col .card{height:100%;display:flex;flex-direction:column}.image-palette-col .extracted-palette{flex:1}.palette-export-btns{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap}.crop-dimensions-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.crop-dim-group{display:flex;align-items:center;gap:6px}.crop-dim-group label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap}.crop-dim-group input[type=number]{width:80px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:var(--mono);background:var(--bg);color:var(--text);outline:none;text-align:center}.crop-dim-group input[type=number]:focus{border-color:var(--accent)}.lock-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s}.lock-btn:hover{border-color:var(--accent);color:var(--accent)}.lock-btn.locked{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.lock-btn.locked .lock-open{display:none}.lock-btn.locked .lock-closed{display:block!important}.lock-btn:not(.locked) .lock-closed{display:none}.crop-info{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.dim-swap-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s;flex-shrink:0}.dim-swap-btn:hover{border-color:var(--accent);color:var(--accent)}.crop-rotation-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.crop-rotation-label{font-size:12px;font-weight:600;color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.rotation-btns{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.rotation-btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font)}.rotation-btn:hover{border-color:var(--accent);color:var(--accent)}.rotation-input{width:60px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--mono);background:var(--bg);color:var(--text);outline:none;text-align:center}.rotation-input:focus{border-color:var(--accent)}.rotation-unit{font-size:13px;color:var(--text-muted);font-weight:500;margin-left:-2px}.rotation-reset-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:500;transition:all .15s;font-family:var(--font);margin-left:auto}.rotation-reset-btn:hover{border-color:var(--danger);color:var(--danger)}.image-canvas-wrap{position:relative;display:inline-block;max-width:100%;margin-bottom:16px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);cursor:crosshair;user-select:none;-webkit-user-select:none}.image-canvas-wrap canvas{display:block;max-width:100%;height:auto}.crop-overlay{position:absolute;inset:0;pointer-events:auto;cursor:crosshair}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #00000080,0 0 0 1px #0000004d;pointer-events:auto;cursor:move;display:none}.crop-box:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,.2) 1px,transparent 1px) 33.33% 0 / 33.33% 100%,linear-gradient(to bottom,rgba(255,255,255,.2) 1px,transparent 1px) 0 33.33% / 100% 33.33%;pointer-events:none}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--accent);border-radius:2px;pointer-events:auto;z-index:10}.crop-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.crop-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.crop-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.crop-box.circle-mode{border-radius:50%;border:3px solid #fff}.crop-box.circle-mode:before{border-radius:50%;background:none}.crop-box.circle-mode .crop-handle-nw{top:-2px;left:50%;transform:translate(-50%);cursor:n-resize}.crop-box.circle-mode .crop-handle-ne{top:50%;right:-2px;transform:translateY(-50%);cursor:e-resize}.crop-box.circle-mode .crop-handle-sw{bottom:-2px;left:50%;transform:translate(-50%);cursor:s-resize}.crop-box.circle-mode .crop-handle-se{top:50%;left:-2px;transform:translateY(-50%);cursor:w-resize}.image-pixel-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-muted);flex-wrap:wrap}.image-pixel-info .picked-color{display:inline-flex;align-items:center;gap:8px}.image-pixel-info .picked-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);display:inline-block}.extracted-palette{display:flex;gap:12px;flex-wrap:wrap}.extracted-color{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .15s}.extracted-color:hover{transform:translateY(-2px)}.extracted-swatch{width:56px;height:56px;border-radius:var(--radius-sm);border:1px solid var(--border)}.extracted-hex{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.image-inspector{margin-top:0}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.inspector-header h3{margin-bottom:0}.inspector-actions{display:flex;gap:8px}.inspector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.inspector-item{padding:12px 14px;background:var(--bg-section);border-radius:var(--radius-sm);border:1px solid var(--border)}.inspector-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.inspector-value{font-size:14px;font-weight:500;color:var(--text);word-break:break-all}.inspector-value.mono{font-family:var(--mono);font-size:13px}.inspector-item.full-width{grid-column:1 / -1}.inspector-exif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:8px}.inspector-exif-item{padding:8px 12px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border)}.inspector-exif-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);margin-bottom:2px}.inspector-exif-value{font-size:13px;color:var(--text)}.inspector-color-bar{display:flex;height:24px;border-radius:6px;overflow:hidden;border:1px solid var(--border);margin-top:6px}.inspector-color-bar div{flex:1}.saved-actions{display:flex;gap:8px;margin-bottom:24px}.saved-empty{text-align:center;padding:60px 24px;color:var(--text-muted)}.saved-empty svg{margin-bottom:12px}.saved-empty p{font-size:15px}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.saved-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.saved-item-swatch{height:70px;cursor:pointer;border-bottom:1px solid var(--border)}.saved-item-info{padding:12px}.saved-item-hex{font-family:var(--mono);font-size:14px;font-weight:600;margin-bottom:8px}.saved-item-actions{display:flex;gap:6px}.saved-item-actions .btn{padding:5px 10px;font-size:12px}.tw-scale-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.tw-swatch{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);overflow:hidden;transition:transform .15s}.tw-swatch:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tw-swatch-color{aspect-ratio:1}.tw-swatch-info{padding:6px 4px;text-align:center}.tw-swatch-name{font-size:13px;font-weight:700;color:var(--text)}.tw-swatch-hex{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.removebg-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.removebg-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background-image:linear-gradient(45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-section) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-section) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.removebg-preview canvas{display:block;max-width:100%;width:100%;height:auto}.removebg-controls{display:flex;flex-direction:column;gap:16px}.removebg-bg-colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.removebg-bg-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:transform .15s,border-color .15s}.removebg-bg-swatch:hover{transform:scale(1.1)}.removebg-bg-swatch.active{border-color:var(--accent)}.removebg-bg-swatch.none{background-image:linear-gradient(45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-section) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-section) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;background-color:var(--bg-card)}.removebg-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.removebg-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.upscale-layout,.depth-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.upscale-preview,.depth-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.upscale-preview canvas,.depth-preview canvas{display:block;max-width:100%;width:100%;height:auto}.upscale-controls,.depth-controls{display:flex;flex-direction:column;gap:16px}.upscale-status,.depth-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.upscale-spinner,.depth-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.focalblur-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.focalblur-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.focalblur-preview canvas{display:block;max-width:100%;width:100%;height:auto}.focalblur-controls{display:flex;flex-direction:column;gap:16px}.focalblur-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.focalblur-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.portraitblur-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.portraitblur-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.portraitblur-preview canvas{display:block;max-width:100%;width:100%;height:auto}.portraitblur-controls{display:flex;flex-direction:column;gap:16px}.portraitblur-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.portraitblur-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.parallax-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.parallax-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section);aspect-ratio:1 / 1}.parallax-layer{position:absolute;inset:0;width:100%;height:100%;transform:scale(1.12) translate(0);transition:transform .1s ease-out;pointer-events:none}.parallax-controls{display:flex;flex-direction:column;gap:16px}.parallax-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.parallax-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.parallax-hint{color:var(--text-muted);font-size:14px}.colorblind-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.colorblind-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.colorblind-preview canvas{display:block;max-width:100%;width:100%;height:auto}.colorblind-controls{display:flex;flex-direction:column;gap:16px}.colorblind-mode-btns{flex-wrap:wrap}.printscore-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.printscore-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.printscore-preview canvas{display:block;max-width:100%;width:100%;height:auto}.printscore-controls{display:flex;flex-direction:column;gap:16px}.printscore-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.printscore-row:last-child{border-bottom:none}.printscore-row select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-family:var(--font);font-size:13px}.printscore-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.printscore-badge-excellent,.printscore-badge-good{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.printscore-badge-caution{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.printscore-badge-poor{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.printscore-overall{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-align:center}.autoframer-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.autoframer-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.autoframer-preview img{display:block;max-width:100%;width:100%;height:auto}.autoframer-crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #00000080;cursor:move;touch-action:none}.autoframer-controls{display:flex;flex-direction:column;gap:16px}.autoframer-ratio-btns{flex-wrap:wrap;margin-bottom:12px}.autoframer-hint{color:var(--text-muted);font-size:14px}.faceanon-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.faceanon-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.faceanon-preview canvas{display:block;max-width:100%;width:100%;height:auto}.faceanon-controls{display:flex;flex-direction:column;gap:16px}.faceanon-mode-btns{flex-wrap:wrap}.faceanon-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.faceanon-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.textspace-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.textspace-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.textspace-preview img{display:block;max-width:100%;width:100%;height:auto}.textspace-zone{position:absolute;border:2px dashed #22c55e;background:#22c55e40;pointer-events:none}.textspace-controls{display:flex;flex-direction:column;gap:16px}.textspace-preset-btns{flex-wrap:wrap}.textspace-hint{color:var(--text-muted);font-size:14px}.recolor-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.recolor-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.recolor-preview canvas{display:block;max-width:100%;width:100%;height:auto}.recolor-controls{display:flex;flex-direction:column;gap:16px}.recolor-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.recolor-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.recolor-select-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.recolor-select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-family:var(--font);font-size:13px;text-transform:capitalize;margin-bottom:16px}.recolor-slider-wrap label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.recolor-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.recolor-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.recolor-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.recolor-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.recolor-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.focalblur-slider-wrap{margin-bottom:16px}.focalblur-slider-wrap:last-child{margin-bottom:0}.focalblur-slider-wrap label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.focalblur-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block;background:var(--border)}.focalblur-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.focalblur-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.focalblur-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.focalblur-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.layers-slider-wrap{margin-bottom:16px}.layers-slider-wrap:last-child{margin-bottom:0}.layers-slider-wrap label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.layers-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block;background:var(--border)}.layers-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.layers-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.layers-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.layers-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.pose-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.pose-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.pose-preview canvas{display:block;max-width:100%;width:100%;height:auto}.pose-controls{display:flex;flex-direction:column;gap:16px}.pose-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.pose-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.pose-empty{color:var(--text-muted);font-size:14px}.vectorize-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.vectorize-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section);display:flex;align-items:center;justify-content:center}.vectorize-preview svg{display:block;max-width:100%;width:100%;height:auto}.vectorize-controls{display:flex;flex-direction:column;gap:16px}.vectorize-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.vectorize-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.vectorize-detail-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}@media(max-width:1024px){.picker-layout,.contrast-layout,.removebg-layout,.upscale-layout,.depth-layout,.focalblur-layout,.portraitblur-layout,.parallax-layout,.colorblind-layout,.printscore-layout,.autoframer-layout,.faceanon-layout,.textspace-layout,.recolor-layout,.stylefilter-layout,.relight-layout,.assetexpand-layout,.vibe-layout,.placelogo-layout,.moodmatch-layout,.mockup-layout,.seamless-layout,.subject-layout{grid-template-columns:1fr}.subject-results{flex-direction:column}.layers-layout{grid-template-columns:1fr}.layers-results{flex-direction:column}.pose-layout,.vectorize-layout{grid-template-columns:1fr}.shades-grid{grid-template-columns:repeat(4,1fr)}.shade-swatch .shade-label{font-size:11px}.harmony-row{flex-wrap:wrap}.harmony-swatch{flex:1 1 60px}.harmony-swatch span{font-size:11px}}@media(max-width:768px){.about-tools,.quick-grid,.color-inputs{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.color-chart-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.palette-grid{grid-template-columns:1fr}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.mixer-controls{flex-direction:column;align-items:stretch}.mixer-pick,.mixer-slider-wrap{min-width:auto}.contrast-pickers{flex-direction:column;align-items:stretch}.image-main-area,.inspector-grid{grid-template-columns:1fr}.aspect-btns{flex-wrap:wrap}.section-header h2{font-size:24px}}.stylefilter-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.stylefilter-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.stylefilter-preview canvas{display:block;max-width:100%;width:100%;height:auto}.stylefilter-controls{display:flex;flex-direction:column;gap:16px}.stylefilter-style-btns{flex-wrap:wrap}.relight-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.relight-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.relight-preview canvas{display:block;max-width:100%;width:100%;height:auto}.relight-controls{display:flex;flex-direction:column;gap:16px}.relight-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.relight-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.relight-slider-wrap{margin-bottom:16px}.relight-slider-wrap:last-child{margin-bottom:0}.relight-slider-wrap label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.relight-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block;background:var(--border)}.relight-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.relight-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.relight-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.relight-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.assetexpand-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.assetexpand-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.assetexpand-preview canvas{display:block;max-width:100%;width:100%;height:auto}.assetexpand-controls{display:flex;flex-direction:column;gap:16px}.assetexpand-preset-btns{flex-wrap:wrap}.assetexpand-hint{font-size:13px;color:var(--text-muted);margin:0}.vibe-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.vibe-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.vibe-preview canvas{display:block;max-width:100%;width:100%;height:auto}.vibe-controls{display:flex;flex-direction:column;gap:16px}.vibe-detected{font-size:14px;color:var(--text-muted)}.vibe-detected strong{color:var(--text);text-transform:capitalize}.vibe-btns{flex-wrap:wrap}.vibe-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.vibe-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.placelogo-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.placelogo-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.placelogo-preview canvas{display:block;max-width:100%;width:100%;height:auto;cursor:grab;touch-action:none}.placelogo-controls{display:flex;flex-direction:column;gap:16px}.placelogo-hint{font-size:13px;color:var(--text-muted);margin:0 0 16px}.placelogo-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.placelogo-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.placelogo-slider-wrap{margin-bottom:16px}.placelogo-slider-wrap:last-child{margin-bottom:0}.placelogo-slider-wrap label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.placelogo-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block;background:var(--border)}.placelogo-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.placelogo-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.placelogo-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.placelogo-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.moodmatch-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.moodmatch-label{font-size:13px;color:var(--text-muted);margin:0 0 12px}.moodmatch-ref-img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-section);margin-bottom:16px}.moodmatch-add-btn{display:inline-flex;cursor:pointer}.moodmatch-add-btn input[type=file]{display:none}.moodmatch-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px;margin-top:12px}.moodmatch-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.moodmatch-hint{font-size:13px;color:var(--text-muted);margin:0}.moodmatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.moodmatch-card{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section);aspect-ratio:1}.moodmatch-card img{display:block;width:100%;height:100%;object-fit:cover}.moodmatch-score{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:100px}.mockup-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.mockup-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.mockup-preview canvas{display:block;max-width:100%;width:100%;height:auto}.mockup-controls{display:flex;flex-direction:column;gap:16px}.mockup-hint{font-size:13px;color:var(--text-muted);margin:0 0 16px}.mockup-tabs{display:flex;gap:8px;flex-wrap:wrap}.mockup-tab{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font);text-transform:capitalize}.mockup-tab:hover{border-color:var(--text-muted);color:var(--text)}.mockup-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mockup-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.mockup-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.seamless-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.seamless-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section);aspect-ratio:1}.seamless-tile-preview{width:100%;height:100%;background-repeat:repeat;background-size:33.333% 33.333%}.seamless-controls{display:flex;flex-direction:column;gap:16px}.seamless-hint{font-size:13px;color:var(--text-muted);margin:0 0 16px}.seamless-tile-label{font-size:13px;color:var(--text-muted);margin:16px 0 8px}.seamless-tile-canvas{display:block;width:100%;max-width:160px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-section)}.seamless-slider-wrap{margin-bottom:0}.seamless-slider-wrap label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.seamless-slider-wrap input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;border-radius:100px;outline:none;cursor:pointer;border:none;display:block;background:var(--border)}.seamless-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047,0 0 0 1px #00000014;cursor:pointer;transition:transform .12s,box-shadow .12s}.seamless-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 10px #00000052,0 0 0 1px #0000001a}.seamless-slider-wrap input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 6px #00000047;cursor:pointer}.seamless-slider-wrap input[type=range]::-moz-range-track{height:6px;border-radius:100px}.subject-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.subject-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.subject-preview canvas{display:block;max-width:100%;width:100%;height:auto}.subject-preview canvas.clickable{cursor:crosshair}.subject-controls{display:flex;flex-direction:column;gap:16px}.subject-hint{font-size:13px;color:var(--text-muted);margin:0}.subject-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#00000073;color:#fff;font-size:14px}.subject-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.subject-results{display:flex;gap:16px}.subject-result-item{flex:1;display:flex;flex-direction:column;gap:8px}.subject-result-label{font-size:13px;color:var(--text-muted);margin:0}.subject-result-preview{border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.subject-result-preview.cutout{background-image:linear-gradient(45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-section) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-section) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.subject-result-preview.mask{background:#000}.subject-result-preview canvas{display:block;width:100%;height:auto}.layers-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.layers-preview{position:relative;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.layers-preview canvas{display:block;max-width:100%;width:100%;height:auto}.layers-controls{display:flex;flex-direction:column;gap:16px}.layers-hint{font-size:13px;color:var(--text-muted);margin:0}.layers-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#00000073;color:#fff;font-size:14px}.layers-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.layers-results{grid-column:1 / -1;display:flex;gap:16px}.layers-result-item{flex:1;display:flex;flex-direction:column;gap:8px}.layers-result-label{font-size:13px;color:var(--text-muted);margin:0}.layers-result-preview{border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;background-image:linear-gradient(45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-section) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-section) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.layers-result-preview canvas{display:block;width:100%;height:auto}@media(max-width:480px){.section{padding:24px 0 60px}.tw-scale-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:width .2s ease;z-index:100}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:16px;overflow:hidden;min-width:0}.sidebar-logo-full{display:block;height:22px;width:auto;flex-shrink:0}.sidebar-collapse-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s;flex-shrink:0}.sidebar-collapse-btn:hover{color:var(--text);border-color:var(--text-muted)}.sidebar-collapse-btn svg{transition:transform .2s}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px;overflow-y:auto}.sidebar-tab,.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:16.8px;font-weight:500;transition:all .15s;white-space:nowrap}.sidebar-tab:hover,.nav-link:hover{color:var(--text);background:var(--bg-section)}.sidebar-tab.active,.nav-link.active{color:var(--accent);background:var(--accent-light)}.sidebar-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-subnav{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 18px;padding-left:12px;border-left:1px solid var(--border)}.sidebar-subnav .nav-link{font-size:15.6px;padding:8px 10px;gap:10px}.sidebar-tab-row{display:flex;align-items:stretch;gap:2px}.sidebar-tab-row .sidebar-tab{flex:1;min-width:0}.subnav-toggle-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:0;transition:all .15s}.subnav-toggle-btn:hover{color:var(--text);background:var(--bg-section)}.subnav-toggle-btn .icon-plus{display:none}.subnav-toggle-btn .icon-minus{display:flex}.sidebar-tab-group.subnav-collapsed .sidebar-subnav{display:none}.sidebar-tab-group.subnav-collapsed .subnav-toggle-btn .icon-plus{display:flex}.sidebar-tab-group.subnav-collapsed .subnav-toggle-btn .icon-minus,.app-shell.sidebar-collapsed .subnav-toggle-btn{display:none}.sidebar-footer{border-top:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sidebar-footer .sidebar-tab{font-size:15.6px;padding:8px 12px}.sidebar-more{position:relative}.sidebar-more-btn{width:100%;text-align:left;background:none;border:none;font-family:inherit}.sidebar-more-menu{position:absolute;bottom:calc(100% + 4px);left:8px;right:8px;min-width:180px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.sidebar-more-menu[hidden]{display:none}.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-w-collapsed)}.app-shell.sidebar-collapsed .sidebar-tab-label,.app-shell.sidebar-collapsed .sidebar-subnav,.app-shell.sidebar-collapsed .sidebar-logo{display:none}.app-shell.sidebar-collapsed .sidebar-brand,.app-shell.sidebar-collapsed .sidebar-logo,.app-shell.sidebar-collapsed .sidebar-tab,.app-shell.sidebar-collapsed .sidebar-footer .sidebar-tab{justify-content:center}.app-shell.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:90;backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--text-muted);align-items:center;flex-shrink:0}.topbar-logo-icon{display:none;flex-shrink:0}.topbar-logo-icon img{display:block;height:22px;width:auto}.app-shell.sidebar-collapsed .topbar-logo-icon{display:flex;align-items:center}.topbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:16px;overflow:hidden}.topbar-logo img{border-radius:8px;flex-shrink:0}.topbar-logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle,.lang-toggle,.topbar-link{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;transition:all .15s}.theme-toggle:hover,.topbar-link:hover{color:var(--text);border-color:var(--text-muted)}.topbar-link{text-decoration:none;position:relative}.topbar-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:100px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}.lang-toggle{width:38px;height:38px;box-sizing:border-box;justify-content:center;font-size:12px;font-weight:700;font-family:var(--mono);letter-spacing:.5px}.lang-toggle:hover{color:var(--accent);border-color:var(--accent)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:150}@media(max-width:768px){.sidebar{position:fixed;top:0;left:-260px;height:100vh;width:260px;box-shadow:var(--shadow-lg);transition:left .25s ease;z-index:200}.app-shell.sidebar-collapsed .sidebar{width:260px}.app-shell.sidebar-collapsed .sidebar-logo{display:flex}.app-shell.sidebar-collapsed .sidebar-tab-label{display:inline}.app-shell.sidebar-collapsed .sidebar-subnav,.app-shell.sidebar-collapsed .subnav-toggle-btn{display:flex}.sidebar-tab-group.subnav-collapsed .sidebar-subnav{display:none}.app-shell.sidebar-collapsed .sidebar-brand,.app-shell.sidebar-collapsed .sidebar-logo,.app-shell.sidebar-collapsed .sidebar-tab,.app-shell.sidebar-collapsed .sidebar-footer .sidebar-tab{justify-content:flex-start}.sidebar-collapse-btn{display:none}.app-shell.mobile-open .sidebar{left:0}.app-shell.mobile-open .sidebar-overlay{display:block}.topbar-menu-btn{display:flex}.topbar{padding:0 16px}.topbar-logo-icon{display:flex}.app-shell.mobile-open .topbar-logo-icon,.app-shell.sidebar-collapsed.mobile-open .topbar-logo-icon{display:none}}.library-toolbar{display:flex;flex-direction:column;gap:10px;padding:10px 0;margin-bottom:16px;position:sticky;top:0;z-index:20;background:var(--bg)}.ai-search-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.ai-search-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.ai-search-toggle input{cursor:pointer}.ai-search-status{display:flex;align-items:center;gap:6px}.ai-search-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.ai-search-upload{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.library-image-search-thumb{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm);margin-right:8px;vertical-align:middle}.library-similar-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-section);font-size:14px}.library-similar-title{color:var(--text-muted)}.library-similar-banner a{color:var(--accent);text-decoration:none;font-weight:600}.library-color-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--border);vertical-align:middle;margin-right:4px}.gallery-grid{column-count:1;column-gap:16px}@media(min-width:768px){.gallery-grid{column-count:2}}@media(min-width:1024px){.gallery-grid{column-count:2}}@media(min-width:1280px){.gallery-grid{column-count:3}}@media(min-width:1920px){.gallery-grid{column-count:4}}.gallery-card{display:block;position:relative;break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-section);text-decoration:none;color:var(--text)}.gallery-grid--flush .gallery-card{border-radius:0}.gallery-card img{display:block;width:100%;height:auto}.gallery-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:28px 12px 12px;background:linear-gradient(to top,#000000a6,#0000);color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}.gallery-card:hover .gallery-overlay,.gallery-card:hover .gallery-actions{opacity:1}.gallery-overlay-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-badge{flex-shrink:0;padding:4px 10px;border-radius:100px;background:#fff3;color:#fff;font-size:12px;font-weight:500;text-transform:capitalize;backdrop-filter:blur(4px)}.gallery-actions{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s}.gallery-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:background .15s,color .15s}.gallery-action-btn:hover{background:#000000bf}.gallery-action-btn.active{background:var(--accent);color:#fff}.gallery-action-btn.active svg{fill:currentColor}@media(hover:none){.gallery-overlay,.gallery-actions{opacity:1}}.library-empty{text-align:center;color:var(--text-muted);padding:48px 0;column-span:all}.favorites-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.favorites-consent{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);cursor:pointer;user-select:none}.favorites-consent input{cursor:pointer}.favorites-share-result{display:flex;align-items:center;gap:8px;margin-bottom:16px}.favorites-share-result input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px}.pagination span{color:var(--text-muted);font-size:14px}.product-detail{display:grid;grid-template-columns:1fr;gap:24px}.product-detail>*{min-width:0}.product-detail-image{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;background:var(--bg-section)}.product-detail-image img{width:100%;height:auto;display:block}.product-detail-title{font-size:24px;font-weight:700;margin-bottom:8px}.product-detail-price{font-size:20px;font-weight:700;color:var(--accent);margin-bottom:16px}.product-detail-description{color:var(--text-muted);margin-bottom:24px}.product-detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.product-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.color-palette-section{margin-bottom:16px}.color-palette-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.color-palette{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:flex-end;justify-content:center;text-decoration:none;overflow:hidden;transition:transform .15s}.color-swatch:hover{transform:scale(1.08)}.color-swatch-hex{font-size:9px;font-weight:600;color:#0000008c;background:#ffffff8c;padding:1px 3px;border-radius:2px;line-height:1.4}.tags-section{margin-bottom:16px}.tags-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-block;padding:4px 12px;border-radius:100px;background:var(--bg-section);color:var(--text-muted);font-size:12px;font-weight:500}.ocr-section{margin-bottom:16px}.ocr-result{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-section);font-size:13px;color:var(--text-muted)}.ocr-result-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.ocr-result-text{color:var(--text);font-weight:500;white-space:pre-wrap;word-break:break-word}.product-detail-spec dt{font-size:12px;color:var(--text-muted);margin-bottom:4px}.product-detail-spec dd{font-size:14px;font-weight:600;text-transform:capitalize}.product-detail-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:14px;margin-bottom:16px}.product-detail-back:hover{color:var(--text)}@media(min-width:800px){.product-detail{grid-template-columns:minmax(0,1.2fr) 1fr;align-items:start}}.checkout-ai-tools{margin-top:32px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.checkout-ai-header{margin-bottom:20px}.checkout-ai-title{font-size:20px;font-weight:700;margin-bottom:8px}.checkout-ai-subtitle{color:var(--text-muted);font-size:14px}.checkout-ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.checkout-ai-tool-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:center}.checkout-ai-tool-btn:hover{border-color:var(--accent);background:var(--accent-light)}.checkout-ai-tool-icon{font-size:24px}.checkout-ai-tool-label{font-weight:600;font-size:14px}.checkout-ai-tool-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.checkout-ai-result{display:flex;flex-direction:column;gap:16px}.checkout-ai-result-header{display:flex;align-items:center;gap:16px}.checkout-ai-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;font-weight:600;padding:0}.checkout-ai-back:hover{text-decoration:underline}.checkout-ai-tool-name{font-weight:600;font-size:16px}.checkout-ai-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted)}.checkout-ai-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkout-ai-result-content{display:flex;flex-direction:column;align-items:center;gap:16px}.checkout-ai-result-image{max-width:100%;max-height:400px;border-radius:var(--radius-sm);border:1px solid var(--border)}@media(max-width:640px){.checkout-ai-grid{grid-template-columns:1fr 1fr}}