.ctl-btn{background:var(--blue);color:#fff;white-space:nowrap;height:32px;transition:background var(--d-1), transform var(--d-2) var(--ease-snap);border-radius:7px;padding:0 14px;font-size:13px;font-weight:500}.ctl-btn:active{transform:scale(.97)}@media (hover:hover){.ctl-btn:hover{background:var(--blue-hover)}}.ctl-seg{background:var(--paper);border-radius:7px;padding:3px;display:flex}.ctl-seg button{color:var(--graphite);white-space:nowrap;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:500;position:relative}.ctl-seg button span{z-index:1;position:relative}.ctl-seg button.on{color:var(--ink)}.ctl-seg-thumb{background:#fff;border-radius:5px;position:absolute;inset:0;box-shadow:0 1px 2px #00000014}.ctl-toggle{color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;padding:0 4px;font-size:12.5px;font-weight:500;display:inline-flex}.ctl-switch{background:var(--line-strong);width:28px;height:16px;transition:background var(--d-2);border-radius:99px;position:relative}.ctl-switch i{width:12px;height:12px;transition:transform var(--d-2) var(--ease-snap);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.ctl-toggle.on .ctl-switch{background:var(--ink)}.ctl-toggle.on .ctl-switch i{transform:translate(12px)}.ctl-range{color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.ctl-range input{width:110px;accent-color:var(--ink)}.ctl-note{font:400 11px var(--font-mono);color:var(--graphite);white-space:nowrap;letter-spacing:.02em}.ctl-spacer{flex:1}.kit{--k-2:#6b7280;--k-3:#9ca3af;--k-surface:#fff;--k-subtle:#fafafb;--k-line:#eceef1;--k-stub:#e6e8ec;--k-stub-strong:#d7dae0;--k-btn:#1f2328;--k-btn-text:#fff;letter-spacing:0;color:#1f2328;background:var(--k-surface);-webkit-user-select:none;user-select:none;font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden;transform:translateZ(0)}.kit.dark{color:#e6e8ec;--k-2:#9ca3af;--k-surface:#16181c;--k-subtle:#1c1f24;--k-line:#2a2e35;--k-stub:#2a2e35;--k-stub-strong:#363b44;--k-btn:#e6e8ec;--k-btn-text:#16181c}.kit,.kit *{transition-property:background-color,color,border-color;transition-duration:.2s}.kit :focus-visible{border-radius:6px;outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2328}.kit-window{width:min(560px,100%);box-shadow:var(--shadow-float);border-radius:10px;flex-direction:column;display:flex}.kit-bar{border-bottom:1px solid var(--k-line);background:#f6f7f8;flex:none;align-items:center;height:28px;display:flex;position:relative}.kit.dark .kit-bar{background:#1f2227}.kit-dots{gap:6px;padding-left:10px;display:flex}.kit-dots i{background:#dadde2;border-radius:50%;width:8px;height:8px}.kit.dark .kit-dots i{background:#3a3f47}.kit-title{color:#8a919d;white-space:nowrap;font-size:11.5px;position:absolute;left:50%;transform:translate(-50%)}.kit-body{flex:1;min-height:0;position:relative}.kit-device{width:232px;box-shadow:var(--shadow-float);border:1px solid #0d10151a;border-radius:28px;flex-direction:column;padding-top:22px;display:flex}.kit-notch{background:#e6e8ec;border-radius:6px;width:64px;height:6px;margin-left:-32px;position:absolute;top:8px;left:50%}.kit-bare{border-radius:12px;box-shadow:0 0 0 1px #0d10150f,0 8px 24px -8px #0d10151f}.stub{background:var(--k-stub);border-radius:4px;flex:none;display:block}.stub.strong{background:var(--k-stub-strong)}.stub-lines{flex-direction:column;gap:9px;display:flex}.kit-side{background:var(--k-subtle);border-right:1px solid var(--k-line);flex-direction:column;flex:none;gap:4px;width:120px;padding:12px 10px;display:flex}.kit-side-row{border-radius:6px;align-items:center;gap:8px;padding:6px;display:flex}.kit-side-row.on{background:var(--k-line)}.kit-btn{background:var(--k-btn);height:28px;color:var(--k-btn-text);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.kit-btn.ghost{background:var(--k-surface);color:inherit;border:1px solid var(--k-line)}.kit-btn.danger{color:#fff;background:#c4372d}.kit-btn:active{transform:scale(.97)}.kit-avatar{background:var(--k-line);width:24px;height:24px;color:var(--k-2);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.kit-input{border:1px solid var(--k-line);background:var(--k-surface);height:30px;color:inherit;border-radius:6px;width:100%;padding:0 10px;font-size:12.5px}.kit-input:focus{border-color:#1f2328;outline:none}.kit-row{border-bottom:1px solid var(--k-line);align-items:center;gap:10px;padding:8px 12px;display:flex}.kit-label{color:var(--k-2);font-size:11.5px;font-weight:500}.subject{outline-offset:10px;animation:subject-in var(--d-3) var(--ease-snap) .18s forwards;border-radius:8px;outline:2px solid #0000;position:relative}.subject.inline{display:inline-block}@keyframes subject-in{to{outline-color:var(--blue);outline-offset:4px}}.kit-pin{background:var(--blue);color:#fff;width:22px;height:22px;font:500 11px var(--font-mono);z-index:5;animation:pin-pop .35s var(--ease-pop) .3s both;border-radius:50%;place-items:center;display:grid;position:absolute;top:-15px;left:-15px;box-shadow:0 0 0 3px #fff}@keyframes pin-pop{0%{transform:scale(0)}}.subject.pin-inside>.kit-pin{top:8px;left:8px}