:root{color-scheme:dark;--page-bg: #252525;--text-primary: #ececec;--text-secondary: #c4c4c4;--panel-bg: #333;--panel-border: #191919;--pill-bg: #292929;--pill-border: #202020;--status-offline: #858585;--status-online: #5fc768;--status-online-shadow: #5fc76860;--button-bg: #414141;--button-hover: #505050;--button-border: #565656;--notice-text: #fff;--notice-attention-bg: #2e2e2e;--notice-success-bg: #393d1b;--notice-caution-bg: #433519;--notice-critical-bg: #442726;--notice-attention-icon: #60cdff;--notice-success-icon: #6ccb5f;--notice-caution-icon: #fce100;--notice-critical-icon: #ff99a4;--notice-close-hover: #ffffff0f;--notice-close-active: #ffffff0a;font-family:Segoe UI Variable,Segoe UI,system-ui,Arial,sans-serif;color:var(--text-primary);background:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{color-scheme:light;--page-bg: #f3f3f3;--text-primary: rgba(0, 0, 0, .8941176471);--text-secondary: rgba(0, 0, 0, .6196078431);--panel-bg: #eee;--panel-border: #d6d6d6;--pill-bg: rgba(255, 255, 255, .7019607843);--pill-border: rgba(0, 0, 0, .12);--status-offline: #777;--status-online: #0f7b0f;--status-online-shadow: #0f7b0f60;--button-bg: #fff;--button-hover: #f3f3f3;--button-border: rgba(0, 0, 0, .12);--notice-text: var(--text-primary);--notice-attention-bg: #f7f7f7;--notice-success-bg: #dff6dd;--notice-caution-bg: #fff4ce;--notice-critical-bg: #fde7e9;--notice-attention-icon: #0078d4;--notice-success-icon: #0f7b0f;--notice-caution-icon: #9d5d00;--notice-critical-icon: #c42b1c;--notice-close-hover: rgba(0, 0, 0, .06);--notice-close-active: rgba(0, 0, 0, .1)}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--page-bg)}main{width:100%;height:100vh;height:100dvh;padding:clamp(12px,4vh,42px) clamp(12px,4.4vw,42px);display:grid;place-items:center;container-type:size}.share-card{width:min(100cqw,calc(177.78cqh - 119px));height:auto;min-width:0;display:flex;flex-direction:column;gap:5px;transform:translateY(clamp(0px,1.6vh,18px))}.preview{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}.preview video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;transition:filter .18s ease,opacity .18s ease}.source-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#f5f7fa;font:inherit}.source-overlay{cursor:pointer}.source-overlay:disabled{cursor:wait}.source-overlay span{min-width:220px;max-width:min(100% - 32px,360px);padding:12px 18px;border:1px solid #ffffff24;border-radius:4px;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:14px;font-weight:600;text-align:center;transition:opacity .18s ease,transform .18s ease}.source-overlay:hover{background:#0000001f}.preview.has-stream .source-overlay span{opacity:0;transform:translateY(4px);transition:.18s ease}.preview.has-stream:hover video{filter:blur(3px) brightness(.65)}.preview.has-stream:hover .source-overlay span{opacity:1;transform:translateY(0)}.links-panel{min-width:0;padding:15px;border:1px solid var(--panel-border);border-radius:5px;background:var(--panel-bg)}.link-row{min-width:0;display:flex;align-items:center;gap:5px;height:30px}.link-pill{min-width:0;max-width:min(100%,560px);display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--pill-border);border-radius:4px;background:var(--pill-bg)}.status-dot{flex:0 0 12px;width:12px;height:16px;color:var(--status-offline);font-family:Segoe Fluent Icons,Segoe MDL2 Assets,sans-serif;font-size:13px;font-weight:400;line-height:16px;text-align:center}.status-dot.online{color:var(--status-online);text-shadow:0 0 6px var(--status-online-shadow)}.link-value{min-width:0;padding:6px 0;overflow:hidden;color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.copy-button{flex:0 0 34px;width:34px;height:30px;border:1px solid var(--button-border);border-radius:4px;background:var(--button-bg);color:var(--text-primary);font-size:19px;font-family:Segoe Fluent Icons,Segoe MDL2 Assets,sans-serif;font-weight:400;line-height:1;cursor:pointer}.copy-button:hover{background:var(--button-hover)}.copy-button:disabled{cursor:default;opacity:.55}.notice-stack{position:fixed;top:10px;right:10px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.notice{width:fit-content;max-width:calc(100vw - 20px);display:flex;gap:10px;padding:6px;border-radius:4px;box-shadow:0 0 4px 1px #0006;color:var(--notice-text);pointer-events:auto}.notice.l0{background:var(--notice-attention-bg)}.notice.l1{background:var(--notice-success-bg)}.notice.l2{background:var(--notice-caution-bg)}.notice.l3{background:var(--notice-critical-bg)}.notice-icon{flex:0 0 16px;width:16px;height:16px;align-self:flex-start;justify-content:center;margin:9px 0 9px 9px;padding:0 0 .5px .5px;border-radius:8px;background:var(--notice-attention-icon);color:var(--notice-attention-bg);font-family:Segoe Fluent Icons,Segoe MDL2 Assets,sans-serif;font-size:18px;line-height:16px}.notice.l1 .notice-icon{background:var(--notice-success-icon);color:var(--notice-success-bg)}.notice.l2 .notice-icon{background:var(--notice-caution-icon);color:var(--notice-caution-bg)}.notice.l3 .notice-icon{background:var(--notice-critical-icon);color:var(--notice-critical-bg)}.notice-icon{display:flex;align-items:center}.notice-content{max-width:calc(100vw - 90px);display:flex;flex-wrap:wrap;align-items:baseline}.notice-title{margin:6px 8px 0 0;font-size:16px;font-weight:550;line-height:20px}.notice-description{margin:4px 0 6px;font-size:14px;font-weight:400;line-height:17px;overflow-wrap:anywhere}.notice-close{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:4px;background:transparent;color:inherit;font-family:Segoe Fluent Icons,Segoe MDL2 Assets,sans-serif;font-size:16px;cursor:pointer}.notice-close:hover{background:var(--notice-close-hover)}.notice-close:active{background:var(--notice-close-active)}@media(max-width:540px){main{padding:12px}.links-panel{padding:12px}.link-pill{max-width:calc(100% - 39px)}.link-value{font-size:11px}.notice-stack{top:10px;right:10px}}