:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef5f1;background:#020504;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#020504}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{height:66px;padding:0 20px;display:grid;grid-template-columns:280px 1fr 280px;gap:22px;align-items:center;background:#010604f7;border-bottom:1px solid rgba(92,255,158,.14);position:relative;z-index:30}.brand-button{border:0;background:transparent;padding:0;text-align:left}.brand-button img{width:190px;max-height:52px;object-fit:contain;object-position:left center}.search{height:42px;width:min(650px,100%);justify-self:center;display:grid;grid-template-columns:28px 1fr 120px;border:1px solid rgba(134,181,159,.3);border-radius:11px;background:#08100dd6;overflow:hidden;align-items:center}.search>span{text-align:center;color:#80a997}.search input,.search select{height:100%;border:0;background:transparent;outline:0}.search input{padding:0 8px}.search select{border-left:1px solid rgba(134,181,159,.18);padding:0 10px}.search select,.search select option{color:#eef5f1;background:#07110d}.identity{justify-self:end;display:flex;align-items:center;gap:9px;white-space:nowrap}.account,.workspace-picker,.gear{height:40px;border:0;background:transparent;color:#d8e3de}.account{display:flex;align-items:center;gap:8px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#244d38,#0b2418);border:1px solid rgba(83,255,143,.42);font-size:.72rem}.divider{width:1px;height:25px;background:#ffffff24}.workspace-picker{padding:0 8px}.gear{font-size:1.1rem;width:38px}.account-wrap,.workspace-wrap{position:relative}.menu{position:absolute;right:0;top:45px;width:210px;padding:7px;background:#07110d;border:1px solid rgba(110,167,140,.3);border-radius:10px;box-shadow:0 18px 55px #000;z-index:50}.menu button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:7px;background:transparent}.menu button:hover,.menu button.current{background:#47d7771f}.account-pop{left:0;right:auto;width:180px}.workspace-page{height:calc(100vh - 66px);min-height:702px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(330px,29%) 1fr minmax(330px,29%);padding:28px 3vw;gap:2vw}.background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#0000000a,#0000000a),var(--workspace-bg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#020504}.side{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0;gap:12px}.group{min-height:0}.group h2{font-size:.74rem;letter-spacing:.14em;margin:0 0 8px;text-align:center;color:#f2f7f4;text-shadow:0 2px 10px #000}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:54px;gap:8px}.shortcut{position:relative;border:1px solid rgba(236,243,239,.66);border-radius:15px;background:radial-gradient(130% 140% at 20% -10%,rgba(86,255,147,.1),transparent 48%),linear-gradient(180deg,#222826d1,#030806ed);box-shadow:inset 0 1px #ffffff26,0 10px 26px #0000006b;-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%);padding:7px 12px;overflow:hidden;transition:.14s ease;display:flex;align-items:center;justify-content:flex-start;text-align:left}.shortcut:before{content:"";position:absolute;left:0;right:0;top:0;height:31%;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent);pointer-events:none}.shortcut:hover{transform:translateY(-2px);border-color:#5cff9ef2;box-shadow:inset 0 1px #ffffff2e,0 14px 30px #00000085,0 0 0 2px #37e07038,0 0 20px #37e0703b}.shortcut:active{transform:translateY(1px)}.shortcut-content{display:flex;align-items:center;min-width:0;width:100%;gap:9px}.shortcut-title{display:block;min-width:0;font-size:.78rem;font-weight:700;text-shadow:0 1px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut small{display:block;font-size:.56rem;color:#91a49a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.shortcut.wide{grid-column:span 2}.shortcut.tall{grid-row:span 2}.shortcut.large{grid-column:span 2;grid-row:span 2}.center{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto 1fr;place-items:center;min-width:240px}.center-brand-space{width:180px;height:180px}.theme-blue .shortcut:hover{border-color:#53bcfff2;box-shadow:inset 0 1px #ffffff2e,0 14px 30px #00000085,0 0 0 2px #2d97ff38,0 0 22px #2d97ff61}.theme-blue .shortcut{background:radial-gradient(130% 140% at 20% -10%,rgba(61,172,255,.13),transparent 48%),linear-gradient(180deg,#1e2630d6,#03070cf0)}.theme-red .shortcut:hover{border-color:#ff5c48f5;box-shadow:inset 0 1px #ffffff2e,0 14px 30px #00000085,0 0 0 2px #ff412d38,0 0 22px #ff412d61}.theme-red .shortcut{background:radial-gradient(130% 140% at 20% -10%,rgba(255,91,54,.13),transparent 48%),linear-gradient(180deg,#30201dd6,#0c0303f0)}.integration-slot{width:82%;height:70%;pointer-events:none}.setup-page{min-height:calc(100vh - 66px);display:grid;place-items:center;background:radial-gradient(circle at center,rgba(22,89,52,.25),transparent 40%),#020504}.setup-card{width:min(620px,90vw);padding:44px;border:1px solid rgba(95,185,139,.28);border-radius:22px;background:#08140ef0;text-align:center;box-shadow:0 30px 90px #000}.setup-card img{width:150px}.setup-card h1{font-size:2rem}.setup-card p{line-height:1.7;color:#b9c7c0}.setup-note{padding:14px;margin:22px 0;background:#4bd67c12;border:1px solid rgba(75,214,124,.18);border-radius:10px;color:#9eb2a8}.primary{border:0;border-radius:9px;background:linear-gradient(180deg,#59e17c,#40c961);color:#041008;font-weight:750;padding:12px 18px}.settings-page{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px 1fr;background:#050b08}.settings-nav{padding:28px 18px;border-right:1px solid rgba(106,158,135,.18);background:#08110d;display:flex;flex-direction:column;gap:7px}.settings-nav h1{font-size:1.35rem;margin:0 8px 20px}.settings-nav button{padding:11px 12px;border:0;border-radius:8px;background:transparent;text-align:left;color:#aebdb5}.settings-nav button.active,.settings-nav button:hover{background:#49cf781a;color:#eff7f2}.nav-spacer{flex:1}.settings-content{padding:34px;max-width:1400px;width:100%}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.section-head h2{margin:0 0 6px;font-size:1.55rem}.section-head p,.card p,.upgrade p,.premium-note p{margin:0;color:#93a69c}.plan-meter{padding:13px 16px;border:1px solid rgba(100,166,135,.24);border-radius:10px;margin-bottom:18px;background:#0a1510}.plan-meter span{float:right;color:#6be991}.cards{display:grid;gap:10px}.card{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid rgba(111,164,139,.24);border-radius:12px;background:#0a1510}.card h3{margin:0 0 5px}.card-actions{display:flex;align-items:center;gap:8px}.card-actions button,.settings-content>button,.group-editor button,.import-tools button{border:1px solid rgba(190,212,201,.25);background:#0a120f;border-radius:7px;padding:7px 10px}.danger{color:#f99!important;border-color:#ff636347!important}.badge{padding:5px 8px;border-radius:99px;border:1px solid rgba(74,222,125,.25);color:#70e998;background:#4ade7d14;font-size:.72rem}.upgrade,.premium-note{margin-top:22px;padding:18px;border:1px solid rgba(88,224,132,.28);border-radius:12px;background:linear-gradient(90deg,#1e5c352e,#06110be6);display:flex;align-items:center;justify-content:space-between}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-side{padding:15px;border:1px solid rgba(104,159,133,.2);border-radius:13px;background:#07100c}.editor-side>h3{font-size:.72rem;letter-spacing:.15em;color:#72d694}.group-editor{padding:13px;margin:10px 0;border:1px solid rgba(114,171,143,.22);border-radius:11px;background:#0b1711}.group-editor header{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.group-editor header>span{font-size:.68rem;color:#82968b}.group-editor header>div{display:flex;gap:4px}.shortcut-editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}.shortcut-editor,.add-tile{min-height:48px;border:1px solid rgba(210,226,218,.22);border-radius:9px;background:#111d17;text-align:left;padding:7px 10px;position:relative}.shortcut-editor.wide,.shortcut-editor.large{grid-column:span 2}.shortcut-editor.tall,.shortcut-editor.large{min-height:84px}.shortcut-editor small{display:block;color:#6f8479}.shortcut-editor span{position:absolute;right:7px;top:4px;color:#c98f8f}.add-tile{border-style:dashed;text-align:center;color:#8ba298}.edit-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.form-card{padding:18px;border:1px solid rgba(104,159,133,.2);border-radius:13px;background:#07100c}.form-card h3{margin-top:0}.form-card label{display:grid;gap:6px;margin:12px 0;color:#aabbb2;font-size:.82rem}.form-card input,.form-card select{height:42px;border:1px solid rgba(120,171,147,.25);border-radius:8px;background:#0c1712;padding:0 10px}.background-card{display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:18px;padding:15px;border:1px solid rgba(91,220,132,.36);border-radius:14px;background:#09150f}.bg-preview{height:120px;border-radius:10px;background:var(--workspace-bg) center/cover}.file-drop{display:grid;gap:10px;padding:28px;border:1px dashed rgba(102,210,151,.4);border-radius:13px;background:#08130e;text-align:center}.file-drop input{margin:auto}.file-drop span{color:#8fa198}.import-tools{display:flex;gap:10px;align-items:center;margin:18px 0}.import-table{border:1px solid rgba(105,160,134,.2);border-radius:10px;overflow:hidden}.import-head,.import-row{display:grid;grid-template-columns:70px minmax(260px,1fr) 180px 180px;gap:8px;align-items:center;padding:10px 12px}.import-head{background:#0c1913;color:#86a395;font-size:.72rem}.import-row{border-top:1px solid rgba(105,160,134,.12)}.import-row small{display:block;color:#71857a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-row select{height:36px;background:#0b1711;border:1px solid rgba(105,160,134,.22);border-radius:7px}.import-actions{display:flex;gap:14px;align-items:center;margin-top:18px}.import-actions p{font-size:.75rem;color:#81938a}.toggle{display:flex;gap:9px;margin:18px 0;color:#b7c5be}@media(max-width:1400px){.topbar{grid-template-columns:210px 1fr 210px}.brand-button img{width:170px}.identity .account>span:last-child{display:none}.workspace-page{grid-template-columns:minmax(300px,31%) 1fr minmax(300px,31%);padding-left:2vw;padding-right:2vw}.center-brand-space{width:150px;height:150px}.shortcut-grid{grid-auto-rows:48px}.shortcut small{display:none}}@media(max-width:900px){.topbar{height:auto;min-height:62px;padding:8px 12px;grid-template-columns:1fr auto;gap:8px}.brand-button{display:none}.search{grid-column:1/-1;grid-row:2}.identity{grid-column:1/-1;grid-row:1;width:100%;justify-content:space-between}.identity .divider,.identity .account>span:last-child{display:none}.workspace-page{height:auto;min-height:calc(100vh - 110px);display:block;padding:18px 14px 50px;overflow:visible}.background{position:fixed}.center{display:none}.side{display:block}.group{margin:0 0 26px}.group h2{text-align:left;padding-left:4px}.shortcut-grid{grid-template-columns:1fr;grid-auto-rows:58px}.shortcut,.shortcut.wide,.shortcut.tall,.shortcut.large{grid-column:auto;grid-row:auto;min-height:58px}.shortcut small{display:block}.settings-page{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr);border-right:0}.settings-nav h1,.nav-spacer{grid-column:1/-1}.settings-content{padding:20px 14px}.editor-columns,.edit-panels{grid-template-columns:1fr}.import-head,.import-row{grid-template-columns:42px 1fr}.import-head span:nth-child(n+3),.import-row select{display:none}}.shortcut-favicon{width:20px;height:20px;flex:0 0 20px;object-fit:contain;vertical-align:middle;margin:0;filter:drop-shadow(0 1px 3px #000)}.mini-favicon{width:16px;height:16px;object-fit:contain;float:left;margin:1px 7px 0 0}.shortcut-editor[draggable=true]{cursor:grab}.shortcut-editor[draggable=true]:active{cursor:grabbing}.shortcut-editor:hover{border-color:#53ff8f7a}.background-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.background-option{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;text-align:left;padding:12px;border:1px solid rgba(110,167,140,.25);border-radius:13px;background:#08130e;overflow:hidden}.background-option:hover,.background-option.selected{border-color:#53ff8f9e;background:#0b1811}.background-option img{width:150px;height:84px;object-fit:cover;border-radius:8px}.background-option strong,.background-option small{display:block}.background-option small{color:#8da096;margin-top:5px}.background-option .badge{align-self:start}.badge.muted{color:#aab7b0;border-color:#b4beb933;background:#b4beb90f}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin:16px 0 24px}.device-card{padding:17px;border:1px solid rgba(105,160,134,.22);border-radius:12px;background:#08130e}.device-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.device-head strong,.device-head small{display:block}.device-head small{color:#84988d;margin-top:5px}.device-card label{display:grid;gap:6px;color:#aabbb2;font-size:.82rem}.device-card select{height:40px;border:1px solid rgba(120,171,147,.25);border-radius:8px;background:#0c1712;padding:0 10px}.device-card button{margin-top:12px;border:1px solid rgba(190,212,201,.2);background:#0a120f;border-radius:7px;padding:7px 10px}.device-card button:disabled{opacity:.45;cursor:not-allowed}.subhead{margin-top:28px}.privacy-intro,.preview-note{color:#91a49a;line-height:1.55}.diagnostics dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin:14px 0}.diagnostics dt{color:#81958a}.diagnostics dd{margin:0;text-align:right}.diag-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-note{font-size:.8rem;padding:12px;border-left:3px solid rgba(80,210,125,.35);background:#50d27d0a}@media(max-width:900px){.background-library{grid-template-columns:1fr}.background-option{grid-template-columns:110px 1fr auto}.background-option img{width:110px;height:62px}.device-grid{grid-template-columns:1fr}.shortcut-favicon{width:20px;height:20px}}.official-shortcut,.official-shortcut .shortcut-content{justify-content:center}.shortcut-favicon.official-brand{width:min(82%,220px);height:34px;max-width:220px;flex:0 1 auto;object-fit:contain}.shortcut.large .shortcut-favicon.official-brand{height:62px;max-width:270px}.shortcut.wide .shortcut-favicon.official-brand{height:40px}.build-label{display:block;color:#6f8479;font-size:.72rem;padding:0 10px 8px}.shortcut{justify-content:center;text-align:center}.shortcut-content{justify-content:center;width:auto;max-width:100%}.shortcut-title{text-align:center}.center{position:relative;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;justify-items:stretch;min-width:240px;min-height:0}.center-brand-space{width:100%;height:132px;display:grid;place-items:center;pointer-events:none;position:relative;z-index:2}.center-brand-space img{display:block;width:min(75%,360px);max-height:104px;object-fit:contain;filter:drop-shadow(0 5px 18px rgba(0,0,0,.7));transform:translateY(8px)}.widget-region{width:100%;height:100%;min-height:0;display:grid;gap:7px;pointer-events:none;opacity:0}.widget-region-top{grid-template-rows:minmax(0,1fr) 24px;padding:2px 3% 5px}.widget-region-bottom{grid-template-rows:24px minmax(0,1fr);padding:5px 3% 2px}.widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;min-height:0}.widget-zone,.widget-strip{border:1px dashed rgba(106,255,158,.45);border-radius:9px;background:#05160e2e}.workspace-page.widget-debug .widget-region{opacity:1}@media(max-width:1400px){.center-brand-space{height:112px}.center-brand-space img{width:min(72%,310px);max-height:88px}}@media(max-width:900px){.center{display:none}}.appearance-subhead{margin:28px 0 12px}.logo-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.logo-option{min-height:150px;padding:12px;border:1px solid rgba(110,167,140,.25);border-radius:13px;background:#08130e;display:grid;grid-template-rows:96px auto;gap:8px;position:relative;text-align:center}.logo-option:hover,.logo-option.selected{border-color:#53ff8f9e;background:#0b1811}.logo-preview{height:96px;display:grid;place-items:center;overflow:hidden}.logo-preview img{max-width:92%;max-height:88px;object-fit:contain}.logo-option .badge{position:absolute;right:9px;top:9px}.none-preview{color:#71857a;border:1px dashed rgba(120,171,147,.22);border-radius:8px}.widget-settings-preview{max-width:820px;margin-top:8px;padding:18px;border:1px solid rgba(105,160,134,.24);border-radius:14px;background:#07100c;display:grid;gap:14px}.widget-settings-preview h3{font-size:.76rem;letter-spacing:.12em;color:#8bd9aa;margin:0 0 8px}.widget-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,72px);gap:8px}.widget-settings-grid div,.widget-settings-strip{display:grid;place-items:center;border:1px dashed rgba(106,255,158,.34);border-radius:9px;background:#195b3314;color:#82968b;font-size:.76rem}.widget-settings-strip{height:30px;margin-top:8px}.widget-logo-marker{height:54px;display:grid;place-items:center;color:#66786e;font-size:.7rem;letter-spacing:.15em}.widget-settings-preview>div:last-child .widget-settings-strip{margin:0 0 8px}.auth-page{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,rgba(22,89,52,.2),transparent 42%),#020504}.auth-card{width:min(560px,92vw);padding:40px;border:1px solid rgba(95,185,139,.28);border-radius:20px;background:#08140ef5;text-align:center;box-shadow:0 30px 90px #000}.auth-card img{width:170px;max-height:80px;object-fit:contain}.auth-card h1{margin:22px 0 10px}.auth-card p{color:#aabbb2;line-height:1.6;margin:0 0 22px}.device-name-input{width:100%;max-width:240px;border:1px solid rgba(120,171,147,.25);border-radius:7px;background:#0c1712;color:#eef7f2;padding:7px 9px;font-weight:700}.sync-controls{padding:12px 20px;background:#10222b;color:#e6f4f7;overflow-wrap:anywhere}.sync-controls p{margin:4px 0 10px}.sync-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sync-controls button,.sync-controls select,.sync-controls input{max-width:100%}.sync-controls details{margin-top:10px}.sync-controls label{display:block;margin:10px 0}.sync-controls a{color:#8ce2e7}@media(max-width:600px){.sync-controls{padding:12px}.sync-actions{flex-direction:column;align-items:stretch}}.sync-controls{position:relative;z-index:10}.workspace-page{isolation:isolate}.workspace-page .background{position:absolute;z-index:-1}.sync-controls button,.sync-controls select{padding:9px 14px;border:1px solid #31554d;border-radius:8px;background:#0b1b15;color:#e9f5ee}.sync-controls button:disabled{opacity:.5;cursor:default}.sync-controls summary{cursor:pointer;padding:8px 0}.sync-controls input[type=checkbox]{margin-right:8px}.sync-controls button:focus-visible,.sync-controls a:focus-visible{outline:2px solid #8ce2e7;outline-offset:3px}.settings-page,.settings-nav,.settings-content{min-width:0}.section-head>div{min-width:0}.settings-content p,.settings-content a{overflow-wrap:anywhere}@media(max-width:600px){.settings-page{width:100%;grid-template-columns:minmax(0,1fr)}.section-head{flex-wrap:wrap;gap:12px}.section-head>div{flex-basis:100%}.cards,.background-library,.logo-library{grid-template-columns:minmax(0,1fr)}.card-actions{flex-wrap:wrap}.settings-nav{max-width:100%}.plan-meter,.editor-row{flex-wrap:wrap}.editor-row>*{min-width:0;max-width:100%}}.new-workspace-form label{display:grid;gap:8px;width:100%}.new-workspace-form input{min-width:0;width:100%;padding:10px;border:1px solid #31554d;border-radius:8px;background:#07110d}.new-workspace-form .card-actions{margin-top:12px}