.app-mock .wg-xs{font-size:calc(var(--u) * 11.5)}.app-mock .wg-url{display:flex;align-items:center;gap:calc(var(--u) * 5);margin:0 auto;padding:calc(var(--u) * 3) calc(var(--u) * 60);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;color:var(--m-muted-fg);font-size:calc(var(--u) * 11)}.app-mock .wg-url svg{width:calc(var(--u) * 10);height:calc(var(--u) * 10)}.app-mock .wg-site{position:relative;height:calc(var(--u) * 560);overflow:hidden;background:white}.app-mock .wg-site[data-short]{height:calc(var(--u) * 400)}.app-mock .wg-site-head{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u) * 52);padding:0 calc(var(--u) * 28);border-bottom:1px solid #eef0f3;font-size:calc(var(--u) * 13)}.app-mock .wg-cards,.app-mock .wg-site-nav{display:flex;gap:calc(var(--u) * 14)}.app-mock .wg-site-nav i{display:block;width:calc(var(--u) * 38);height:calc(var(--u) * 7);border-radius:calc(var(--u) * 4);background:#e5e7eb}.app-mock .wg-site-main{padding:calc(var(--u) * 48) calc(var(--u) * 28) 0}.app-mock .wg-site-hero{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 40);align-items:center}.app-mock .wg-bar,.app-mock .wg-line,.app-mock .wg-pill{display:block;background:#e5e7eb}.app-mock .wg-bar{height:calc(var(--u) * 20);margin-bottom:calc(var(--u) * 12);border-radius:calc(var(--u) * 6)}.app-mock .wg-line{height:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 9);border-radius:calc(var(--u) * 4);background:#eef0f3}.app-mock .wg-line-first,.app-mock .wg-pill{margin-top:calc(var(--u) * 18)}.app-mock .wg-pill{width:calc(var(--u) * 104);height:calc(var(--u) * 30);border-radius:999px}.app-mock .wg-img{display:block;height:calc(var(--u) * 240);border-radius:calc(var(--u) * 16);background:#f1f3f6}.app-mock .wg-cards{margin-top:calc(var(--u) * 40)}.app-mock .wg-cards i{display:block;flex:1;height:calc(var(--u) * 100);border-radius:calc(var(--u) * 12);background:#f5f6f8}.app-mock .wg-panel{position:absolute;right:calc(var(--u) * 20);bottom:calc(var(--u) * 20);display:flex;flex-direction:column;width:calc(var(--u) * 380);height:calc(var(--u) * 520);overflow:hidden;border:1px solid #e2e8f0;border-radius:calc(var(--u) * 14);background:white;box-shadow:0 1px 2px #0f172a0d,0 calc(var(--u) * 12) calc(var(--u) * 32) calc(var(--u) * -6) #0f172a24;color:#1e293b;font-size:calc(var(--u) * 15);line-height:1.5}.app-mock .wg-site[data-short] .wg-panel{height:calc(var(--u) * 360)}.app-mock .wg-head{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 14);border-bottom:1px solid #e2e8f0}.app-mock .wg-who{flex:1;min-width:0}.app-mock .wg-title{font-size:calc(var(--u) * 15);font-weight:600}.app-mock .wg-hstatus{display:flex;align-items:center;gap:calc(var(--u) * 6);color:#64748b;font-size:calc(var(--u) * 13);font-variant-numeric:tabular-nums}.app-mock .wg-online:before{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:#16a34a;content:""}.app-mock .wg-min{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 32);height:calc(var(--u) * 32);color:#64748b}.app-mock .wg-min svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}.app-mock .wg-mark{display:block;flex-shrink:0;background:linear-gradient(135deg,#0062e9,#27a3fd)}.app-mock .wg-mark-sm{width:calc(var(--u) * 24);height:calc(var(--u) * 24);border-radius:calc(var(--u) * 6)}.app-mock .wg-mark-lg{width:calc(var(--u) * 56);height:calc(var(--u) * 56);border-radius:calc(var(--u) * 14)}.app-mock .wg-body{display:flex;flex:1;flex-direction:column;min-height:0}.app-mock .wg-center{align-items:center;justify-content:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 24);text-align:center}.app-mock .wg-prompt{margin-top:calc(var(--u) * 4);font-size:calc(var(--u) * 16);font-weight:600}.app-mock .wg-choices{display:flex;flex-direction:column;gap:calc(var(--u) * 8);width:100%;max-width:calc(var(--u) * 240);margin-top:calc(var(--u) * 4)}.app-mock .wg-primary,.app-mock .wg-secondary{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 42);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 15);font-weight:600}.app-mock .wg-primary svg,.app-mock .wg-secondary svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.app-mock .wg-primary{background:#0062e9;color:white}.app-mock .wg-secondary{border:1px solid #e2e8f0;background:white}.app-mock .wg-thread{display:flex;flex:1;flex-direction:column;gap:calc(var(--u) * 8);padding:calc(var(--u) * 16) calc(var(--u) * 14) calc(var(--u) * 8)}.app-mock .wg-msg{align-self:flex-start;max-width:84%;padding:calc(var(--u) * 8) calc(var(--u) * 12);border:1px solid #e2e8f0;border-radius:calc(var(--u) * 10);background:#f7f9fc;font-size:calc(var(--u) * 15)}.app-mock .wg-msg-user{align-self:flex-end;border-color:transparent;background:#0062e9;color:white}.app-mock .wg-msg-streaming{opacity:.7}.app-mock .wg-msg-label{margin-bottom:1px!important;color:#64748b;font-size:calc(var(--u) * 11)}.app-mock .wg-callbar{display:flex;align-items:center;gap:calc(var(--u) * 10);margin:0 calc(var(--u) * 12);padding:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 12);border:1px solid #e2e8f0;border-radius:calc(var(--u) * 12)}.app-mock .wg-wave{display:flex;align-items:center;gap:calc(var(--u) * 3);height:calc(var(--u) * 24)}.app-mock .wg-wave i{display:block;width:calc(var(--u) * 3);border-radius:calc(var(--u) * 2);background:#0062e9}.app-mock .wg-wave i:first-child{height:calc(var(--u) * 9)}.app-mock .wg-wave i:nth-child(2){height:calc(var(--u) * 15)}.app-mock .wg-wave i:nth-child(3){height:calc(var(--u) * 20)}.app-mock .wg-wave i:nth-child(4){height:calc(var(--u) * 12)}.app-mock .wg-wave i:nth-child(5){height:calc(var(--u) * 7)}.app-mock .wg-callbar-text{display:grid;flex:1;min-width:0}.app-mock .wg-callbar-activity{font-size:calc(var(--u) * 14);font-weight:600;line-height:1.25}.app-mock .wg-callbar-meta{color:#64748b;font-size:calc(var(--u) * 12)}.app-mock .wg-sq{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 8);color:#1e293b}.app-mock .wg-sq svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.app-mock .wg-sq-danger{background:#dc2626;color:white}.app-mock .wg-footer{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u) * 12);min-height:calc(var(--u) * 30);padding:calc(var(--u) * 2) calc(var(--u) * 14) calc(var(--u) * 6);color:#64748b;font-size:calc(var(--u) * 13)}.app-mock .wg-drop{display:inline-block;width:calc(var(--u) * 11);height:calc(var(--u) * 14);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#2563eb}.app-mock .wg-drop[data-teal]{background:#0f766e}.app-mock .wg-switch{position:relative;flex-shrink:0;width:calc(var(--u) * 32);height:calc(var(--u) * 18);border-radius:999px;background:var(--m-border)}.app-mock .wg-switch:after{position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-radius:50%;background:white;box-shadow:0 1px 2px #0000001f;content:""}.app-mock .wg-switch[data-on]{background:var(--m-primary)}.app-mock .wg-switch[data-on]:after{left:calc(var(--u) * 16)}.app-mock .wg-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .wg-btn-outline{border:1px solid var(--m-border);background:white}.app-mock .wg-btn-primary{background:var(--m-primary);color:white}.app-mock .wg-btn-wide{justify-self:stretch}.app-mock .wg-label{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .wg-hint{font-size:calc(var(--u) * 11)}.app-mock .wg-seg{display:flex;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 6);background:#f1f5f980}.app-mock .wg-seg span{flex:1;padding:calc(var(--u) * 6) calc(var(--u) * 8);border-radius:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500;text-align:center}.app-mock .wg-seg span[data-active]{background:white;box-shadow:0 1px 2px #0f172a14;color:var(--m-fg)}.app-mock .wg-seg-sm span{padding:calc(var(--u) * 3) calc(var(--u) * 10);font-size:calc(var(--u) * 11)}.app-mock .wg-share{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 24);padding:calc(var(--u) * 28);background:#f1f5f9b3}.app-mock .wg-dialog{align-self:start;border:1px solid var(--m-border);border-radius:calc(var(--u) * 10);background:white;box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) #0f172a14}.app-mock .wg-dialog-head{padding:calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 12);border-bottom:1px solid var(--m-border)}.app-mock .wg-dialog-title{font-size:calc(var(--u) * 14);font-weight:600}.app-mock .wg-dialog-body{display:grid;gap:calc(var(--u) * 10);padding:calc(var(--u) * 16)}.app-mock .wg-link-name{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .wg-urlbar{padding:calc(var(--u) * 10) calc(var(--u) * 12);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:#f1f5f966;color:var(--m-muted-fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 11.5)}.app-mock .wg-status,.app-mock .wg-urlbar{display:flex;align-items:center;justify-content:space-between}.app-mock .wg-status-text{display:flex;align-items:center;gap:calc(var(--u) * 6);color:var(--m-muted-fg);font-size:calc(var(--u) * 11)}.app-mock .wg-active{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);color:#16a34a}.app-mock .wg-active i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:#22c55e}.app-mock .wg-days{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 6)}.app-mock .wg-days span,.app-mock .wg-noexpiry{padding:calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:500;text-align:center}.app-mock .wg-days span[data-active]{border-color:var(--m-primary);background:var(--m-primary);color:white}.app-mock .wg-noexpiry{border-color:#fcd34d;background:#fffbeb;color:#b45309}.app-mock .wg-toggle{padding-top:calc(var(--u) * 10);border-top:1px solid var(--m-border)}.app-mock .wg-design-head,.app-mock .wg-toggle{display:flex;align-items:center;justify-content:space-between}.app-mock .wg-design-head{padding:calc(var(--u) * 12) calc(var(--u) * 20);border-bottom:1px solid var(--m-border)}.app-mock .wg-design-actions{display:flex;align-items:center;gap:calc(var(--u) * 10)}.app-mock .wg-design{display:grid;grid-template-columns:calc(var(--u) * 340) minmax(0,1fr)}.app-mock .wg-controls-col{display:grid;align-content:start;gap:calc(var(--u) * 16);padding:calc(var(--u) * 16);border-right:1px solid var(--m-border)}.app-mock .wg-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 6);background:var(--m-muted)}.app-mock .wg-tabs span{padding:calc(var(--u) * 5) 0;border-radius:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500;text-align:center}.app-mock .wg-tabs span[data-active]{background:white;box-shadow:0 1px 2px #0f172a14;color:var(--m-fg)}.app-mock .wg-field{display:grid;gap:calc(var(--u) * 8)}.app-mock .wg-upload{display:flex;align-items:center;gap:calc(var(--u) * 10)}.app-mock .wg-favicon,.app-mock .wg-logo-box{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 44);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:#f1f5f966;font-size:calc(var(--u) * 14);font-weight:700}.app-mock .wg-logo-box{width:calc(var(--u) * 150)}.app-mock .wg-favicon{width:calc(var(--u) * 44)}.app-mock .wg-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--u) * 8)}.app-mock .wg-swatch{display:flex;align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 12)}.app-mock .wg-swatch i{width:calc(var(--u) * 24);height:calc(var(--u) * 24);border:1px solid var(--m-border);border-radius:calc(var(--u) * 5)}.app-mock .wg-select{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u) * 34);padding:0 calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12.5)}.app-mock .wg-select svg{opacity:.5}.app-mock .wg-preview{display:grid;grid-template-rows:auto 1fr;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16) calc(var(--u) * 20);background:#f1f5f9b3}.app-mock .wg-preview-bar{display:flex;align-items:center;justify-content:space-between}.app-mock .wg-page{border:1px solid var(--m-border);border-radius:calc(var(--u) * 10);background:#f5f5f0;color:#1c1917;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}.app-mock .wg-page-logo{display:flex;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 18) calc(var(--u) * 26) 0;font-size:calc(var(--u) * 15);font-weight:700}.app-mock .wg-page-main{max-width:calc(var(--u) * 420);margin:0 auto;padding:calc(var(--u) * 34) 0 calc(var(--u) * 40)}.app-mock .wg-page-headline{font-size:calc(var(--u) * 26);font-weight:800;letter-spacing:-.01em}.app-mock .wg-page-sub{margin:calc(var(--u) * 6) 0 calc(var(--u) * 20)!important;color:#57534e;font-size:calc(var(--u) * 13.5)}.app-mock .wg-page-card{display:grid;gap:calc(var(--u) * 18);padding:calc(var(--u) * 20);border:1px solid #e7e5e4;border-radius:calc(var(--u) * 14);background:white}.app-mock .wg-page-agent{display:flex;align-items:center;gap:calc(var(--u) * 12)}.app-mock .wg-page-initial{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 42);height:calc(var(--u) * 42);border-radius:calc(var(--u) * 12);background:#0f766e1f;color:#0f766e;font-size:calc(var(--u) * 17);font-weight:600}.app-mock .wg-page-agent-text{display:grid}.app-mock .wg-page-name{font-size:calc(var(--u) * 14);font-weight:600}.app-mock .wg-page-ready{color:#57534e;font-size:calc(var(--u) * 12.5)}.app-mock .wg-page-start{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 46);border-radius:calc(var(--u) * 10);background:#0f766e;color:white;font-size:calc(var(--u) * 14);font-weight:600}.app-mock .wg-page-start svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}