:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-background:#fff;--color-surface:#f4f5f7;--color-border:#d6d9de;--color-text:#1a1a1a;--color-muted:#5c6066;--color-accent:#1f5fd6;--color-accent-text:#fff;--color-danger:#b42318;--color-backdrop:#00000073;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-background:#121212;--color-surface:#1e1f22;--color-border:#3a3d42;--color-text:#f2f2f2;--color-muted:#a9adb3;--color-accent:#6b9dff;--color-accent-text:#0b1220;--color-danger:#ff8a80;--color-backdrop:#000000a6}}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);min-width:320px;color:var(--color-text);margin:0}h1{margin:0 0 16px;font-size:1.5rem;line-height:1.25}h2{margin:16px 0 8px;font-size:1.1rem}.auth{max-width:480px;margin:0 auto;padding:32px 16px}.layout{min-height:100vh}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;display:flex}.topbar .who{color:var(--color-muted);margin-left:auto}.topbar .error{flex-basis:100%;margin:0}.page{max-width:1080px;margin:0 auto;padding:24px 16px}.page:focus{outline:none}.page:has(.constructor-page){max-width:1440px}.sections{border-bottom:1px solid var(--color-border);gap:24px;padding:0 16px;display:flex}.sections a{min-height:44px;color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.sections a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--color-accent);font-weight:600}.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;margin:16px 0;padding:16px}.field{margin:0 0 16px}.field label{margin-bottom:4px;font-weight:600;display:block}.input{border:1px solid var(--color-border);background:var(--color-background);width:100%;max-width:480px;min-height:44px;color:var(--color-text);font:inherit;border-radius:8px;padding:8px 12px;display:block}.input.code{letter-spacing:.2em;font-variant-numeric:tabular-nums;max-width:10ch}.input[aria-invalid=true]{border-color:var(--color-danger)}.hint,.muted{color:var(--color-muted)}.hint{margin:4px 0 0;font-size:.9rem}.error{color:var(--color-danger)}.notice{background:var(--color-surface);border-radius:8px;padding:12px}.button{border:1px solid var(--color-accent);background:var(--color-accent);min-height:44px;color:var(--color-accent-text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 20px;font-weight:600}.button.secondary{color:var(--color-accent);background:0 0}.button.danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.button.small{min-height:44px;padding:4px 12px;font-weight:500}.button:disabled{opacity:.5;cursor:default}.link-button{min-height:44px;color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:8px 0;text-decoration:underline;display:block}.actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.checkbox{align-items:center;gap:8px;margin:16px 0;display:flex}.enrollment{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.enrollment .qr{image-rendering:pixelated;background:#fff;border-radius:8px;padding:8px}.enrollment>div{flex:240px}.secret,.codes code{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.codes{columns:2;padding-left:24px}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:8px}.table .actions{margin-top:0}@media (width<=720px){.table thead{display:none}.table tr{border-bottom:1px solid var(--color-border);padding:8px 0;display:block}.table td{border:0;padding:2px 0;display:block}}.backdrop{background:var(--color-backdrop);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--color-background);border-radius:12px;width:100%;max-width:440px;padding:24px}.dialog .input{max-width:none}.status-line{margin:0 0 8px;font-weight:600}.toolbar{margin-bottom:8px}.problems,.changes{padding-left:20px}.problems{color:var(--color-danger)}.constructor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 420px;align-items:start;gap:16px;display:grid}.constructor .card{margin-top:0}.constructor .input{max-width:none}.constructor-preview{position:sticky;top:16px}@media (width<=1200px){.constructor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.constructor-preview{grid-column:1/-1;position:static}}@media (width<=720px){.constructor{grid-template-columns:minmax(0,1fr)}}.field-list{margin:0 0 8px;padding-left:24px}.field-list li{border-radius:8px;padding:8px}.field-list li.selected{outline:2px solid var(--color-accent)}.field-select{min-height:44px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.field-list .actions,.option-row .actions{margin-top:4px}.input.field-type{width:auto}.bound,.options,.recipients{border:1px solid var(--color-border);border-radius:8px;min-width:0;margin:0 0 16px;padding:8px 12px 12px}.option-row,.recipient-row{border-bottom:1px solid var(--color-border);padding:8px 0}.chats{padding:0;list-style:none}.chats li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.preview{overflow-x:auto}.preview-frame{border:1px solid var(--color-border);border-radius:12px;height:min(640px,100dvh - 160px);min-height:360px;margin-top:8px;display:block}.versions{padding-left:20px}
