@charset "UTF-8";:root{--brand-primary: #f26522;--brand-dark: #1b1a3a;--brand-accent: #6d3fd8;--on-primary: #ffffff;--bg: #f7f4f0;--surface: #ffffff;--surface-2: #fbf9f6;--surface-3: #f2ede8;--canvas: #efe9e3;--border: #ebe4dc;--border-strong: #dcd3c9;--text: #18191c;--ink: #1d1e21;--text-2: #555960;--text-3: #868a92;--focus: color-mix(in srgb, var(--brand-primary) 35%, transparent);--primary-soft: color-mix(in srgb, var(--brand-primary) 10%, #ffffff);--danger: #dc2626;--danger-bg: #fef2f2;--warn: #b45309;--warn-bg: #fffbeb;--ok: #15803d;--ok-bg: #f0fdf4;--info: #1d4ed8;--info-bg: #eff6ff;--code-bg: #0f172a;--code-text: #e2e8f0;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141517;--surface: #1c1d20;--surface-2: #212226;--surface-3: #2a2b30;--canvas: #101113;--border: #2f3136;--border-strong: #3f4248;--text: #f1f2f4;--ink: #e6e7ea;--text-2: #c3c6cc;--text-3: #9a9ea6;--focus: color-mix(in srgb, var(--brand-primary) 50%, transparent);--primary-soft: color-mix(in srgb, var(--brand-primary) 16%, #1c1d20);--danger: #f87171;--danger-bg: #2a1517;--warn: #fbbf24;--warn-bg: #2a2111;--ok: #4ade80;--ok-bg: #11251a;--info: #93c5fd;--info-bg: #111c30;--code-bg: #0f1012;--code-text: #e2e8f0;color-scheme:dark}}:root[data-theme=dark]{--bg: #141517;--surface: #1c1d20;--surface-2: #212226;--surface-3: #2a2b30;--canvas: #101113;--border: #2f3136;--border-strong: #3f4248;--text: #f1f2f4;--ink: #e6e7ea;--text-2: #c3c6cc;--text-3: #9a9ea6;--focus: color-mix(in srgb, var(--brand-primary) 50%, transparent);--primary-soft: color-mix(in srgb, var(--brand-primary) 16%, #1c1d20);--danger: #f87171;--danger-bg: #2a1517;--warn: #fbbf24;--warn-bg: #2a2111;--ok: #4ade80;--ok-bg: #11251a;--info: #93c5fd;--info-bg: #111c30;--code-bg: #0f1012;--code-text: #e2e8f0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.015em;font-weight:650}p{margin:0}a{color:var(--brand-primary);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}code{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:.92em;padding:1px 5px;border-radius:5px;background:var(--surface-3)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background:color-mix(in srgb,var(--brand-primary) 22%,transparent)}.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}.muted{color:var(--text-3)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace}.grow{flex:1}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);font-weight:550;font-size:13.5px;white-space:nowrap;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px #28180a0d;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--border-strong) 70%,var(--text-3))}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;flex-shrink:0}.btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--on-primary);box-shadow:0 1px 2px color-mix(in srgb,var(--brand-primary) 40%,transparent)}.btn.primary:hover{background:color-mix(in srgb,var(--brand-primary) 90%,#000);border-color:color-mix(in srgb,var(--brand-primary) 90%,#000)}.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn.dark:hover{opacity:.9}.btn.success{background:#15803d;border-color:#15803d;color:#fff}.btn.success:hover{background:#166534;border-color:#166534}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}.btn.ghost:hover{background:var(--surface-3);color:var(--text)}.btn.ghost.danger{color:var(--danger)}.btn.ghost.danger:hover{background:var(--danger-bg)}.btn.sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:9px;gap:6px}.btn.sm svg{width:14px;height:14px}.btn.lg{height:44px;padding:0 20px;font-size:14.5px;border-radius:12px}.btn.icon{width:38px;padding:0}.btn.icon.sm{width:32px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field .field-label{font-size:12.5px;font-weight:550;color:var(--text-2);display:flex;align-items:center;gap:6px}.field .req{color:var(--danger)}.field .help{font-size:12px;color:var(--text-3);line-height:1.45}.field .error{font-size:12px;color:var(--danger)}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 12px;font-size:14px;box-shadow:0 1px 2px #28180a0d;transition:border-color .12s,box-shadow .12s}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb,var(--border-strong) 70%,var(--text-3))}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus)}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--danger)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:color-mix(in srgb,var(--text-3) 80%,transparent)}.input:read-only:not(select),.select:read-only:not(select),.textarea:read-only:not(select){background:var(--surface-2)}.input,.select{height:40px}.select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a7f74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.select option{padding:6px 10px;background:var(--surface);color:var(--text)}input[type=date].input,input[type=time].input{padding-right:10px}.textarea{min-height:88px;resize:vertical;line-height:1.5}.textarea.code{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;background:var(--code-bg);color:var(--code-text);border-color:transparent;min-height:420px;tab-size:2;white-space:pre;box-shadow:none}.textarea.code:read-only{background:var(--code-bg)}.input-color{display:flex;align-items:center;gap:8px}.input-color input[type=color]{width:38px;height:38px;padding:3px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer;flex-shrink:0}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:450;color:var(--text-2)}.checkbox input{width:16px;height:16px;accent-color:var(--brand-primary);flex-shrink:0}.segmented,.gender-input{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:var(--surface-3)}.segmented button,.gender-input button{border:0;background:transparent;padding:6px 12px;border-radius:9px;cursor:pointer;font-weight:550;font-size:12.5px;color:var(--text-3);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.segmented button svg,.gender-input button svg{width:14px;height:14px}.segmented button:hover,.gender-input button:hover{color:var(--text)}.segmented button[aria-pressed=true],.gender-input button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #28180a0d,0 0 0 1px var(--border)}.grid-2{display:grid;gap:14px 14px;grid-template-columns:1fr}@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}.grid-2 .full{grid-column:1/-1}}.panel,.form-section,.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px #28180a0d}.panel-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.panel-head h2,.panel-head h3{font-size:15px;font-weight:650}.panel-head>svg{width:17px;height:17px;color:var(--text-3)}.panel-body{padding:20px}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 9px;height:22px;border-radius:999px;font-size:11.5px;font-weight:550;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge svg{width:12px;height:12px}.badge.draft{background:var(--warn-bg);color:var(--warn)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.brand{background:var(--primary-soft);color:color-mix(in srgb,var(--brand-primary) 85%,var(--text))}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;color:var(--text-2);line-height:1.5}.notice>svg{width:17px;height:17px;flex-shrink:0;margin-top:1px;color:var(--text-3)}.notice.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 25%,transparent);color:color-mix(in srgb,var(--warn) 80%,var(--text))}.notice.warn>svg{color:var(--warn)}.notice.danger{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 25%,transparent);color:var(--danger)}.notice.danger>svg{color:var(--danger)}.notice.ok{background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 25%,transparent);color:color-mix(in srgb,var(--ok) 80%,var(--text))}.notice.ok>svg{color:var(--ok)}.notice b{color:inherit}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;background:transparent;padding:10px 12px;cursor:pointer;white-space:nowrap;font-weight:550;font-size:13.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:8px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button .step{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--surface-3);color:var(--text-3);font-size:11.5px;font-weight:650}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--brand-primary)}.tabs button[aria-selected=true] .step{background:var(--brand-primary);color:var(--on-primary)}.tabs button:hover{color:var(--text)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .1s}.table tbody tr:hover td{background:var(--surface-2)}.toasts{position:fixed;z-index:1000;bottom:20px;right:20px;left:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:420px;padding:12px 16px;border-radius:12px;box-shadow:0 24px 56px -12px #28180a38,0 6px 16px #28180a12;background:#1d1e21;color:#f4f5f7;font-weight:500;font-size:13.5px;animation:toast-in .18s ease-out}.toast svg{width:17px;height:17px;flex-shrink:0;color:#9ca3af}.toast.ok svg{color:#4ade80}.toast.error{background:#7f1d1d}.toast.error svg{color:#fca5a5}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.modal-backdrop{position:fixed;inset:0;z-index:900;background:#1c171273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:fade .12s}.modal{width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:18px;box-shadow:0 24px 56px -12px #28180a38,0 6px 16px #28180a12;border:1px solid var(--border)}.modal.wide{max-width:780px}.modal .modal-head{padding:22px 24px 4px}.modal .modal-head h2{font-size:17px;font-weight:700}.modal .modal-body{padding:10px 24px 20px;color:var(--text-2);line-height:1.55}.modal .modal-foot{padding:14px 24px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;justify-content:flex-end;gap:8px;border-radius:0 0 18px 18px}@keyframes fade{0%{opacity:0}}.empty{text-align:center;padding:44px 16px;color:var(--text-3)}.empty .emoji{font-size:28px;display:block;margin-bottom:8px;opacity:.8}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand-primary);animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.center-page{min-height:50vh;display:grid;place-items:center}.code-box{margin:0;padding:14px 16px;border-radius:12px;max-height:420px;overflow:auto;background:var(--code-bg);color:var(--code-text);font:12px/1.6 ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}kbd{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:11px;padding:1px 5px;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--surface)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}@media(max-width:899px){.topbar-inner{grid-template-columns:1fr auto}}@media(max-width:639px){.topbar-inner{padding:0 16px;gap:12px;height:58px}}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;min-width:0;flex-shrink:0}.brand .brand-mark{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:var(--on-primary);background:linear-gradient(140deg,color-mix(in srgb,var(--brand-primary) 82%,#ffb36b),var(--brand-primary));box-shadow:0 6px 14px -6px color-mix(in srgb,var(--brand-primary) 70%,transparent),inset 0 1px #ffffff40}.brand .brand-mark svg{width:18px;height:18px}.brand .brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:11px;background:#fff;padding:3px;border:1px solid var(--border)}.brand strong{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--text)}.brand span span{display:block;font-size:11.5px;color:var(--text-3);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-logo{justify-self:start;padding:4px;border-radius:10px}.brand-logo img{display:block;height:46px;width:auto}.brand-logo:hover img{opacity:.85}@media(max-width:639px){.brand-logo img{height:40px}}.nav{display:flex;gap:2px;align-items:center;padding:4px;background:var(--surface-3);border-radius:12px}.nav a{display:inline-flex;align-items:center;gap:7px;padding:0 14px;height:34px;border-radius:9px;color:var(--text-2);text-decoration:none;font-weight:550;font-size:13.5px;white-space:nowrap;transition:background .12s,color .12s,box-shadow .12s}.nav a svg{width:16px;height:16px;color:var(--text-3);transition:color .12s}.nav a:hover{color:var(--text)}.nav a:hover svg{color:var(--text-2)}.nav a.active{color:var(--text);background:var(--surface);font-weight:650;box-shadow:0 1px 2px #0000000f,0 0 0 1px var(--border)}.nav a.active svg{color:var(--brand-primary)}@media(max-width:899px){.nav{display:none}}.user-menu{position:relative;justify-self:end}.user-menu>button{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:4px 12px 4px 4px;border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s}.user-menu>button:hover,.user-menu>button[aria-expanded=true]{background:var(--surface-2);border-color:var(--border-strong)}@media(max-width:639px){.user-menu>button{padding:3px}}.user-menu .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:color-mix(in srgb,var(--brand-primary) 85%,var(--text));display:grid;place-items:center;font-weight:700;font-size:13px}.user-menu .who{text-align:left;line-height:1.2;font-size:13px;font-weight:600}.user-menu .who small{display:block;color:var(--text-3);font-weight:450;font-size:11.5px}@media(max-width:639px){.user-menu .who{display:none}}.user-menu .menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;z-index:60;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 56px -12px #28180a38,0 6px 16px #28180a12;padding:8px;animation:menu-in .14s ease-out;transform-origin:top right}.user-menu .menu a,.user-menu .menu button{display:flex;width:100%;align-items:center;gap:12px;padding:10px 12px;margin:0;border:0;border-radius:10px;background:transparent;text-decoration:none;color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;line-height:1.3}.user-menu .menu a svg,.user-menu .menu button svg{width:17px;height:17px;color:var(--text-3);flex-shrink:0}.user-menu .menu a:hover,.user-menu .menu button:hover{background:var(--surface-3)}.user-menu .menu a:hover svg,.user-menu .menu button:hover svg{color:var(--text)}.user-menu .menu hr{border:0;border-top:1px solid var(--border);margin:6px 4px}.user-menu .menu .menu-label{padding:8px 12px 4px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}@media(min-width:900px){.user-menu .menu .mobile-only{display:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 24px 80px}@media(max-width:639px){.page{padding:20px 16px 56px}}.page.narrow{max-width:1040px}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head .eyebrow{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-primary)}.page-head h1{font-size:26px;font-weight:750;letter-spacing:-.025em;margin-top:4px}.page-head p{color:var(--text-2);margin-top:6px;max-width:68ch;font-size:13.5px}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--bg);background-image:radial-gradient(900px 480px at 50% -10%,color-mix(in srgb,var(--brand-primary) 16%,transparent),transparent 70%),radial-gradient(600px 400px at 100% 110%,color-mix(in srgb,var(--brand-accent) 8%,transparent),transparent 70%)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 56px -12px #28180a38,0 6px 16px #28180a12;padding:36px}.auth-card .brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--brand-primary) 82%,#ffb36b),var(--brand-primary));box-shadow:0 10px 22px -10px var(--brand-primary);color:var(--on-primary);margin-bottom:20px}.auth-card .brand-mark svg{width:20px;height:20px}.auth-card h1{font-size:22px;font-weight:750;letter-spacing:-.02em}.auth-card>p{color:var(--text-2);margin:6px 0 24px;font-size:13.5px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-logo{display:block;height:56px;width:auto;margin-bottom:20px}.otp-input{font:600 22px/1 ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;letter-spacing:.35em;text-align:center;height:50px}.twofa{gap:22px}.twofa-step{display:flex;gap:14px;align-items:flex-start}.twofa-step .n{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--brand-primary);color:#fff;font-weight:700;font-size:13px}.twofa-step b{font-size:14.5px}.twofa-step p{margin-top:2px}.twofa-qr{display:flex;gap:18px;align-items:center;margin-top:10px;flex-wrap:wrap}.twofa-qr .qr{width:168px;height:168px;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--border);flex-shrink:0}.twofa-qr .qr svg{width:100%;height:100%;display:block}.twofa-qr>div:last-child{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.twofa-qr .secret{font-size:13px;padding:8px 10px;word-break:break-all;-webkit-user-select:all;user-select:all}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.recovery-codes code{font-size:15px;padding:10px 12px;text-align:center;letter-spacing:.05em;-webkit-user-select:all;user-select:all}.catalog-hero{position:relative;margin-bottom:36px;padding:36px 36px 28px;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 12%,var(--surface)) 0%,var(--surface) 62%);border:1px solid color-mix(in srgb,var(--brand-primary) 14%,var(--border))}.catalog-hero .eyebrow{font-size:11.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-primary)}.catalog-hero h1{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.03em;margin-top:6px;max-width:22ch;line-height:1.12}.catalog-hero>p{color:var(--text-2);margin-top:10px;max-width:60ch;font-size:14.5px;line-height:1.55}@media(max-width:639px){.catalog-hero{padding:24px 18px 20px;border-radius:22px;margin-bottom:28px}}.catalog-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0 0}.catalog-toolbar .search{position:relative;flex:1 1 280px;max-width:420px}.catalog-toolbar .search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-3);pointer-events:none}.catalog-toolbar .search input{padding-left:40px;height:46px;border-radius:14px;font-size:14.5px;box-shadow:0 10px 28px -8px #28180a24,0 2px 6px #28180a0d;border-color:var(--border)}.page>.catalog-toolbar{margin:0 0 28px}.cat-pills{display:flex;gap:6px;flex-wrap:wrap}.cat-pills button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:13px;cursor:pointer;color:var(--text-2);transition:background .12s,border-color .12s,color .12s}.cat-pills button .count{font-size:11px;color:var(--text-3);font-weight:600;background:var(--surface-3);border-radius:999px;padding:1px 7px}.cat-pills button:hover{border-color:var(--border-strong);color:var(--text)}.cat-pills button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.cat-pills button[aria-pressed=true] .count{color:var(--ink);background:var(--surface)}.cat-block{margin-bottom:40px}.cat-head,.section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cat-head .cat-badge,.section-head .cat-badge{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0;background:var(--surface-3);color:var(--text-2)}.cat-head .cat-badge svg,.section-head .cat-badge svg{width:16px;height:16px}.cat-head .cat-badge.solid,.section-head .cat-badge.solid{background:var(--brand-primary);color:#fff;box-shadow:0 4px 10px -4px #00000040}.cat-head h2,.section-head h2{font-size:18px;font-weight:750;letter-spacing:-.02em}.cat-head .cat-count,.section-head .cat-count{font-size:12px;font-weight:650;color:var(--text-3);background:var(--surface-3);border-radius:999px;padding:1px 8px;align-self:center}.cat-head p,.section-head p{color:var(--text-3);font-size:13px;flex-basis:100%}.cat-head>div,.section-head>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.cat-head>a,.section-head>a{margin-left:auto}.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.tpl-card{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;text-align:left;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;box-shadow:0 1px 2px #28180a0d;transition:border-color .15s,box-shadow .15s,transform .15s}.tpl-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 35%,var(--border));box-shadow:0 10px 28px -8px #28180a24,0 2px 6px #28180a0d;transform:translateY(-2px)}.tpl-card:hover .cta{color:var(--brand-primary)}.tpl-card:hover .cta svg{transform:translate(3px)}.tpl-card .top{display:flex;align-items:center;gap:12px;padding-right:34px}.tpl-card .ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.tpl-card h3{font-size:15px;font-weight:650;line-height:1.3;letter-spacing:-.01em}.tpl-card p{color:var(--text-2);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl-card .foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.tpl-card .tags{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.tpl-card .cta{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;font-size:12.5px;font-weight:650;color:var(--text-3);transition:color .15s}.tpl-card .cta svg{width:14px;height:14px;transition:transform .15s}.tpl-card-fav{z-index:2;width:32px;height:32px;border-radius:9px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--text-3);opacity:.55}.tpl-card-fav svg{width:16px;height:16px}.tpl-card-fav:hover{background:var(--surface-3);color:#d97706;opacity:1}.tpl-card-fav[aria-pressed=true]{color:#d97706;opacity:1}.tpl-card-fav[aria-pressed=true] svg{fill:currentColor}.email-card{display:flex;flex-direction:column;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px #28180a0d;transition:border-color .15s,box-shadow .15s,transform .15s}.email-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border));box-shadow:0 10px 28px -8px #28180a24,0 2px 6px #28180a0d;transform:translateY(-1px)}.email-card .email-card-link{flex:1;display:block;padding:14px 16px 8px;color:inherit;text-decoration:none}.email-card .top{display:flex;gap:12px;align-items:flex-start}.email-card .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.email-card .meta{min-width:0}.email-card .tpl{font-size:12px;font-weight:500;color:var(--text-3)}.email-card h3{font-size:14px;font-weight:600;margin-top:1px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.email-card .foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 8px 10px 16px;min-height:38px}.email-card .when{font-size:12px;color:var(--text-3);white-space:nowrap}.email-card-actions{display:flex;gap:0;margin-left:auto}.email-card .subj{display:block;font-size:12px;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-card .email-rename{display:flex;flex-direction:column;gap:8px}.email-card .email-rename .input{height:36px;font-weight:600}.editor-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.editor-bar .crumb{font-size:12.5px;color:var(--text-3)}.editor-bar .crumb b{color:var(--text-2);font-weight:550}.editor-bar .title{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 300px}.editor-bar .title .ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.editor-bar .title h1{font-size:18px;font-weight:650}.editor-bar .title>div{min-width:0}.editor-bar .title .small.muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70ch}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips a{flex-shrink:0;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);text-decoration:none;font-size:12.5px;font-weight:550}.chips a:hover{border-color:var(--border-strong);color:var(--text)}.chips a.active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent);color:var(--text)}.save-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);white-space:nowrap}.save-state svg{width:14px;height:14px;color:var(--ok)}.save-state.error{color:var(--danger)}.save-state.error svg{color:var(--danger)}.editor{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}@media(min-width:1200px){.editor{grid-template-columns:minmax(400px,5fr) 6fr}}.editor-form{display:flex;flex-direction:column;gap:12px;min-width:0}.editor-preview{min-width:0}@media(min-width:1200px){.editor-preview{position:sticky;top:72px}}.form-section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 16px;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none;border-radius:18px}.form-section>summary::-webkit-details-marker{display:none}.form-section>summary:hover{background:var(--surface-2)}.form-section>summary .emoji{font-size:15px;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3)}.form-section>summary .chev{margin-left:auto;width:16px;height:16px;color:var(--text-3);transition:transform .15s}.form-section[open]>summary{border-bottom:1px solid var(--border);border-radius:18px 18px 0 0}.form-section[open]>summary .chev{transform:rotate(180deg)}.form-section .section-body{padding:16px}.image-input{display:flex;gap:12px;align-items:flex-start}.image-input .thumb{width:64px;height:64px;border-radius:10px;flex-shrink:0;overflow:hidden;border:1px dashed var(--border-strong);background:var(--surface-2);display:grid;place-items:center;color:var(--text-3)}.image-input .thumb img{width:100%;height:100%;object-fit:cover}.image-input .thumb svg{width:20px;height:20px}.image-input .controls{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.image-input.dragging .thumb{border-color:var(--brand-primary);background:var(--primary-soft)}.list-input{display:flex;flex-direction:column;gap:8px}.list-input .list-item{display:flex;gap:10px;padding:10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.list-input .list-item .num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:650;color:var(--text-3);margin-top:8px}.list-input .list-item .item-fields{flex:1;display:grid;gap:8px;grid-template-columns:1fr;min-width:0}@media(min-width:640px){.list-input .list-item .item-fields.cols-2{grid-template-columns:1fr 1fr}.list-input .list-item .item-fields.cols-2 .full{grid-column:1/-1}}.list-input .list-item .item-actions{display:flex;flex-direction:column;gap:0}.blocks-input .block-item{padding:10px 10px 12px}.blocks-input .block-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.blocks-input .block-head{display:flex;align-items:center;gap:8px}.blocks-input .block-tag{font-size:12px;font-weight:650;padding:3px 9px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.blocks-input .block-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px;border-radius:12px;border:1px dashed var(--border-strong)}.table-input{display:flex;flex-direction:column;gap:8px;min-width:0}.table-input .table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.table-input table{border-collapse:collapse;width:100%}.table-input th{padding:2px 4px 0;text-align:center}.table-input td{padding:3px;min-width:120px}.table-input td.row-act{min-width:0;width:1%}.table-input tr.head .input{font-weight:650;background:var(--primary-soft)}.table-input .input{height:34px;font-size:13px}.table-input .table-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.preview-card{overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.preview-toolbar .label{font-size:12.5px;font-weight:550;color:var(--text-3);display:inline-flex;align-items:center;gap:6px}.preview-toolbar .label svg{width:15px;height:15px}.inbox-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center}.inbox-head .avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-primary);color:var(--on-primary);display:grid;place-items:center;font-weight:650;font-size:13px;flex-shrink:0}.inbox-head .meta{min-width:0;flex:1}.inbox-head .subject{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-head .pre{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-stage{background:var(--canvas);display:flex;justify-content:center;padding:0}.preview-stage iframe{display:block;width:100%;height:calc(100vh - 210px);min-height:560px;border:0;background:#fff;transition:width .2s ease}.preview-stage.mobile{padding:20px 0}.preview-stage.mobile iframe{width:375px;max-width:calc(100% - 24px);border-radius:28px;box-shadow:0 24px 56px -12px #28180a38,0 6px 16px #28180a12;border:10px solid #111827}.copy-grid{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:900px){.copy-grid{grid-template-columns:repeat(3,1fr)}}.copy-action{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);transition:border-color .12s,box-shadow .12s}.copy-action:hover{border-color:var(--border-strong);box-shadow:0 10px 28px -8px #28180a24,0 2px 6px #28180a0d}.copy-action .ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:4px;background:var(--surface-3);color:var(--text-2)}.copy-action .ico svg{width:18px;height:18px}.copy-action strong{font-size:14px;font-weight:600}.copy-action span{font-size:12.5px;color:var(--text-3);line-height:1.45}.copy-action.main{border-color:color-mix(in srgb,var(--brand-primary) 45%,var(--border));background:var(--primary-soft)}.copy-action.main .ico{background:var(--brand-primary);color:var(--on-primary)}.copy-action .ico.orange{background:var(--primary-soft);color:var(--brand-primary)}.copy-action .ico.dark{background:var(--surface-3);color:var(--text-2)}.subject-line{display:flex;gap:8px;align-items:center}.subject-line .input{font-weight:550}.how-to{font-size:13px;color:var(--text-2)}.how-to ol{margin:6px 0 0;padding-left:20px}.how-to ol li{margin:3px 0}.cco-toggle{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;cursor:pointer;background:var(--surface);border:1px solid var(--border)}.cco-toggle>svg{width:18px;height:18px;color:var(--text-3);flex-shrink:0}.cco-toggle>span{flex:1;min-width:0}.cco-toggle b{display:block;font-size:13.5px;font-weight:600}.cco-toggle small{display:block;color:var(--text-3);font-size:12.5px;margin-top:1px;line-height:1.4}.cco-toggle input{appearance:none;width:34px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.cco-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #28180a0d;transition:transform .15s}.cco-toggle input:checked{background:var(--brand-primary)}.cco-toggle input:checked:after{transform:translate(14px)}.cco-toggle.on{border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--border));background:var(--primary-soft)}.cco-toggle.on>svg{color:var(--brand-primary)}.cco-off{font-size:12.5px;color:var(--text-3);padding:9px 11px;border-radius:8px;background:var(--surface-2);border:1px dashed var(--border-strong)}.tracking .modes{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:640px){.tracking .modes{grid-template-columns:1fr 1fr}}.tracking .mode{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text)}.tracking .mode>b{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}.tracking .mode>b svg{width:16px;height:16px;color:var(--text-3);flex-shrink:0}.tracking .mode>span{font-size:12.5px;color:var(--text-3);line-height:1.45}.tracking .mode>span b{color:var(--text-2);font-weight:600}.tracking .mode:hover{border-color:var(--border-strong)}.tracking .mode[aria-pressed=true]{border-color:var(--brand-primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--brand-primary)}.tracking .mode[aria-pressed=true]>b svg{color:var(--brand-primary)}.tracking .recipients{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;max-height:460px;overflow-y:auto}.tracking .recipient{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px 9px 14px;background:var(--surface)}.tracking .recipient+.recipient{border-top:1px solid var(--border)}.tracking .recipient:hover{background:var(--surface-2)}.tracking .recipient .who{flex:1;min-width:160px}.tracking .recipient .who b{display:block;font-size:13.5px;font-weight:550}.tracking .recipient .who span{font-size:12px;color:var(--text-3)}.stat-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.stat-cards .stat{padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.stat-cards .stat .v{font-size:24px;font-weight:650;line-height:1.15;letter-spacing:-.02em}.stat-cards .stat .l{font-size:12.5px;color:var(--text-3);margin-top:4px}.send-box{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.send-box .send-box-text{display:flex;gap:10px;color:var(--text-2);font-size:13px;line-height:1.5}.send-box .send-box-text svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--ok)}.send-box .send-box-text b{color:var(--text)}.schedule-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--text);font-size:13px}.schedule-banner>svg{width:17px;height:17px;color:var(--brand-primary);flex-shrink:0}.editor-tabs-row{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:16px}.editor-tabs-row .tabs{flex:1 1 320px;min-width:0}.tracking .recipient.previewing{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--brand-primary)}.send-title{display:flex;align-items:center;gap:6px}.send-title .btn{opacity:.55}.send-title:hover .btn{opacity:1}.send-title-edit{display:flex;align-items:center;gap:6px;margin-top:4px}.send-title-edit .input{height:36px;font-size:16px;font-weight:600;min-width:min(420px,60vw)}.send-name{color:inherit;text-decoration:none}.send-name:hover{color:var(--brand-primary)}.admin-shell{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 24px 80px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start;align-content:start}@media(max-width:899px){.admin-shell{grid-template-columns:1fr;gap:16px;padding:20px 16px 56px}}.admin-main>.page{padding:0;max-width:none;margin:0}.admin-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}.admin-side .admin-side-title{font-size:18px;font-weight:750;letter-spacing:-.02em;padding:0 10px}.admin-side .admin-group{display:flex;flex-direction:column;gap:2px}.admin-side .admin-group-title{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:0 10px 6px}.admin-side a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--text-2);transition:background .12s,color .12s}.admin-side a .ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--surface);border:1px solid var(--border);color:var(--text-3)}.admin-side a .ico svg{width:16px;height:16px}.admin-side a .txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}.admin-side a .txt b{font-size:13.5px;font-weight:600;color:var(--text)}.admin-side a .txt small{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-side a:hover{background:var(--surface-3)}.admin-side a.active{background:var(--surface);box-shadow:0 1px 2px #28180a0d,0 0 0 1px var(--border)}.admin-side a.active .ico{background:var(--primary-soft);border-color:transparent;color:var(--brand-primary)}@media(max-width:899px){.admin-side{position:static;flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none}.admin-side::-webkit-scrollbar{display:none}.admin-side .admin-side-title,.admin-side .admin-group-title,.admin-side .txt small{display:none}.admin-side .admin-group{flex-direction:row}.admin-side a{padding:6px 10px 6px 6px;white-space:nowrap}.admin-side a .ico{width:28px;height:28px}}.tpl-editor{display:grid;gap:20px;grid-template-columns:1fr;align-items:start}@media(min-width:1200px){.tpl-editor{grid-template-columns:minmax(460px,1fr) minmax(420px,1fr)}}@media(min-width:1200px){.tpl-editor .tpl-preview{position:sticky;top:72px}}.builder-section{border:1px solid var(--border);border-radius:16px;background:var(--surface-2);padding:14px;display:flex;flex-direction:column;gap:8px}.builder-section .builder-head{display:flex;gap:6px;align-items:center}.builder-section .builder-head .input.icon-in{width:52px;text-align:center;padding:0}.builder-field{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.builder-field>.bf-head{display:flex;gap:8px;align-items:center;padding:6px 8px 6px 12px;cursor:pointer;border-radius:10px}.builder-field>.bf-head:hover{background:var(--surface-2)}.builder-field>.bf-head .type{font-size:11px;font-weight:550;padding:1px 7px;border-radius:5px;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.builder-field>.bf-head .key{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:11.5px;color:var(--text-3)}.builder-field>.bf-head .lbl{font-weight:550;font-size:13.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-field>.bf-body{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.subfield-row{display:grid;gap:6px;grid-template-columns:1fr 1fr 140px auto;align-items:center}@media(max-width:639px){.subfield-row{grid-template-columns:1fr 1fr}}.docs{font-size:12.5px}.docs dl{margin:0;display:grid;grid-template-columns:1fr;gap:2px 12px}.docs dt{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;font-size:11.5px;color:var(--text);word-break:break-word;margin-top:8px}.docs dd{margin:0;color:var(--text-3)}.temp-pass{font:600 18px/1 ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;letter-spacing:.04em;padding:14px;text-align:center;border-radius:10px;background:var(--surface-3);color:var(--text);-webkit-user-select:all;user-select:all}.export-list{display:flex;flex-direction:column;gap:12px}.export-list .cat{border:1px solid var(--border);border-radius:16px;overflow:hidden}.export-list .cat-title{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);font-weight:600;border-bottom:1px solid var(--border)}.export-list .items{display:grid;gap:6px 16px;padding:12px 14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.swatches{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.drop-zone{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;margin-bottom:20px;border:1.5px dashed var(--border-strong);border-radius:18px;background:var(--surface);color:var(--text-3);font-size:13px;text-align:center}.drop-zone svg{width:18px;height:18px;flex-shrink:0}.drop-zone.over{border-color:var(--brand-primary);background:var(--primary-soft);color:var(--text)}.img-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.img-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px #28180a0d}.img-card .img-thumb{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(var(--surface-3) 0% 25%,var(--surface) 0% 50%) 50%/14px 14px}.img-card .img-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.img-card .img-meta{display:flex;flex-direction:column;min-width:0}.user-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px #28180a0d;overflow:hidden}.user-row{display:grid;grid-template-columns:40px minmax(0,1.6fr) 130px minmax(0,1fr) 140px auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.user-row:last-child{border-bottom:0}.user-row:hover{background:var(--surface-2)}.user-row.off .avatar,.user-row.off .who{opacity:.55}.user-row .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--primary-soft);color:color-mix(in srgb,var(--brand-primary) 85%,var(--text))}.user-row .who{display:flex;flex-direction:column;min-width:0}.user-row .who b{font-size:14px;font-weight:650;display:flex;align-items:center}.user-row .who>span{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row .badge{justify-self:start}.user-row .role-admin{background:var(--primary-soft);color:color-mix(in srgb,var(--brand-primary) 85%,var(--text))}.user-row .role-editor{background:var(--info-bg);color:var(--info)}@media(max-width:899px){.user-row{grid-template-columns:40px minmax(0,1fr) auto}.user-row .last,.user-row .status{display:none}.user-row>.badge{display:none}}.role-picker{display:grid;gap:6px;grid-template-columns:1fr}.role-picker button{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 14px;border-radius:12px;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.role-picker button b{font-size:13.5px;font-weight:650}.role-picker button span{font-size:12px;color:var(--text-3);line-height:1.4}.role-picker button:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--border-strong))}.role-picker button[aria-checked=true]{border-color:var(--brand-primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--brand-primary)}.role-picker button:disabled{cursor:not-allowed;opacity:.6}.user-extra{display:grid;grid-template-columns:1fr auto;gap:12px 16px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.user-extra>div{display:flex;flex-direction:column}.user-extra>div b{font-size:13.5px;color:var(--text)}