@font-face{font-family:Open Runde;font-weight:400;font-style:normal;font-display:swap;src:url(/admin/fonts/OpenRunde-Regular.woff2) format("woff2")}@font-face{font-family:Open Runde;font-weight:500;font-style:normal;font-display:swap;src:url(/admin/fonts/OpenRunde-Medium.woff2) format("woff2")}@font-face{font-family:Open Runde;font-weight:600;font-style:normal;font-display:swap;src:url(/admin/fonts/OpenRunde-Semibold.woff2) format("woff2")}@font-face{font-family:Open Runde;font-weight:700;font-style:normal;font-display:swap;src:url(/admin/fonts/OpenRunde-Bold.woff2) format("woff2")}:root{--bg-canvas: #F4F1EB;--bg-surface: #F8F6F1;--bg-sunken: #ECE7DD;--bg-muted: #EAE5DB;--bg-inverse: #161413;--text-primary: #161413;--text-secondary: #4C4743;--text-tertiary: #868079;--text-inverse: #F4F1EB;--text-on-accent: #FFFFFF;--ember: #DA481B;--ember-soft: #F8DED3;--sage: #536E5C;--sage-soft: #DDE6DF;--vellum: #EADBB8;--border: #E3DDD1;--border-strong: #868079;--success: #536E5C;--error: #C32218;--error-soft: #F6DAD6;--scrim: rgba(22, 20, 19, .5);--r-12: 12px;--r-16: 16px;--r-20: 20px;--r-24: 24px;--r-28: 28px;--r-32: 32px;--r-full: 9999px;--ease: cubic-bezier(.215, .61, .355, 1);--font: "Open Runde", system-ui, sans-serif;--sidebar-w: 256px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:21px;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}.t-display-m{font-weight:500;font-size:30px;line-height:34px;letter-spacing:-.035em}.t-display-s{font-weight:500;font-size:24px;line-height:28px;letter-spacing:-.03em}.t-title-l{font-weight:600;font-size:22px;line-height:26px;letter-spacing:-.03em}.t-title-m{font-weight:600;font-size:18px;line-height:22px;letter-spacing:-.03em}.t-title-s{font-weight:600;font-size:16px;line-height:20px;letter-spacing:-.025em}.t-body-l{font-weight:400;font-size:17px;line-height:24px;letter-spacing:-.02em}.t-body-m{font-weight:400;font-size:15px;line-height:21px;letter-spacing:-.02em}.t-body-s{font-weight:400;font-size:13px;line-height:18px;letter-spacing:-.015em}.t-label-m{font-weight:500;font-size:13px;line-height:17px;letter-spacing:-.015em}.t-label-s{font-weight:500;font-size:11px;line-height:14px;letter-spacing:-.01em}.t-caption{font-weight:400;font-size:12px;line-height:16px;letter-spacing:-.005em}.t-overline{font-weight:600;font-size:11px;line-height:14px;letter-spacing:.02em;text-transform:uppercase}.t-number-l{font-weight:500;font-size:40px;line-height:42px;letter-spacing:-.04em}.t-number-m{font-weight:500;font-size:28px;line-height:30px;letter-spacing:-.035em}.muted{color:var(--text-secondary)}.faint{color:var(--text-tertiary)}.sidebar{position:fixed;top:16px;left:16px;bottom:16px;width:var(--sidebar-w);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-28);padding:20px 12px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:2px 12px 8px}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--ember);display:grid;place-items:center}.nav-group{margin:10px 12px 4px;color:var(--text-tertiary)}.nav-item{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-radius:var(--r-full);text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:15px;transition:background-color .16s var(--ease),color .16s var(--ease);border:0;background:transparent;width:100%;text-align:left;cursor:pointer}.nav-item:hover{background:var(--bg-muted);color:var(--text-primary)}.nav-item.active{background:var(--bg-muted);color:var(--text-primary);font-weight:600}.nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:var(--r-full);background:var(--ember);color:var(--text-on-accent);font-size:12px;font-weight:600;display:inline-grid;place-items:center}.sidebar-foot{margin-top:auto;padding:12px 8px 4px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border)}.me{display:flex;align-items:center;gap:10px;min-width:0}.me>div{min-width:0}.me .t-label-m,.me .t-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.main{margin-left:calc(var(--sidebar-w) + 32px);padding:32px 40px 80px 8px;min-height:100vh}.page{max-width:1120px;margin:0 auto 0 0;display:flex;flex-direction:column;gap:24px;animation:rise .22s var(--ease) both}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px}.page-head p{margin-top:6px;max-width:640px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topbar{display:none}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-24);padding:24px}.card.flat{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.grid{display:grid;gap:16px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-28);padding:20px 22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:background-color .16s var(--ease)}a.stat:hover,button.stat:hover{background:var(--bg-sunken)}.stat.ink{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--text-inverse)}.stat.ink .faint,.stat.ink .muted{color:#bdb6ab}.stat.ember-soft{background:var(--ember-soft);border-color:var(--ember-soft)}.stat.sage-soft{background:var(--sage-soft);border-color:var(--sage-soft)}.stat.vellum{background:#f3ead2;border-color:#eadbb8}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.stack.s8{gap:8px}.stack.s16{gap:16px}.stack.s24{gap:24px}.grow{flex:1 1 auto;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:var(--r-full);border:1px solid transparent;font-weight:600;font-size:15px;line-height:19px;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .16s var(--ease),border-color .16s var(--ease),transform 90ms var(--ease),opacity .16s var(--ease)}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none}.btn.sm{height:40px;padding:0 16px;font-size:13px;line-height:16px;letter-spacing:-.015em}.btn.lg{height:56px;padding:0 28px;font-size:16px}.btn.ink{background:var(--bg-inverse);color:#f8f6f1}.btn.ink:hover:not(:disabled){background:#2a2623}.btn.ember{background:var(--ember);color:#f8f6f1}.btn.ember:hover:not(:disabled){background:#c94118}.btn.outline{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn.outline:hover:not(:disabled){background:var(--bg-muted)}.btn.ghost{background:transparent;color:var(--text-primary)}.btn.ghost:hover:not(:disabled){background:var(--bg-muted)}.btn.danger{background:var(--error);color:#f8f6f1}.btn.danger:hover:not(:disabled){background:#a91c13}.btn.danger-outline{background:var(--bg-surface);color:var(--error);border-color:var(--error)}.btn.danger-outline:hover:not(:disabled){background:var(--error-soft)}.icon-btn{width:44px;height:44px;border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--bg-surface);display:inline-grid;place-items:center;cursor:pointer;transition:background-color .16s var(--ease)}.icon-btn:hover{background:var(--bg-muted)}.icon-btn.sm{width:36px;height:36px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-full);font-size:12px;font-weight:600;letter-spacing:-.01em;background:var(--bg-muted);color:var(--text-secondary);white-space:nowrap}.tag.ember{background:var(--ember-soft);color:#a8330f}.tag.sage{background:var(--sage-soft);color:var(--sage)}.tag.vellum{background:var(--vellum);color:#5a4a1e}.tag.red{background:var(--error-soft);color:var(--error)}.tag.ink{background:var(--bg-inverse);color:var(--text-inverse)}.avatar{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;font-weight:600;font-size:14px;background:var(--vellum);color:var(--text-primary);flex:none}.avatar.sage{background:var(--sage);color:#fff}.avatar.ember{background:var(--ember);color:#fff}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.lg{width:56px;height:56px;font-size:18px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--bg-surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.field{display:flex;flex-direction:column;gap:8px}.field>label,.label{font-weight:500;font-size:13px;line-height:17px;color:var(--text-secondary)}.input,.select,.textarea{width:100%;height:48px;padding:0 16px;border-radius:var(--r-16);border:1px solid var(--border);background:var(--bg-surface);font-size:16px;line-height:21px;outline:none;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.textarea{height:auto;min-height:96px;padding:12px 16px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.select:focus,.textarea:focus{border-color:var(--ember);box-shadow:0 0 0 3px #da481b2e}.input.invalid{border-color:var(--error)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23868079' 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 14px center;cursor:pointer}.hint{font-size:13px;line-height:18px;color:var(--text-tertiary)}.err{font-size:13px;line-height:18px;color:var(--error)}.search{position:relative}.search .input{padding-left:44px;border-radius:var(--r-full)}.search svg{position:absolute;left:16px;top:14px;pointer-events:none}.toggle{width:52px;height:32px;border-radius:var(--r-full);background:var(--border-strong);border:0;position:relative;cursor:pointer;transition:background-color .16s var(--ease);flex:none;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .16s var(--ease)}.toggle[aria-checked=true]{background:var(--sage)}.toggle[aria-checked=true]:after{transform:translate(20px)}.toggle:disabled{opacity:.4;cursor:not-allowed}.segmented{display:inline-flex;padding:4px;border-radius:var(--r-full);background:var(--bg-muted);gap:2px;flex-wrap:nowrap;width:max-content;max-width:none}.segmented button{flex:none;white-space:nowrap}.segmented button{height:36px;padding:0 16px;border-radius:var(--r-full);border:0;background:transparent;font-weight:500;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:background-color .16s var(--ease),color .16s var(--ease);display:inline-flex;align-items:center;gap:8px}.segmented button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);font-weight:600;box-shadow:0 0 0 1px var(--border),0 1px 2px #1614130a}.page>.segmented{align-self:flex-start;max-width:100%}.segmented .count{font-size:12px;font-weight:600;padding:1px 7px;border-radius:var(--r-full);background:var(--ember);color:#fff}.list>.item{display:flex;align-items:center;gap:14px;padding:16px 24px;border-top:1px solid var(--border)}.list>.item:first-child{border-top:0}.list>.item.click{cursor:pointer;transition:background-color .16s var(--ease)}.list>.item.click:hover{background:var(--bg-sunken)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:14px 16px;color:var(--text-tertiary);font-weight:600;font-size:11px;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:14px 16px;border-top:1px solid var(--border);vertical-align:middle}.table tr:first-child td{border-top:0}.table tbody tr.click{cursor:pointer;transition:background-color .16s var(--ease)}.table tbody tr.click:hover{background:var(--bg-sunken)}.table th:first-child,.table td:first-child{padding-left:24px}.table th:last-child,.table td:last-child{padding-right:24px}.pager{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;animation:fade .2s var(--ease) both}.scrim-modal{z-index:70}.drawer,.dialog,.palette{background-color:var(--bg-surface);opacity:1;isolation:isolate}.drawer{position:fixed;top:16px;right:16px;bottom:16px;width:520px;max-width:calc(100vw - 32px);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-28);z-index:51;display:flex;flex-direction:column;animation:slide-in .26s var(--ease) both;box-shadow:0 -2px 16px #1614130d}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 8px}.drawer-body{padding:8px 24px 24px;overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:20px}.drawer-foot{padding:16px 24px 24px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--border)}.dialog{position:fixed;z-index:71;left:50%;top:50%;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;transform:translate(-50%,-50%);background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-28);padding:28px;display:flex;flex-direction:column;gap:20px;animation:pop .22s var(--ease) both;box-shadow:0 -2px 16px #1614130d}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(16px)}to{transform:none}}@keyframes pop{0%{transform:translate(-50%,calc(-50% + 8px))}to{transform:translate(-50%,-50%)}}@keyframes palette-in{0%{transform:translate(-50%) translateY(6px)}to{transform:translate(-50%)}}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--r-full);padding:12px 20px;font-weight:500;font-size:14px;animation:rise .2s var(--ease) both;max-width:calc(100vw - 32px)}.toast.error{background:var(--error);color:#fff}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 24px}.empty .disc{width:72px;height:72px;border-radius:50%;background:var(--sage-soft);display:grid;place-items:center;margin-bottom:6px}.empty .disc.ember{background:var(--ember-soft)}.empty .disc.vellum{background:var(--vellum)}.empty p{max-width:420px}.skel{background:linear-gradient(90deg,var(--bg-muted),var(--bg-sunken),var(--bg-muted));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-12)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:var(--r-20);background:var(--vellum);color:#4a3d17}.notice.red{background:var(--error-soft);color:#7a140d}.notice.sage{background:var(--sage-soft);color:#2f4838}.kv{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;align-items:start}.kv dt{color:var(--text-tertiary)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.perm{display:grid;grid-template-columns:1fr 88px 88px 88px;align-items:center;padding:14px 24px;border-top:1px solid var(--border);gap:8px}.perm.head{border-top:0;color:var(--text-tertiary)}.perm>:not(:first-child){text-align:center;display:grid;place-items:center}.code-card{display:grid;grid-template-columns:148px 1fr auto;gap:24px;align-items:center}.qr{width:148px;height:148px;border-radius:var(--r-20);background:#fff;border:1px solid var(--border);display:grid;place-items:center;padding:8px}.qr canvas,.qr img{width:100%;height:100%}.code-text{font-weight:600;font-size:34px;line-height:38px;letter-spacing:.06em}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px}.login{width:440px;max-width:100%;display:flex;flex-direction:column;gap:24px}.tabs-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sep{height:1px;background:var(--border);border:0;margin:0}@media(max-width:1000px){.sidebar{transform:translate(calc(-100% - 32px));transition:transform .26s var(--ease);box-shadow:none;z-index:60}.sidebar.open{transform:none}.topbar{display:flex;position:sticky;top:16px;z-index:15;margin:16px 16px 0;height:56px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;justify-content:space-between;padding:0 8px 0 20px}.main{margin-left:0;padding:20px 16px 64px;min-height:0}.grid.c4,.grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.code-card{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:2px 0}.page-head .t-display-m{font-size:26px;line-height:30px}}@media(max-width:640px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}.card{padding:20px}.list>.item{padding:14px 16px}.drawer{top:auto;left:16px;right:16px;bottom:16px;width:auto;max-width:none;max-height:calc(100vh - 32px);border-radius:var(--r-28);animation-name:rise-in}.dialog{padding:24px}.table.stack-narrow thead{display:none}.table.stack-narrow,.table.stack-narrow tbody,.table.stack-narrow tr,.table.stack-narrow td{display:block;width:100%}.table.stack-narrow tr{padding:14px 16px;border-top:1px solid var(--border)}.table.stack-narrow tr:first-child{border-top:0}.table.stack-narrow td{border:0;padding:3px 0!important}.perm{grid-template-columns:1fr 60px 60px 60px;padding:12px 16px}.btn.lg{width:100%}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}.stat>.tag,.stat>.row>.tag{align-self:flex-start}.stat>.tag{align-self:flex-start}.segmented.chips{background:transparent;padding:0;gap:8px;flex-wrap:wrap;width:auto}.segmented.chips button{height:36px;padding:0 16px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);font-weight:500}.segmented.chips button:hover{background:var(--bg-muted)}.segmented.chips button[aria-pressed=true]{background:var(--bg-inverse);color:var(--text-inverse);border-color:var(--bg-inverse);box-shadow:none;font-weight:500}.tile{width:48px;height:48px;border-radius:var(--r-16);background:var(--sage);display:grid;place-items:center;flex:none}.row .select{min-width:84px}.table.stack-narrow td[data-label]:before{display:none}@media(max-width:640px){.table.stack-narrow td[data-label]:before{display:inline;content:attr(data-label) ": ";color:var(--text-tertiary);font-size:13px}.list>.item{flex-wrap:wrap}.list>.item>.stack.s8:last-child:not(:first-child){flex-direction:row;flex-wrap:wrap;width:100%}.list>.item>.stack.s8:last-child:not(:first-child)>.btn{flex:1 1 auto}}.wizard{width:480px;animation:rise .22s var(--ease) both}.linklike{background:none;border:0;padding:0;color:var(--text-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.logo-pick{width:64px;height:64px;border-radius:var(--r-20);background:var(--bg-sunken);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;flex:none}.logo-pick img,.brand-logo{width:100%;height:100%;object-fit:contain;display:block}.brand-mark:has(.brand-logo){background:#fff;border:1px solid var(--border);overflow:hidden}.step-icon{width:40px;height:40px;border-radius:50%;background:var(--sage-soft);display:grid;place-items:center;flex:none}@media(max-width:560px){.firstrun .list>.item .btn{width:100%}}@media(prefers-reduced-motion:reduce){.wizard,.page,.dialog,.drawer,.palette,.scrim{animation:none}}.firstrun .list>.item .grow{flex:1 1 0;min-width:150px}.palette{position:fixed;z-index:72;left:50%;top:16%;transform:translate(-50%);width:560px;max-width:calc(100vw - 32px);max-height:min(640px,calc(100vh - 48px));background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-28);display:flex;flex-direction:column;overflow:hidden;animation:palette-in .2s var(--ease) both;box-shadow:0 -2px 16px #1614130d}.palette-search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.palette-search .input{border:0;box-shadow:none;padding:0;flex:1;background:transparent}.palette-kbd{font:inherit;font-size:11px;font-weight:600;color:var(--text-tertiary);border:1px solid var(--border);border-radius:8px;padding:2px 6px}.palette-body{overflow:auto;padding-bottom:12px}.palette-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 20px;background:none;border:0;cursor:pointer;border-radius:0}.palette-item:hover,.palette-item:focus-visible{background:var(--bg-muted)}.sidebar-search{margin:8px 8px 4px}.brand-preview{border-radius:var(--r-28);overflow:hidden;border:1px solid var(--border);background:var(--bg-sunken);min-height:220px;display:flex;flex-direction:column}.brand-preview .cover{height:120px;background:var(--bg-muted) center/cover no-repeat}.brand-preview .meta{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-surface)}.brand-preview .swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);flex:none}.color-row{display:flex;align-items:center;gap:8px}.color-row input[type=color]{width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:12px;background:none;cursor:pointer}