:root{color-scheme:dark;--bg-main: #0d1117;--bg-sidebar: #161d23;--bg-top: #10151b;--surface: #20272d;--surface-hover: #273038;--border: #2c353d;--border-soft: #37424b;--text: #e4e9ed;--muted: #939da5;--card-info: #e5e4df;--card-ink: #25292c;--card-muted: #676c70;--accent: #d17691;--accent-soft: #402932;--shadow: 0 16px 34px rgb(0 0 0 / 22%);--radius-small: 10px;--radius-medium: 16px;--radius-large: 20px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg-main)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-main);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;text-rendering:optimizeLegibility}button,input,select{font:inherit}button,select{color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;background:var(--bg-main)}.topbar{position:sticky;z-index:30;top:0;height:74px;display:grid;grid-template-columns:248px minmax(220px,1fr) auto;align-items:center;gap:24px;padding:0 28px 0 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-top) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:720;letter-spacing:.04em;white-space:nowrap}.brand__mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface);color:var(--accent)}.brand__mark svg{width:19px;height:19px}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:16px;width:19px;height:19px;color:var(--muted);pointer-events:none}.search-box input{width:100%;height:44px;padding:0 18px 0 46px;border:1px solid var(--border-soft);border-radius:14px;outline:none;background:var(--surface);color:var(--text);font-size:15px}.search-box input::placeholder{color:var(--muted)}.search-box input:focus{border-color:#61717d;box-shadow:0 0 0 3px #61717d24}.topbar__actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.topbar-button{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border:1px solid var(--border-soft);border-radius:13px;background:transparent;font-weight:650;white-space:nowrap}.topbar-button:hover:not(:disabled){background:var(--surface)}.topbar-button:disabled{opacity:.45;cursor:not-allowed}.topbar-button svg{width:18px;height:18px}.topbar-button--primary{border-color:var(--card-info);background:var(--card-info);color:var(--card-ink)}.topbar-button--active{border-color:var(--accent);background:var(--accent-soft);color:#f4dbe3}.account{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border-soft);white-space:nowrap}.account__name{font-weight:650}.account__role{padding:3px 8px;border:1px solid var(--border-soft);border-radius:999px;color:var(--muted);font-size:12px}.account__logout{min-height:34px;padding-inline:12px}.app-body{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{position:sticky;top:74px;height:calc(100vh - 74px);overflow-y:auto;padding:28px 20px 44px;border-right:1px solid var(--border);background:var(--bg-sidebar);box-shadow:14px 0 30px #00000014}.sidebar__section+.sidebar__section{margin-top:30px}.sidebar__heading{margin:0 12px 11px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.12em}.sidebar__list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.sidebar__item{min-height:45px;width:100%;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--text);font-size:15px;font-weight:620;text-align:left}.sidebar__item:hover:not(:disabled){background:var(--surface)}.sidebar__item:disabled{opacity:.42;cursor:not-allowed}.sidebar__item>span:first-child{white-space:nowrap}.sidebar__item--active{background:#30383e;color:#fff}.sidebar__count{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:620}.sidebar__dots{display:inline-flex;gap:5px;margin-left:4px}.sidebar__dot{width:10px;height:10px;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;box-shadow:inset 0 0 0 .5px #0000002e}.sidebar__tags{display:flex;flex-wrap:wrap;gap:8px;padding:3px 10px 0}.sidebar__tag{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--border-soft);border-radius:999px;background:transparent;color:#b9c1c7;font-size:13px}.sidebar__tag:hover{background:var(--surface)}.sidebar__tag--active{border-color:var(--accent);background:var(--accent-soft);color:#f4dbe3}.sidebar__tag-count{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.library-main{min-width:0;padding:28px 32px 56px;background:var(--bg-main)}.filter-toolbar{min-height:50px;display:flex;align-items:center;gap:10px;margin-bottom:24px}.select-control{position:relative;display:inline-flex;align-items:center}.select-control select{height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 38px 0 14px;border:1px solid var(--border-soft);border-radius:12px;outline:none;background:var(--surface);font-weight:650}.select-control svg{position:absolute;right:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}.result-count{margin-left:4px;color:var(--muted);font-size:13px;white-space:nowrap}.color-mode{margin:0 0 0 auto;padding:0;border:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.color-mode legend{float:left;margin-right:3px;color:var(--muted);font-size:13px;white-space:nowrap}.color-mode label{display:grid;place-items:center}.color-mode input{position:absolute;opacity:0;pointer-events:none}.color-mode__option{min-width:58px;height:30px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--border-soft);border-radius:999px;color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.04em}.color-mode input:checked+.color-mode__option{border-color:var(--text);background:var(--surface-hover);color:var(--text)}.color-mode input:focus-visible+.color-mode__option{outline:2px solid #72828e;outline-offset:2px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:22px;align-items:start}.color-grid--compact{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}.color-grid--large{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}.color-card{container-type:inline-size;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--card-info);box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}.color-card:hover{border-color:#495660;transform:translateY(-2px)}.color-card__preview{position:relative;aspect-ratio:1;overflow:hidden;background-color:#7f858a}.color-card__svg{display:block;width:100%;height:100%}.color-card__simulation{position:absolute;top:10px;left:10px;padding:4px 9px;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;background:#1114179e;color:#e9ecef;font-size:11px;line-height:1;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.color-card__actions{position:absolute;right:14px;bottom:14px;left:14px;display:flex;flex-wrap:wrap;gap:7px;padding:7px;border:1px solid rgb(255 255 255 / 12%);border-radius:13px;background:#111417d1;box-shadow:0 8px 22px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.color-card:hover .color-card__actions,.color-card:focus-within .color-card__actions{opacity:1;transform:none;pointer-events:auto}@media(hover:none){.color-card__actions{opacity:1;transform:none;pointer-events:auto}}.card-action{min-width:0;height:38px;padding-inline:8px;border:0;border-radius:9px;background:#3b3738;color:#f3f1ee;font-size:14px;font-weight:720;white-space:nowrap}.color-card__actions .card-action{flex:1 1 auto}.card-action--primary{background:#f0efeb;color:var(--card-ink)}.color-card__info{position:relative;min-height:176px;padding:20px 54px 19px 20px;background:var(--card-info);color:var(--card-ink)}.color-card__name{margin:0 0 12px;overflow-wrap:anywhere;font-size:18px;line-height:1.35;font-weight:780}.color-card__value{margin:0 0 6px;color:var(--card-muted);font-size:14px;line-height:1.35;font-variant-numeric:tabular-nums}.color-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.color-card__tag{padding:5px 9px;border:1px solid #c8c8c2;border-radius:999px;background:#d9d8d3;color:#55595c;font-size:12px;line-height:1}.favorite-button{position:absolute;top:18px;right:17px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#6c7072}.favorite-button svg{width:25px;height:25px}.favorite-button--active{color:#9f3f5d}.copy-status{position:fixed;z-index:50;right:28px;bottom:28px;max-width:min(440px,calc(100vw - 56px));padding:12px 16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);line-height:1.5}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.notice{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:13px 16px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface)}.notice--error{border-color:#6b3b45;background:#2a1f23;color:#f4c7cf}.notice__action{height:36px;padding:0 15px;border:1px solid var(--border-soft);border-radius:10px;background:transparent;color:inherit;font-weight:650}.notice__action:hover:not(:disabled){background:var(--surface-hover)}.notice__action:disabled{opacity:.5;cursor:not-allowed}.empty-state{padding:56px 24px;border:1px dashed var(--border-soft);border-radius:var(--radius-medium);background:color-mix(in srgb,var(--surface) 45%,transparent);text-align:center}.empty-state__title{margin:0 0 10px;font-size:19px;font-weight:720}.empty-state__hint{margin:0 0 18px;color:var(--muted);font-size:14px}.load-more{display:flex;justify-content:center;margin-top:32px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 22% 15%,#1e2932,var(--bg-main) 46%)}.login-card{width:min(420px,100%);display:grid;gap:17px;padding:34px;border:1px solid var(--border);border-radius:var(--radius-large);background:var(--bg-sidebar);box-shadow:var(--shadow)}.login-card h1{margin:0 0 8px;font-size:26px}.login-kicker{margin:0;color:var(--accent);font-weight:720}.login-card label{display:grid;gap:8px;font-weight:650}.login-card input{height:44px;padding:0 13px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface);color:var(--text)}.login-card button{height:44px;border:0;border-radius:11px;background:var(--card-info);color:var(--card-ink);font-weight:760}@media(max-width:980px){.topbar{grid-template-columns:190px minmax(240px,1fr) auto;padding-inline:18px;gap:14px}.app-body{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:12px}.library-main{padding:22px 20px 44px}.filter-toolbar{flex-wrap:wrap}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topbar-button span{display:none}}@media(max-width:700px){.topbar{height:auto;min-height:68px;grid-template-columns:1fr auto;padding:12px 15px}.search-box{grid-column:1 / -1;grid-row:2}.app-body{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px;border-right:0;border-bottom:1px solid var(--border)}.sidebar__section:not(:first-child){display:none}.sidebar__heading{display:none}.sidebar__list{display:flex;overflow-x:auto}.sidebar__item{width:auto;flex:0 0 auto}.filter-toolbar{flex-wrap:wrap}.color-mode{width:100%;margin-left:0;justify-content:flex-end}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-card__actions{right:8px;bottom:8px;left:8px}.card-action{font-size:12px}.color-card__info{min-height:160px;padding:15px 42px 15px 14px}}@media(max-width:520px){.topbar{gap:8px}.brand{gap:8px;font-size:15px}.brand__mark{width:30px;height:30px}.topbar__actions{gap:6px}.topbar-button{min-height:36px;padding-inline:10px}.library-main{padding-inline:14px}.color-grid,.color-grid--compact,.color-grid--large{grid-template-columns:minmax(0,1fr)}.card-action{font-size:14px}}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-soft);border-radius:10px;background:transparent;color:var(--text)}.icon-button:hover:not(:disabled){background:var(--surface-hover)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button svg{width:17px;height:17px}.icon-button--danger{color:#e8899a}.icon-button--danger:hover:not(:disabled){background:var(--accent-soft)}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-end;background:#05080b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-panel{width:min(760px,100%);height:100%;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-sidebar);box-shadow:var(--shadow)}.admin-panel__header{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-top)}.admin-panel__title{margin:0;font-size:17px;font-weight:700}.admin-panel__body{flex:1;overflow-y:auto;padding:20px}.admin-tabs{display:flex;gap:6px;margin-left:auto}.admin-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--border-soft);border-radius:11px;background:transparent;color:var(--muted);font-size:14px;font-weight:620}.admin-tab svg{width:16px;height:16px}.admin-tab:hover{background:var(--surface)}.admin-tab--active{background:var(--surface);border-color:var(--border-soft);color:var(--text)}.admin-section{display:grid;gap:16px}.admin-form{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--bg-main)}.admin-form__title{margin:0;font-size:16px;font-weight:700}.admin-form__actions{display:flex;flex-wrap:wrap;gap:10px}.field{display:grid;gap:6px;min-width:0}.field--compact{gap:4px}.field__label{color:var(--muted);font-size:12px;font-weight:620}.field__control{width:100%;min-height:38px;padding:0 11px;border:1px solid var(--border-soft);border-radius:var(--radius-small);background:var(--bg-sidebar);color:var(--text);font:inherit;font-size:14px}.field__control:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field__control:disabled{opacity:.5}.field__control--area{min-height:78px;padding:10px 11px;resize:vertical}.field-row{display:flex;flex-wrap:wrap;gap:12px}.field-row>.field{flex:1 1 200px}.field__with-swatch{display:flex;align-items:center;gap:9px}.field__swatch{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--border-soft);border-radius:var(--radius-small)}.admin-fieldset{display:grid;gap:10px;margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-medium)}.admin-fieldset legend{padding:0 6px;color:var(--muted);font-size:12px;font-weight:620}.admin-hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.admin-warning{margin:0;padding:9px 11px;border:1px solid #6a5220;border-radius:var(--radius-small);background:#2b2313;color:#f2b544;font-size:13px}.admin-error{padding:10px 12px;border:1px solid #6d2f3a;border-radius:var(--radius-small);background:#2b161b;color:#ff8d9d;font-size:13px}.admin-error p{margin:0 0 6px}.admin-error ul{margin:0;padding-left:18px}.admin-notice{padding:10px 12px;border:1px solid #2f5a48;border-radius:var(--radius-small);background:#14261f;color:#6fd7a5;font-size:13px}.admin-checkbox,.admin-radio{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text)}.cmyk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 12px;border:1px solid var(--border-soft);border-radius:999px;background:transparent;color:var(--muted);font-size:13px}.chip:hover{background:var(--surface)}.chip--active{border-color:var(--accent);background:var(--accent-soft);color:#f0ccd6}.admin-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid var(--border-soft);border-radius:var(--radius-small);background:transparent;color:var(--text);font-size:14px;font-weight:620}.admin-button:hover:not(:disabled){background:var(--surface-hover)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button svg{width:16px;height:16px}.admin-button--primary{border-color:var(--card-info);background:var(--card-info);color:var(--card-ink)}.admin-button--danger{border-color:#6d2f3a;color:#ff8d9d}.admin-button--danger:hover:not(:disabled){background:#2b161b}.gradient-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-medium)}.gradient-editor__preview{height:76px;border:1px solid var(--border-soft);border-radius:var(--radius-small)}.gradient-editor__stops{display:grid;gap:10px;margin:0;padding:0;list-style:none}.gradient-stop{display:grid;grid-template-columns:26px minmax(0,1.4fr) repeat(2,minmax(0,.8fr)) 34px;align-items:end;gap:8px}.gradient-stop__swatch{width:26px;height:26px;margin-bottom:6px;border:1px solid var(--border-soft);border-radius:7px}.gradient-editor__actions{display:flex;align-items:center;gap:12px}.gradient-editor__hint{color:var(--muted);font-size:12.5px}.gradient-editor__errors{margin:0;padding-left:18px;color:#ff8d9d;font-size:13px}.taxonomy-columns{display:grid;gap:14px}.taxonomy-group{padding:14px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--bg-main)}.taxonomy-group h3{margin:0 0 10px;font-size:13.5px;color:var(--muted)}.taxonomy-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.taxonomy-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-small);background:var(--surface)}.taxonomy-item__name{font-size:14px;font-weight:620}.taxonomy-item__slug{color:var(--muted);font-size:12px}.taxonomy-item__meta{margin-left:auto;color:var(--muted);font-size:12px}.taxonomy-item .icon-button{margin-left:auto}.trash-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.trash-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--bg-main)}.trash-item__swatch{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--border-soft);border-radius:var(--radius-small)}.trash-item__info{display:grid;gap:3px;min-width:0}.trash-item__name{font-size:14.5px;font-weight:650}.trash-item__meta{color:var(--muted);font-size:12.5px}.trash-item__actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.card-action--admin{border-color:var(--border-soft)}@container (max-width: 330px){.card-action{padding-inline:4px;font-size:12px}}@container (max-width: 250px){.color-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.card-action{flex:none;height:34px}}@media(max-width:720px){.admin-panel{width:100%}.admin-panel__header{flex-wrap:wrap}.admin-tabs{order:3;width:100%;margin-left:0}.gradient-stop{grid-template-columns:26px minmax(0,1fr) 34px}.gradient-stop .field--compact:nth-of-type(3){grid-column:2}.cmyk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;align-items:start}.palette-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--card-info);color:var(--card-ink);box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}.palette-card:hover{border-color:#495660;transform:translateY(-2px)}.palette-card__strip{display:flex;height:96px;background-color:#7f858a}.palette-card__segment{flex:1 1 0;min-width:0}.palette-card__info{display:grid;gap:12px;padding:18px 20px 20px}.palette-card__head{display:flex;align-items:baseline;gap:10px}.palette-card__name{margin:0;overflow-wrap:anywhere;font-size:18px;font-weight:780}.palette-card__count{margin-left:auto;flex:0 0 auto;color:var(--card-muted);font-size:12.5px;font-variant-numeric:tabular-nums}.palette-card__description{margin:0;color:var(--card-muted);font-size:13.5px;line-height:1.55}.palette-card__members{display:grid;gap:7px;margin:0;padding:0;list-style:none}.palette-card__member{display:flex;align-items:center;gap:9px;font-size:13.5px}.palette-card__dot{width:18px;height:18px;flex:0 0 auto;border:1px solid rgb(0 0 0 / 14%);border-radius:6px}.palette-card__member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:620}.palette-card__role{flex:0 0 auto;padding:3px 8px;border:1px solid #c8c8c2;border-radius:999px;background:#d9d8d3;color:#55595c;font-size:11.5px}.palette-card__ratio{margin-left:auto;color:var(--card-muted);font-variant-numeric:tabular-nums}.palette-card__warning{color:#9a3b52;font-size:11.5px}.palette-card__tags{display:flex;flex-wrap:wrap;gap:7px}.palette-card__tag{padding:5px 9px;border:1px solid #c8c8c2;border-radius:999px;background:#d9d8d3;color:#55595c;font-size:12px;line-height:1}.palette-card__actions{display:flex;flex-wrap:wrap;gap:8px}.palette-card__actions .card-action{padding-inline:16px}.palette-card__actions .card-action--primary{background:#2f3336;color:#f2f1ed}.card-action:hover:not(:disabled){filter:brightness(1.12)}.card-action:disabled{opacity:.45;cursor:not-allowed}.card-action--primary:disabled{opacity:.5}.transfer-page{display:grid;gap:18px}.transfer-section{display:grid;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--bg-main)}.transfer-section__title{margin:0;font-size:15px;font-weight:700}.transfer-section__hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.transfer-section__actions{display:flex;flex-wrap:wrap;gap:10px}.transfer-file{width:100%;padding:10px;border:1px dashed var(--border-soft);border-radius:var(--radius-small);background:var(--bg-sidebar);color:var(--muted);font-size:13px}.transfer-file:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.transfer-message{margin:0;padding:10px 12px;border-radius:var(--radius-small);font-size:13px}.transfer-message--error{border:1px solid #6d2f3a;background:#2b161b;color:#ff8d9d}.transfer-message--ok{border:1px solid #2f5a48;background:#14261f;color:#6fd7a5}.import-preview{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--bg-main)}.import-preview__head{display:grid;gap:4px}.import-preview__head h3{margin:0;font-size:15px;font-weight:700}.import-preview__totals{margin:0;color:var(--muted);font-size:12.5px}.import-preview__clean{margin:0;color:#6fd7a5;font-size:13px}.import-preview__rows{display:grid;gap:8px;max-height:340px;margin:0;padding:0;overflow-y:auto;list-style:none}.import-preview__row{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-small);background:var(--surface)}.import-preview__row--valid{border-left-color:#6fd7a5}.import-preview__row--invalid{border-left-color:#e8899a}.import-preview__row--duplicate{border-left-color:#f2b544}.import-preview__row-head{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:13px}.import-preview__index{color:var(--muted);font-variant-numeric:tabular-nums}.import-preview__name{font-weight:650}.import-preview__hex{color:var(--muted);font-variant-numeric:tabular-nums}.import-preview__status{margin-left:auto;padding:3px 9px;border:1px solid var(--border-soft);border-radius:999px;font-size:11.5px}.import-preview__status--valid{border-color:#2f5a48;color:#6fd7a5}.import-preview__status--invalid{border-color:#6d2f3a;color:#ff8d9d}.import-preview__status--duplicate{border-color:#6a5220;color:#f2b544}.import-preview__errors{margin:0;color:#ff8d9d;font-size:12.5px}.import-preview__warning{margin:0;color:#f2b544;font-size:12.5px}.import-preview__actions{display:flex;flex-wrap:wrap;gap:10px}.import-preview__actions .card-action{padding-inline:16px}@media(max-width:520px){.palette-grid{grid-template-columns:minmax(0,1fr)}.palette-card__info{padding-inline:14px}}