#app{min-height:100vh}.webpeer-shell{width:min(92rem,100% - 2rem);margin:0 auto;padding:2rem 0 1.5rem}.webpeer-header{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ccd6e3e6;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1rem 1.1rem 1rem 1.25rem;display:flex}.brand-lockup{align-items:center;gap:.9rem;min-width:0;display:flex}.brand-lockup>span:last-child,.connection-check-link>span:nth-child(2){display:grid}.brand-lockup small,.connection-check-link small,.section-kicker,.panel-meta p{color:var(--blue);letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:800}.brand-lockup strong{color:var(--navy);letter-spacing:-.03em;font-size:1.45rem;line-height:1.05}.brand-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.82rem;overflow:hidden}.brand-mark{background:var(--navy);border-radius:1rem;flex:none;place-items:center;width:3.2rem;height:3.2rem;display:grid;position:relative;box-shadow:0 10px 24px #12233f33}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border:2px solid #fff;border-radius:50%;position:absolute}.brand-mark:before{opacity:.45;width:1.6rem;height:1.6rem}.brand-mark:after{background:#8eb1ff;border-color:#8eb1ff;width:.7rem;height:.7rem}.brand-mark span{opacity:.28;border-width:1px;width:2.25rem;height:2.25rem}.connection-check-link{color:#fff;background:var(--navy);border-radius:.95rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;max-width:25rem;padding:.75rem .85rem;text-decoration:none;transition:background .14s,transform .14s,box-shadow .14s;display:grid;box-shadow:0 10px 26px #12233f29}.connection-check-link:hover{color:#fff;background:#1d385f;transform:translateY(-1px);box-shadow:0 13px 30px #12233f38}.connection-check-link small{color:#8eb1ff}.connection-check-link strong{margin-top:.12rem;font-size:.9rem;line-height:1.2}.check-mark{color:#b8ceff;background:#ffffff14;border:1px solid #ffffff38;border-radius:.7rem;place-items:center;width:2.15rem;height:2.15rem;font-size:1.15rem;display:grid}.check-arrow{color:#b8ceff;font-size:1.15rem}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(22rem,.8fr);align-items:start;gap:1.25rem;display:grid}.workspace-card{min-width:0;box-shadow:var(--shadow);background:#fffffff0;border:1px solid #ccd6e3e6;border-radius:1.35rem}.control-card{padding:clamp(1.35rem,3vw,2rem)}.panel-meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.panel-meta p{margin:0}.panel-meta span{color:#48627f;background:#f5f8fb;border:1px solid #cfdae7;border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:700}.control-card article{color:var(--ink)}.control-card article>h1{color:var(--navy);letter-spacing:-.045em;margin:0 0 1.15rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.control-card h2{color:var(--navy);border-bottom-color:var(--line);letter-spacing:-.015em;margin:1.45rem 0 .75rem;padding-bottom:.45rem;font-size:1.15rem}.control-card p{color:var(--muted);line-height:1.62}.control-card .panel-meta p{color:var(--blue);line-height:1.2}.control-card details{border:1px solid var(--line);background:var(--surface-subtle);border-radius:.9rem;margin:.8rem 0 1rem;padding:.85rem 1rem}.control-card details[open]{background:#fbfcfe}.control-card summary{padding:.12rem 0}.control-card details[open]>summary{margin-bottom:.7rem}.control-card table{border-spacing:0 .35rem;width:100%}.control-card th,.control-card td{vertical-align:top;padding:.55rem .4rem}.control-card th{color:#40536b;text-align:left;width:32%;font-size:.82rem}.control-card td{color:var(--ink)}.control-card input:not([type=checkbox]):not([type=radio]){min-width:min(100%,18rem);max-width:100%;color:var(--ink);background:var(--surface)}.control-card input[type=checkbox]{width:1.1rem;height:1.1rem}.control-card label.is-dirty{background:var(--red-soft);border-radius:.55rem}.control-card .important{color:var(--red)}.control-card .important-sub{color:var(--amber)}.control-card .browser-p2p-transport-settings{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:.3rem}.control-card .browser-p2p-transport-settings label{border-radius:.55rem;padding:.25rem}.control-card .browser-p2p-transport-settings span{color:#40536b;font-size:.82rem;font-weight:700}.runtime-error{color:var(--red);background:var(--red-soft);border:1px solid #efb1b1;border-radius:.9rem;padding:1rem}.runtime-error p{margin:.35rem 0 0}.log-card{background:var(--navy);position:sticky;top:1.25rem;overflow:hidden}.log-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.section-kicker{color:#8eb1ff;margin:0 0 .25rem}.log-header h2{color:#fff;letter-spacing:-.025em;margin:0;font-size:1.4rem}.status-pill{color:#dbe6f5;text-overflow:ellipsis;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.45rem;max-width:55%;padding:.42rem .62rem;font-size:.72rem;font-weight:700;display:flex;overflow:hidden}.status-pill>span{background:#8eb1ff;border-radius:50%;flex:none;width:.48rem;height:.48rem;box-shadow:0 0 0 .2rem #8eb1ff21}.logslist{color:#cad7e8;background:linear-gradient(#ffffff06 1px, transparent 1px), var(--navy);scrollbar-color:#4e6280 transparent;background-size:100% 1.8rem;min-height:34rem;max-height:calc(100vh - 10rem);padding:1rem 1.1rem 1.2rem;overflow:auto}.log-entry,.empty-log{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1.8rem}.log-entry{color:#cad7e8}.empty-log{color:#8294ac}.webpeer-footer{max-width:48rem;color:var(--muted);text-align:center;margin:1.3rem auto 0;font-size:.78rem}@media (width<=1050px){.workspace-grid{grid-template-columns:1fr}.log-card{position:static}.logslist{min-height:18rem;max-height:28rem}}@media (width<=700px){.webpeer-shell{width:min(100% - 1rem,46rem);padding-top:.5rem}.webpeer-header{flex-direction:column;align-items:stretch;padding:1rem}.connection-check-link{width:100%;max-width:none}.control-card{padding:1rem}.control-card table.settings,.control-card table.settings tbody,.control-card table.settings tr,.control-card table.settings th,.control-card table.settings td{width:100%;display:block}.control-card table.settings tr{border-bottom:1px solid var(--line);padding:.6rem 0}.control-card table.settings th,.control-card table.settings td{min-height:0;padding:.2rem 0}.control-card table.peers{display:block;overflow-x:auto}.panel-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=430px){.brand-description{white-space:normal}.panel-meta span{border-radius:.55rem}.log-header{flex-direction:column}.status-pill{max-width:100%}}.browser-p2p-transport-settings.svelte-1881yn5{margin-bottom:1rem}p.svelte-1881yn5{margin:.75rem 0}label.svelte-1881yn5{gap:.25rem;margin:.75rem 0;display:grid}label.is-dirty.svelte-1881yn5{background-color:var(--background-modifier-error)}input.svelte-1881yn5{box-sizing:border-box;width:100%}.actions.svelte-1881yn5{flex-wrap:wrap;gap:.5rem;display:flex}tr.svelte-1xtr3tz:nth-child(odd){background-color:var(--background-primary-alt)}.info.svelte-1xtr3tz{padding:var(--size-4-1) var(--size-4-1);flex-direction:column;justify-content:center;align-items:center;display:flex}.peer-id.svelte-1xtr3tz{font-size:.8em}.status-chips.svelte-1xtr3tz,.buttons.svelte-1xtr3tz{flex-direction:column;justify-content:center;align-items:center;display:flex}.buttons.svelte-1xtr3tz .row:where(.svelte-1xtr3tz){flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.chip.svelte-1xtr3tz{background-color:var(--tag-background);border:var(--tag-border-width) solid var(--tag-border-color);border-radius:4px;margin:4px;padding:4px 8px;font-size:.75em;font-weight:700;display:inline-block}.chip.connected.svelte-1xtr3tz{background-color:var(--background-modifier-success);color:var(--text-normal)}.chip.connected-live.svelte-1xtr3tz{background-color:var(--background-modifier-success);border-color:var(--background-modifier-success);color:var(--text-normal)}.chip.accepted.svelte-1xtr3tz{background-color:var(--background-modifier-success);color:var(--text-normal)}.chip.waiting.svelte-1xtr3tz{background-color:var(--background-secondary)}.chip.unknown.svelte-1xtr3tz{background-color:var(--background-primary);color:var(--text-warning)}.chip.denied.svelte-1xtr3tz{background-color:var(--background-modifier-error);color:var(--text-error)}.chip.attr.svelte-1xtr3tz{background-color:var(--background-secondary)}.button.svelte-1xtr3tz{margin:var(--size-4-1)}.button.affirmative.svelte-1xtr3tz{background-color:var(--interactive-accent);color:var(--text-normal)}.button.affirmative.svelte-1xtr3tz:hover{background-color:var(--interactive-accent-hover)}.button.negative.svelte-1xtr3tz{background-color:var(--background-modifier-error);color:var(--text-error)}.button.negative.svelte-1xtr3tz:hover{background-color:var(--background-modifier-error-hover)}article.svelte-ezmew8{max-width:100%}article.svelte-ezmew8 p:where(.svelte-ezmew8){-webkit-user-select:text;user-select:text}h2.svelte-ezmew8{margin-top:var(--size-4-1);margin-bottom:var(--size-4-1);padding-bottom:var(--size-4-1);border-bottom:1px solid var(--background-modifier-border)}label.is-dirty.svelte-ezmew8{background-color:var(--background-modifier-error)}input.svelte-ezmew8{background-color:#0000}th.svelte-ezmew8,td.svelte-ezmew8{min-height:var(--input-height)}td.svelte-ezmew8>label:where(.svelte-ezmew8){min-height:var(--input-height);flex-direction:row;justify-content:flex-start;align-items:center;display:flex}td.svelte-ezmew8>label:where(.svelte-ezmew8)>:where(.svelte-ezmew8){margin:auto var(--size-4-1)}table.peers.svelte-ezmew8{width:100%}.important.svelte-ezmew8{color:var(--text-error);font-size:1.2em;font-weight:700}.important-sub.svelte-ezmew8{color:var(--text-warning)}.settings.svelte-ezmew8 label:where(.svelte-ezmew8){flex-flow:wrap;justify-content:flex-start;align-items:center;display:flex}