.ak{display:grid;gap:22px}.ak-bar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.ak .ak-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 20px;border:0;border-radius:999px;font:600 15px/1.2 Nunito,system-ui,sans-serif;cursor:pointer;transition:background-color .15s}.ak .ak-btn:disabled{opacity:.45;cursor:default}.ak .ak-dark{background:var(--sk-surface-dark,#34343b);color:#fff}.ak .ak-dark:hover:not(:disabled){background:var(--sk-surface-dark-hover,#45454d)}.ak .ak-soft{background:#fff;color:var(--sk-ink,#111);box-shadow:inset 0 0 0 1px #e6e8ec}.ak .ak-soft:hover:not(:disabled){box-shadow:inset 0 0 0 1px #cfd4da}.ak-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:22px;align-items:start}.ak-item{display:grid;gap:10px;align-content:start;min-width:0}.ak .ak-tap{display:block;width:100%;padding:0;border:0;border-radius:12px;background:none;text-align:left;cursor:pointer;transition:transform .2s ease}.ak .ak-tap .ak-card{transition:box-shadow .2s}.ak .ak-tap:hover{transform:translateY(-2px)}.ak .ak-tap:hover .ak-card{box-shadow:0 0 0 1px #dfe3e8,0 10px 22px -12px rgba(15,42,76,.38)}.ak-joined{display:inline-flex;align-items:center;gap:8px;color:var(--sk-text-secondary,#45454d);font-size:13.5px;font-weight:600}.ak-check{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#3f7f2b;color:#fff}.ak-check svg{width:14px;height:14px}.ak-empty{color:var(--sk-text-secondary,#45454d)}.ak-groups{display:flex;flex-wrap:wrap;gap:6px}.ak-groups a{padding:8px 14px;border-radius:999px;background:#f3f4f2;color:#45454d;font-size:14px;font-weight:600;text-decoration:none}.ak-groups a[aria-current=page]{background:var(--sk-blue-100,#e5eefa);color:var(--sk-blue-700,#174e91)}.ak-card{position:relative;container-type:inline-size;aspect-ratio:85.6/54;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 0 0 1px #e3e6ea,0 6px 18px -14px rgba(15,42,76,.35);color:#111;font-family:Nunito,system-ui,sans-serif}.ak-in{--u:calc(100cqw / 85.6);inset:0}.ak-brand,.ak-in{position:absolute}.ak-brand{left:calc(var(--u) * 5.2);top:calc(var(--u) * 5);display:flex;align-items:center;gap:calc(var(--u) * 1.6)}.ak-brand img{width:calc(var(--u) * 6.4);height:calc(var(--u) * 6.4);display:block}.ak-brand span{color:#2d3035;font-size:calc(var(--u) * 3.6);font-weight:700;line-height:1;letter-spacing:-.01em}.ak-name{top:calc(var(--u) * 20.6);font-weight:700;line-height:1.1;letter-spacing:-.01em}.ak-line,.ak-name{position:absolute;left:calc(var(--u) * 5.2);max-width:calc(var(--u) * 41);white-space:nowrap;overflow:hidden}.ak-line{top:calc(var(--u) * 28.6);color:#45454d;font-size:calc(var(--u) * 3.1);font-weight:600;line-height:1.2;text-overflow:ellipsis}.ak-code{position:absolute;left:calc(var(--u) * 5.2);bottom:calc(var(--u) * 5);font-size:calc(var(--u) * 4.4);font-feature-settings:"calt" 0,"liga" 0;font-weight:700;line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums}.ak-qr-box{position:absolute;right:calc(var(--u) * 5.2);top:calc(var(--u) * 11.5);width:calc(var(--u) * 31);height:calc(var(--u) * 31);box-sizing:border-box;padding:calc(var(--u) * 2.2);border-radius:calc(var(--u) * 2.6);background:#f4f6f9}.ak-qr{display:block;width:100%;height:100%}.ak-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:22px;background:#fff;color:var(--sk-text,#34343b);box-shadow:0 30px 60px -24px rgba(15,42,76,.5);overflow:auto}.ak-dialog::backdrop{background:rgba(17,24,39,.32)}.ak-dbox{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px}.ak-preview{display:flex;gap:16px;overflow-x:auto;padding:28px;background:#f3f5f8}.ak-preview .ak-a4{flex:none;width:250px;background:#fff;box-shadow:0 6px 18px -10px rgba(15,42,76,.35)}.ak-a4{container-type:inline-size;box-sizing:border-box;aspect-ratio:210/297;padding:14.76cqw 7.8cqw 0;display:grid;grid-template-columns:repeat(2,40.76cqw);grid-auto-rows:25.71cqw;gap:2.86cqw;align-content:start}.ak-preview .ak-card{border-radius:1.6cqw;box-shadow:0 0 0 .5px #c9ced6}.ak-side{display:flex;flex-direction:column;gap:18px;padding:28px}.ak-side h2{margin:0;color:var(--sk-ink,#111);font:700 21px/1.25 Nunito,system-ui,sans-serif}.ak-opts{display:grid;gap:8px}.ak-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px #e6e8ec;color:var(--sk-ink,#111);font-weight:600;font-size:14.5px;cursor:pointer}.ak-opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--sk-blue-600,#2f6fbb);background:var(--sk-blue-50,#f0f5fc)}.ak-opt:has(input:disabled){opacity:.5;cursor:default}.ak-opt input{width:18px;height:18px;margin:0;accent-color:var(--sk-blue-700,#174e91)}.ak-opt small{display:block;color:#5d5d66;font-weight:500;font-size:13px}.ak-note{margin:0;color:#5d5d66;font-size:13.5px}.ak-acts{display:grid;gap:8px;margin-top:auto}.ak .ak-x{position:absolute;right:14px;top:12px;z-index:1;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:none;color:#45454d;cursor:pointer}.ak .ak-x:hover{color:#111}@media(max-width:760px){.ak-dbox{grid-template-columns:minmax(0,1fr)}.ak-preview{padding:20px}.ak-preview .ak-a4{width:200px}.ak-side{padding:22px}}.ak-print{display:none}@media print{@page{size:A4;margin:0}body>:not(.ak-print){display:none!important}body,html{background:#fff!important;margin:0!important;padding:0!important;min-height:0!important}.ak-print{display:block}.ak-print .ak-a4{width:210mm;height:296mm;aspect-ratio:auto;padding:31mm 16.4mm 0;grid-template-columns:repeat(2,85.6mm);grid-auto-rows:54mm;gap:6mm;break-after:page;overflow:hidden}.ak-print .ak-a4:last-child{break-after:auto}.ak-print .ak-card{width:85.6mm;height:54mm;border-radius:3mm;box-shadow:none;outline:.2mm dashed #c4c9d0}.ak-print .ak-card,.ak-print .ak-qr-box{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(prefers-reduced-motion:reduce){.ak .ak-btn,.ak .ak-tap{transition:none}.ak .ak-tap:hover{transform:none}}.ak-sample .ak-ph{display:block;border-radius:calc(var(--u) * 1.4);background:#eef0f3}.ak-sample .ak-name.ak-ph{width:calc(var(--u) * 30);height:calc(var(--u) * 5.6)}.ak-sample .ak-ph-code{width:calc(var(--u) * 24);height:calc(var(--u) * 4.4);background:#e3edfa}