@font-face{font-family:geistSans;src:url(../media/GeistVF-s.p.0e569l9b0bre8.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}._2HyNMa_className{font-family:geistSans,geistSans Fallback}._2HyNMa_variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMonoVF-s.p.1lv5tp2fpjxdz.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.tUxLBG_className{font-family:geistMono,geistMono Fallback}.tUxLBG_variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
:root{--bg:#f6f7f9;--content-max-width:1080px;--reading-max-width:900px;--page-gutter:20px;--surface:#fff;--border:#e6e8ec;--text:#1a1d21;--muted:#6b7280;--primary:#2563eb;--primary-hover:#1d4ed8;--radius:12px;--shadow:0 1px 2px #1018280d, 0 4px 12px #1018280d;--shadow-lg:0 4px 8px #10182814, 0 12px 28px #1018281a;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:var(--content-max-width);padding-inline:var(--page-gutter);margin:0 auto}.container-reading{max-width:var(--reading-max-width)}.nav{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.nav-inner{max-width:var(--content-max-width);padding-inline:var(--page-gutter);align-items:center;gap:28px;height:56px;margin:0 auto;display:flex}.brand{letter-spacing:.2px;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand-dot{background:conic-gradient(#4f6df5 0 25%, #38bdf8 0 50%, #f59e0b 0 75%, #ef4444 0 100%);border-radius:5px;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000014}.nav-links{align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.nav-auth{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:14px;transition:background .15s,color .15s}.nav-links a:hover{color:var(--text);background:#f1f4f8}.nav-links a.active{color:var(--text);background:#eef2f7;font-weight:500}.page{padding-block:36px 88px}.page-head{margin-bottom:24px}.page-head h1{margin-bottom:6px;font-size:26px;line-height:1.3}.page-desc{color:var(--muted);max-width:720px;font-size:14px}.section-title{margin:36px 0 14px;font-size:18px;font-weight:600}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--mono);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.swatch-strip{background:#fff;border:1px solid #0000000f;border-radius:10px;height:48px;display:flex;overflow:hidden}.swatch-strip .swatch{flex:1 1 0;min-width:0}.swatch-strip-lg{border-radius:12px;height:130px}.gradient-bar{border:1px solid #00000014;border-radius:8px;height:28px}.color-chip{border:1px solid #00000014;border-radius:10px;flex-shrink:0;width:44px;height:44px}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.palette-card{flex-direction:column;gap:10px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.palette-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.palette-card .swatch-strip{height:44px;margin-bottom:10px}.palette-card-body{justify-content:space-between;align-items:center;gap:10px;display:flex}.palette-card-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:15px;font-weight:600;overflow:hidden}.palette-card-heading{align-items:center;gap:12px;margin-bottom:8px;display:flex}.palette-card-heading .palette-card-title{flex:1;min-width:0;margin-bottom:0}.palette-card-source-score{color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:baseline;gap:3px;display:inline-flex}.palette-card-source-score strong{font-size:26px;font-weight:700;line-height:1.2}.palette-card-source-score>span{color:var(--muted);font-size:11px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:500;display:inline-flex}.badge-kind{color:#4338ca;background:#eef2ff;border-color:#e0e7ff}.badge-gray{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}.badge-green{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.badge-orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.badge-red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.badge-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;transition:all .15s}.chip:hover{color:var(--text);border-color:#cbd2dc}.chip.active{background:var(--text);color:#fff;border-color:var(--text)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{border-color:var(--border);color:var(--text);background:#fff}.btn-ghost:hover:not(:disabled){background:#f5f7fa}.btn-sm{border-radius:8px;padding:4px 10px;font-size:13px}.input,.select,textarea.input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:14px}.input:focus,.select:focus,textarea.input:focus{border-color:var(--primary);outline:2px solid #dbeafe}.field-label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.empty-state{text-align:center;padding:56px 24px}.empty-dots{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.empty-dots span{border-radius:50%;width:14px;height:14px;display:inline-block}.empty-state h3{margin-bottom:8px;font-size:17px}.empty-state p{color:var(--muted);max-width:460px;margin:0 auto;font-size:14px}.alert{border:1px solid;border-radius:10px;padding:12px 16px;font-size:14px}.alert-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.alert-warn{color:#854d0e;background:#fefce8;border-color:#fde68a}.alert-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.alert-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;border-bottom:1px solid var(--border);color:var(--muted);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:500}.table td{vertical-align:top;border-bottom:1px solid #f1f3f5;padding:10px 12px}.table tr:last-child td{border-bottom:none}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stat-card{padding:16px 18px}.stat-value{font-size:26px;font-weight:700;line-height:1.2}.stat-value-sm{color:var(--primary);font-size:44px;font-weight:700;line-height:1.1}.stat-label{color:var(--muted);margin-top:4px;font-size:13px}.color-row{border-bottom:1px solid #f1f3f5;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.color-row:last-child{border-bottom:none}.color-row-main{flex:1;align-items:center;gap:14px;min-width:260px;display:flex}.detail-color-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.detail-color-item .swatch{border:1px solid #0000000f;border-bottom:none;border-radius:12px 12px 0 0;height:110px}.detail-color-meta{border:1px solid var(--border);background:#fff;border-radius:0 0 12px 12px;padding:10px 12px}.hero{text-align:center;padding:72px 0 56px}.hero h1{margin-bottom:14px;font-size:34px;line-height:1.25}.hero p{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:16px}.hero-strip{gap:8px;max-width:520px;height:22px;margin:0 auto 28px;display:flex}.hero-strip span{border-radius:999px;flex:1}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.feature-card{padding:20px;transition:transform .15s,box-shadow .15s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card h3{margin:10px 0 6px;font-size:15px}.feature-card p{color:var(--muted);font-size:13px}.feature-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.compare-banner{z-index:40;color:#fff;text-align:center;background:#2563ebf5;margin:-36px -20px 24px;padding:10px 20px;font-size:14px;font-weight:500;position:sticky;top:56px}.compare-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.vote-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.modal-overlay{z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:760px;max-height:82vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;flex-direction:column;display:flex}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-body{padding:20px;overflow:auto}pre.code{color:#e2e8f0;font-family:var(--mono);white-space:pre;background:#0f172a;border-radius:10px;padding:16px;font-size:13px;overflow:auto}.chart-card svg{width:100%;height:auto;display:block}.site-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;background:#fff;padding:22px 0;font-size:13px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:720px){:root{--page-gutter:16px}.nav-inner{height:auto;min-height:56px;padding:8px var(--page-gutter);flex-wrap:wrap;gap:4px 12px}.nav-links{flex:1 0 100%;order:3}.nav-links a,.nav-auth .btn{align-items:center;min-height:44px;display:inline-flex}.nav-auth>.small{text-overflow:ellipsis;max-width:80px;overflow:hidden}.nav-auth .badge{display:none}.page section{scroll-margin-top:120px}.compare-grid,.grid-2{grid-template-columns:1fr}.hero h1{font-size:26px}}.filter-panel{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:20px;padding:14px 18px;display:flex}.filter-row{align-items:flex-start;gap:12px;padding:3px 0;display:flex}.filter-label{color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 58px;font-size:12px;line-height:30px}.filter-row .chips{flex:1;gap:6px}.filter-row .chip{padding:4px 11px;font-size:13px}.filter-divider{border:none;border-top:1px dashed #e8eaee;margin:4px 0}.filter-explanation{margin:3px 0 8px 70px;line-height:1.7}.chip-disabled{opacity:.55;cursor:default}.color-dot{border:1px solid #00000014;border-radius:50%;width:11px;height:11px;margin-right:5px;display:inline-block}.catalog-filters .filter-label{text-align:left;flex-basis:72px}.catalog-more-filters{border-top:1px solid var(--border);margin-top:10px;padding-top:12px}.catalog-more-filters>summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:13px}.catalog-more-content{gap:8px;margin-top:12px;display:grid}.catalog-more-content .filter-explanation{margin-left:0}.catalog-filter-footer{flex-wrap:wrap;gap:18px;margin-top:10px}.catalog-active-filters{margin-top:8px}.palette-card-metadata{color:var(--muted);font-size:12px}.palette-card-metadata>summary{cursor:pointer;padding:3px 0}.palette-card-metadata p{margin:8px 0 0}.palette-card-source-types{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.palette-card-footer{gap:8px;margin-top:auto;padding-top:2px;display:grid}.palette-card-actions,.palette-card-footer .palette-social-buttons{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.palette-card-footer .palette-compare-control{min-width:0}.palette-card-actions>.btn,.palette-card-actions>.palette-compare-control>.btn,.palette-card-footer>.palette-social-actions>.palette-social-buttons>.btn{width:100%;min-width:0;height:44px;min-height:44px;padding:8px 6px;font-size:13px}.palette-card-footer .palette-social-buttons .btn{background:#f8fafc}.palette-card-footer .palette-social-buttons .btn-primary{background:var(--primary)}.favorites-heading{margin-bottom:20px}.favorites-page .btn,.favorites-page .chip{min-height:44px}.favorites-page .input,.favorites-page .select{min-width:0;max-width:100%;min-height:44px}.favorites-account-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.favorites-account-bar>span{overflow-wrap:anywhere}.favorites-toolbar{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:16px;padding:18px;display:grid}.favorites-search{flex:1;gap:6px;min-width:0;display:grid}.favorites-search .input{width:100%}.favorites-project-filters{flex-wrap:wrap;grid-column:1/-1;gap:8px;min-width:0;display:flex}.favorites-project-filters .chip{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:13px;line-height:1.4}.favorites-project-management{border-top:1px solid var(--border);min-width:0;margin-bottom:16px;padding-top:12px}.favorites-project-management>summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:13px}.favorites-project-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.favorites-project-form>label{color:var(--muted);flex-basis:100%}.favorites-project-form .input{flex:1;width:220px}.favorites-project-list{gap:10px;margin-top:12px;display:grid}.favorites-project-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding-top:10px;display:flex}.favorites-project-row>span:first-child{overflow-wrap:anywhere;flex:1;min-width:120px}.favorites-project-row>.muted{flex-basis:100%}.favorites-bulk-bar{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:12px 16px;display:flex}.favorites-selection,.favorites-export-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.favorites-selection>span{color:var(--muted);font-size:13px}.favorites-export-actions>label{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.favorites-export-actions .select{max-width:190px}.favorites-list{gap:16px;display:grid}.favorite-row{gap:12px;min-width:0;display:grid}.favorite-row-head{align-items:flex-start;gap:10px;min-width:0;display:flex}.favorite-row-head>label{flex-shrink:0}.favorite-title{overflow-wrap:anywhere;flex:1;min-width:0}.favorite-title>a,.favorite-title>strong{font-size:15px;font-weight:600}.favorite-row-controls{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.favorite-project-select{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.favorite-project-select .select{width:220px}.favorite-note{border-top:1px solid var(--border);min-width:0;padding-top:10px}.favorite-note>summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:13px}.favorite-note-preview{overflow-wrap:anywhere;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.favorite-note-editor{gap:8px;min-width:0;margin-top:8px;display:grid}.favorite-note-editor label{gap:6px;display:grid}.favorite-note-editor textarea{resize:vertical;width:100%}.favorites-empty{padding:48px 24px}.favorites-empty .btn{margin-top:20px}.favorites-empty .empty-dots{margin-bottom:16px}.favorites-local-section{margin-top:24px}.favorites-local-section h2{margin-bottom:12px;font-size:18px}.favorites-local-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.favorites-local-row>div:first-child{overflow-wrap:anywhere;flex:1;min-width:180px}.favorites-notice{margin-bottom:16px}.favorites-notice p{margin-bottom:12px}@media (max-width:640px){.favorites-toolbar,.favorites-bulk-bar,.favorite-row,.favorites-local-row{padding:16px}.favorites-toolbar{grid-template-columns:minmax(0,1fr)}.favorites-toolbar>.btn{justify-self:end}.favorites-account-bar{gap:8px}.favorites-account-bar>span{font-size:13px}.favorites-bulk-bar,.favorites-export-actions{align-items:stretch}.favorites-selection,.favorites-export-actions{width:100%}.favorites-export-actions>label{justify-content:space-between;width:100%}.favorites-export-actions .select{flex:1;max-width:none}.favorites-export-actions>.btn{flex:1}.favorite-row-head{flex-wrap:wrap}.favorite-row-head>.btn{margin-left:44px}.favorite-project-select{width:100%}.favorite-project-select .select{flex:1;width:auto}.favorites-project-form .input{flex-basis:100%;width:100%}.favorites-empty{padding:40px 20px}}.palette-quick-preview{border:1px solid var(--border);width:min(860px,100% - 32px);max-width:none;max-height:min(90dvh,900px);color:var(--text);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:16px;margin:auto;padding:0}.palette-quick-preview[open]{flex-direction:column;display:flex}.palette-quick-preview::backdrop{background:#0f172a80}.quick-preview-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.quick-preview-head h2{overflow-wrap:anywhere;margin:0;font-size:20px}.quick-preview-head .btn{flex-shrink:0;min-height:44px}.quick-preview-body{overscroll-behavior:contain;min-height:0;padding:20px;overflow-y:auto}.quick-preview-controls{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:12px;margin-bottom:16px;display:flex}.quick-preview-controls label{align-items:center;gap:8px;font-size:14px;display:flex}.quick-preview-swatches{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px;display:grid}.quick-preview-swatches>*{overflow-wrap:anywhere;flex-wrap:wrap;min-width:0}.quick-preview-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.quick-preview-actions .btn{min-height:44px}.palette-quick-preview .mono{overflow-wrap:anywhere}@media (max-width:600px){.catalog-filters{padding:12px}.catalog-filters .filter-label{flex-basis:64px}.catalog-filters .filter-row{gap:8px}.palette-quick-preview{border-radius:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.quick-preview-head,.quick-preview-body{padding:16px}.quick-preview-head h2{font-size:18px}.quick-preview-controls{gap:12px}.quick-preview-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}.classification-options{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:12px 20px;padding:14px;display:flex}.classification-options label,.review-confirmation{align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;display:flex}.classification-options input,.review-confirmation input{accent-color:var(--primary);margin-top:5px}.review-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.review-thumb-pair,.review-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.review-thumb-pair{gap:8px}.review-thumb-pair p{text-align:center;margin:6px 0}.review-thumbnail{object-fit:contain;background:#f6f7f9;border-radius:8px;width:100%;height:160px;display:block}.review-placeholder{color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.review-reasons{color:#765428;margin:10px 0 16px;padding-left:19px;font-size:13px;line-height:1.8}.review-preview{width:100%;height:auto;display:block}.review-crop-surface{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;position:relative}.review-crop-surface img{pointer-events:none;width:100%;height:auto;display:block}.review-crop-surface svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.review-crop-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.review-crop-inputs label{color:var(--muted);font-size:13px}.review-crop-inputs input{margin-top:6px}.review-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.review-color-grid>div{flex-direction:column;gap:5px;font-size:12px;display:flex}.review-color{border:1px solid #00000014;border-radius:8px;width:100%;height:46px;display:block}@media (max-width:850px){.review-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.review-note-grid,.review-image-grid{grid-template-columns:1fr}.review-crop-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-explanation{margin-left:0}}.review-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.uniform-figure-card{background:#fff;padding:0;overflow:hidden}.palette-organization{margin-bottom:20px}.classification-queue-image{object-fit:contain;background:#fff;width:100%;max-height:420px;display:block}.classification-queue{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (max-width:850px){.classification-queue{grid-template-columns:1fr}}.ad-slot{margin-top:16px}.ad-artwork{aspect-ratio:26/3;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #10182806}.ad-artwork picture,.ad-artwork img{width:100%;height:100%;display:block}.ad-artwork img{object-position:center}.ad-link{border-radius:14px;transition:box-shadow .18s;display:block}.ad-link:hover{box-shadow:0 4px 16px #1a1d2112}.ad-link:focus-visible,.ad-carousel-controls button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.ad-artwork-mobile{aspect-ratio:3}.ad-manager{grid-template-columns:265px minmax(0,1fr);align-items:start;gap:22px;margin-top:24px;display:grid}.ad-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ad-section-heading h2{font-size:18px}.ad-list-item{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;width:100%;color:var(--text);border-radius:10px;gap:9px;margin-top:12px;padding:14px;display:grid}.ad-list-item strong{overflow-wrap:anywhere}.ad-list-item>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.ad-list-item small{color:var(--muted)}.ad-list-item.selected{background:#f5f7ff;border-color:#a5b4fc;box-shadow:0 0 0 1px #a5b4fc}.ad-empty{color:var(--muted);padding:34px 0 20px;font-size:13px}.ad-empty strong{color:var(--text);margin-bottom:8px;display:block}.ad-editor{min-width:0}.ad-editor fieldset{border:0;min-width:0}.ad-form-section{border-top:1px solid var(--border);gap:14px;padding:22px 0;display:grid}.ad-form-section h3{font-size:14px;font-weight:650}.ad-form-section label{gap:7px;min-width:0;font-size:13px;font-weight:500;display:grid}.ad-form-section label small{color:var(--muted);font-size:12px;font-weight:400}.ad-form-section .input{width:100%;min-width:0}.ad-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ad-upload{background:#fafbfc;border:1px dashed #c5cbd6;border-radius:10px;padding:14px}.ad-upload input{width:100%;font-size:12px}.ad-checks{flex-wrap:wrap;gap:12px 20px;display:flex}.ad-checks label,.ad-form-section .ad-enable{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ad-enable small{flex-basis:100%}.ad-form-section input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.ad-form-section input[type=color]{border:1px solid var(--border);background:#fff;border-radius:7px;width:100%;height:39px;padding:4px}.ad-preview{border:1px solid var(--border);background:var(--bg);border-radius:14px;width:100%;padding:12px}.ad-preview.mobile{max-width:360px;margin:0 auto}.ad-preview-switch{border:1px solid var(--border);border-radius:7px;padding:3px;display:flex}.ad-preview-switch button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:4px 12px}.ad-preview-switch button[aria-pressed=true]{color:#3348aa;background:#eef2ff}.ad-placeholder{color:#6673a0;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.ad-placeholder small{opacity:.8;font-size:11px}.ad-save-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;display:flex}.ad-notice{color:#166534;background:#ecfdf5;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:13px}@media (max-width:800px){.ad-manager{grid-template-columns:1fr}}@media (max-width:600px){.ad-slot .ad-artwork{aspect-ratio:3}.ad-slot{margin-top:10px}.ad-fields{grid-template-columns:1fr}}.ad-gallery-stacked{gap:12px;display:grid}.ad-carousel-controls{justify-content:center;align-items:center;gap:6px;margin-top:5px;display:flex}.ad-carousel-controls button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:28px;height:28px;padding:0 6px;font-size:20px}.ad-carousel-controls button:hover{background:#e6e8ec}.ad-carousel-dots{display:flex}.ad-carousel-dots button{place-items:center;display:grid}.ad-carousel-dots span{background:#bdc4d0;border-radius:8px;width:6px;height:6px}.ad-carousel-dots [aria-pressed=true] span{background:#6175a8;width:18px}.ad-carousel-controls .ad-carousel-pause{place-items:center;margin-left:4px;display:grid}.ad-display-settings{margin-top:24px}.ad-display-settings fieldset{border:0;min-width:0}.ad-display-fields{border:0;grid-template-columns:2fr 1fr 1.5fr}.ad-display-preview{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.ad-display-preview summary{cursor:pointer;margin-bottom:14px;font-size:13px}.ad-display-preview .ad-section-heading{flex-wrap:wrap;font-size:13px}.ad-image-guide{color:var(--muted);background:#f6f7f9;border-radius:8px;gap:8px;padding:12px;font-size:12px;display:grid}@media (max-width:600px){.ad-display-fields{grid-template-columns:1fr}}.ad-slot+.page .hero{padding-top:28px}.ad-gallery-carousel .ad-slide:not([hidden]){animation:.18s ease-out ad-reveal}@keyframes ad-reveal{0%{opacity:.75}to{opacity:1}}.ad-carousel-controls button{transition:background-color .15s,color .15s}.ad-carousel-controls button:hover{color:#34466c;background:#e9edf3}.ad-carousel-dots span{transition:width .18s,background-color .18s}.ad-pause-icon{border-left:3px solid;border-right:3px solid;width:9px;height:10px}.ad-play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}.ad-layout-tip{color:var(--muted);background:#f6f7f9;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:12px}@media (max-width:600px){.ad-slot+.page{padding-top:24px}.ad-slot+.page .hero{padding-top:12px;padding-bottom:36px}.ad-gallery-stacked{gap:10px}.ad-carousel-controls button{min-width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.ad-gallery-carousel .ad-slide:not([hidden]){animation:none}.ad-carousel-controls button,.ad-carousel-dots span{transition:none}}
