/* DonoX Cloud uses the current desktop Studio presentation. All art is local SVG/CSS. */
:root{color-scheme:dark;--bg:#17161c;--sidebar:#1c1a22;--panel:#24212b;--panel2:#2c2734;--line:#3a3243;--text:#eee8f2;--muted:#b6aabd;--dim:#897d96;--accent:#b895cc;--accent-bright:#d2b5e2;--rose:#d29bac;--gold:#d3aa86;--mint:#99c6ad;--radius:18px;--sidebar-w:244px;--header-h:72px;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.6}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled,a[aria-disabled=true]{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}h2{font-size:20px;letter-spacing:-.5px;font-weight:650}h3{font-size:13px;font-weight:600}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace}.eyebrow{display:block;font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--gold)}.live-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:9px}.dx-icon{display:inline-block;vertical-align:middle;flex:0 0 18px;width:18px;height:18px}.button,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button{border:1px solid transparent;border-radius:8px;min-height:40px;padding:10px 14px;font-size:11px;font-weight:600;line-height:1.4;transition:background .16s,border-color .16s}.button.primary{background:var(--accent);border-color:#c8a7da;color:#302039}.button.primary:hover:not(:disabled){background:#c4a2d7}.button.secondary{background:#2c2335;border-color:#60466f;color:#cfb4e0}.button.secondary:hover:not(:disabled){background:#392d44;border-color:#816193}.button.danger-button{background:#492d3b;border-color:#785163;color:#edb6c5}.button.compact{min-height:34px;padding:7px 11px;font-size:10px}.button .dx-icon{width:15px;height:15px;flex-basis:15px}.wide{width:100%}.text-button{border:0;background:none;padding:5px 0;color:var(--accent-bright);font-size:11px;font-weight:550;line-height:1.5}.text-button:hover{text-decoration:underline}.text-button .dx-icon{width:13px;height:13px;flex-basis:13px}.text-button .dx-icon:last-child{transform:rotate(45deg)}.text-link{color:var(--accent-bright);font-size:12px}.icon-button{border:1px solid var(--line);background:#2c2335;border-radius:8px;width:35px;height:35px;padding:8px;color:var(--muted)}.icon-button:hover{color:var(--text);border-color:#70547e}.hint{font-size:10px;color:var(--dim);line-height:1.75;margin-top:13px}.skip{position:fixed;top:-80px;left:16px;padding:12px;background:var(--accent);color:#211827;z-index:200}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
/* Shared identity */
.brand{display:flex;align-items:center;gap:11px;line-height:1.2;min-width:0}.brand-mark{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:10px;background:#d6c0e3;color:#37223e;font-size:25px;font-weight:800}.brand-word{font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-badge{display:inline-block;vertical-align:middle;border:1px solid #705875;border-radius:4px;font-size:9px;font-weight:550;letter-spacing:0;padding:2px 5px;margin-left:3px;color:#d8c2e5}.brand-caption{display:block;color:#a48aaa;font-size:6px;font-weight:500;letter-spacing:1.2px;margin-top:9px}.avatar{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:12px;border:1px solid #74617b;background:#453946;color:#eee1ee;font-size:15px;font-weight:650}
/* Desktop working studio */
.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;z-index:100}.sidebar>.brand{padding:30px 23px 26px;border-bottom:1px solid #302936;margin:0 12px 14px;padding-left:11px;padding-right:11px}.sidebar nav{padding:0 11px;overflow:auto;flex:1}.nav-label{display:block;padding:18px 12px 8px;color:#a08ba7;font-size:8px;letter-spacing:1.4px;font-weight:500}.nav-item{width:100%;display:flex;align-items:center;gap:12px;min-height:42px;text-align:left;color:#c7b5d2;background:none;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:550;padding:10px 13px;margin:3px 0}.nav-item>.dx-icon{color:#a998b2}.nav-item:hover{background:#ffffff05;color:#f5edf9}.nav-item.active{background:#39323f;border-color:#5b4666;box-shadow:inset 3px 0 #c2a3d7;color:#f0d9ff}.nav-item.active>.dx-icon{color:#cbb0df}.sidebar-bottom{padding:20px 22px 15px;border-top:1px solid #302936}.account{display:flex;align-items:center;gap:10px;margin-bottom:17px}.account>div{flex:1;min-width:0}.account strong{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:8px;color:var(--dim);margin-top:3px}.account>.icon-button{background:none;border:0;width:27px;height:30px;padding:5px}.subscription{display:flex;align-items:center;color:var(--mint);font-size:10px;margin:0 0 13px 3px}.subscription strong{font-weight:550;font-size:9px}.subscription small{display:block;font-size:8px;color:var(--dim);margin-top:2px}.sidebar-privacy{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.sidebar-privacy .dx-icon{width:13px;height:13px;flex-basis:13px}.main{min-width:0}.topbar{height:var(--header-h);position:sticky;top:0;z-index:40;background:#1f1c26;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-heading{display:flex;align-items:center;gap:23px;min-width:0}.breadcrumb{display:flex;align-items:center;gap:12px;color:#9f88ac;font-size:11px;white-space:nowrap}.breadcrumb .dx-icon{width:16px;height:16px;flex-basis:16px}.topbar h1{font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:15px}.header-sources{padding-right:20px;border-right:1px solid var(--line);font-size:10px}.interface-tag{border:1px solid #614771;background:#30243b;color:#dcc6eb;border-radius:7px;padding:8px 14px;font-size:11px;font-weight:600}.connection-state{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:145px;color:var(--dim);font-size:9px;line-height:1.3;white-space:nowrap}.connection-state i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.connection-state.online{background:#263c2e;border:1px solid #48634f;border-radius:20px;padding:5px 10px;color:#b6d7bd}.connection-state.online i{background:var(--mint)}.connection-state.offline{color:#e5afc1}.connection-state.offline i{background:var(--rose)}.menu-toggle,.menu-scrim{display:none}.page{max-width:1550px;margin:auto;padding:32px 34px 0}.section-intro{margin:0 0 28px;max-width:830px}.section-intro .eyebrow{margin-bottom:12px}.section-intro h2{font-size:36px;font-weight:700;letter-spacing:-1.2px;line-height:1.14}.section-intro p{font-size:12px;color:var(--muted);line-height:1.75;margin-top:12px;max-width:800px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:22px}.studio-primary,.studio-rail{display:flex;flex-direction:column;gap:20px;min-width:0}.studio-rail{gap:18px}.collection-card{position:relative;isolation:isolate;overflow:hidden;min-height:176px;background:#3a2c37;border:1px solid #6c4d5d;border-radius:16px;padding:25px 30px}.collection-card>.eyebrow{color:#d4ad96;font-size:9px;letter-spacing:1.3px}.collection-card>strong{display:block;position:relative;z-index:1;color:#f8e7d8;font-size:51px;font-weight:650;line-height:1.1;letter-spacing:-1.5px;margin-top:15px}.collection-card>p{position:relative;z-index:1;font-size:10px;color:#c9b0bc;margin-top:12px}.collection-card>.button{position:absolute;right:24px;bottom:24px;z-index:1;background:#714d37;border-color:#a8784f;color:#f1d5bb}.collection-orbit{position:absolute;z-index:-1;right:-46px;top:-119px;width:325px;height:325px;border:30px solid #c5a38228;border-radius:50%;box-shadow:0 0 0 28px #b4837215;transform:rotate(18deg)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:-8px}.metric{position:relative;min-height:128px;padding:20px 19px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.metric>span{display:block;font-size:10px;font-weight:550;color:var(--muted);padding-right:24px}.metric>.dx-icon{position:absolute;right:19px;top:25px;color:#a789b5;width:17px;height:17px}.metric>strong{display:block;font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:700;margin:15px 0 8px;overflow-wrap:anywhere}.metric>p{font-size:9px;color:var(--dim)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.card-head .eyebrow{margin-bottom:10px;font-size:9px}.card-head h2{font-size:20px;font-weight:650}.card-head .text-button{font-size:10px;flex-shrink:0}.card-symbol{color:#b79ab6;line-height:1}.card-symbol>.dx-icon{width:23px;height:23px}.card>p{color:var(--muted);font-size:11px}.studio-rail .card{padding:20px}.studio-rail h3{display:flex;align-items:center;gap:9px;color:#c7b6cf;font-size:12px;margin-bottom:15px}.studio-rail h3>.dx-icon{color:#b895cc}.studio-control .button{justify-content:flex-start;margin-bottom:8px;font-size:11px}.studio-control .button:last-of-type{margin-bottom:0}.studio-control .hint{font-size:9px;line-height:1.65;margin-top:12px}.connection-card h3{margin-bottom:4px}.card-caption{font-size:9px!important;color:var(--dim)!important;margin-bottom:16px}.device-name{font-size:12px!important;overflow-wrap:anywhere;margin-bottom:8px;font-weight:550}.connection-card>.muted{font-size:9px;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.connection-card>.text-button{font-size:9px;margin-top:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;color:#baa5c0;font-size:9px;border:1px solid #504158;border-radius:6px;padding:4px 7px;line-height:1.4}.status-pill.online{color:#b7d8c1;border-color:#405849;background:#283b301f}.status-pill::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.goal-card .card-head{align-items:start;margin-bottom:16px}.goal-card .card-head h2{font-size:16px;line-height:1.35}.goal-card .eyebrow{font-size:8px}.goal-values{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.goal-values strong{font-size:25px;font-weight:650;letter-spacing:-.7px}.goal-values span{font-size:10px;color:var(--dim)}.progress-track{height:7px;background:#3a2e44;border-radius:8px;overflow:hidden;margin-top:15px}.progress-track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#b995ce,#d3aa86);transition:width .4s}.goal-card #goalPercent{font-size:9px;margin-top:10px}.goal-card>.text-button{font-size:10px;margin-top:12px}.scene-link{display:flex;align-items:center;gap:13px;border:1px solid #caabd9;border-radius:16px;background:var(--accent);color:#35213e;padding:21px;text-align:left}.scene-link>.dx-icon:first-child{width:26px;height:26px;flex-basis:26px}.scene-link>span{flex:1}.scene-link strong{font-size:12px;font-weight:650;display:block}.scene-link small{display:block;font-size:9px;margin-top:5px;color:#553c60}.scene-link>.dx-icon:last-child{width:14px;height:14px;flex-basis:14px;transform:rotate(45deg)}
/* Data lists */
.empty-state{text-align:center;padding:34px 18px;border:1px dashed #4b3b55;border-radius:11px;background:#211b28}.empty-state>span{display:block;color:#b793cb;font-size:26px;margin-bottom:10px}.empty-state strong{display:block;font-size:12px;color:#ded0e5;font-weight:600}.empty-state p{font-size:10px;color:var(--dim);max-width:355px;margin:6px auto 0;line-height:1.7}.donation-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:start}.donation-row:first-child{padding-top:0}.donation-row:last-child{padding-bottom:0;border-bottom:0}.donation-row .avatar{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:11px;background:#3b2b45;color:#d6b8e7;border-color:#61486e}.donation-name{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.donation-comment{font-size:11px;line-height:1.6;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}.donation-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:8px;color:var(--dim);margin-top:5px}.donation-amount{font-size:13px;font-weight:600;color:#d5b2e9;white-space:nowrap}.top-row{display:flex;align-items:center;gap:12px;background:#1f1b26;border:1px solid #3b2f44;border-radius:9px;padding:11px 13px;margin-bottom:8px}.top-row:last-child{margin-bottom:0}.rank{font-size:10px;color:#a18aaf;width:24px;font-variant-numeric:tabular-nums}.top-row:first-child .rank{color:var(--gold)}.top-row strong{font-size:12px;flex:1;overflow-wrap:anywhere;font-weight:550}.top-row b{font-size:12px;color:#dfbc9c;font-weight:600}.app-footer{max-width:1550px;margin:0 auto;padding:25px 34px 22px;display:flex;justify-content:space-between;gap:15px;color:#8c7c97;font-size:9px}.app-footer b{color:#b99acb;margin-left:8px}.app-footer b>.dx-icon{width:14px;height:14px}.app-footer a:hover{color:#d4b8e2}
/* Forms and OBS source cards */
.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.two-column>.card>h2{margin-bottom:22px}.step-title{display:flex;gap:12px;align-items:center;margin-bottom:14px}.step-title>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;border:1px solid #695079;background:#3c2a48;color:#d2b6e1;font-size:12px;flex-shrink:0}.step-title h2{font-size:18px}.step-title~p{font-size:12px;line-height:1.8;margin-bottom:18px}.step-title:not(:first-child){margin-top:28px}.details{margin:0 0 22px}.details>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.callout{border:1px solid #67503d;border-radius:10px;background:#352b272e;padding:15px;margin-top:25px}.callout strong{font-size:11px;color:#dbc3ac}.callout p{font-size:10px;color:#bca491;line-height:1.75;margin-top:6px}.pairing-result{margin-top:24px;padding:20px;background:#1c1723;border:1px solid #4e3c5b;border-radius:12px}label{display:block;color:var(--muted);font-size:11px;font-weight:550;margin:18px 0 7px}input,textarea{width:100%;min-width:0;background:#19131f;border:1px solid #4a3a55;border-radius:8px;color:var(--text);padding:11px 12px;font-size:12px}input::placeholder{color:#87768f}input:focus,textarea:focus{border-color:#a681bb}textarea{resize:vertical;font-family:Consolas,monospace;font-size:11px;word-break:break-all}.pairing-result button{margin-top:12px}form .button{margin-top:23px}.input-action{display:flex;gap:10px}.input-action input{flex:1}.widgets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.widget-card{padding:22px;border:1px solid #53365f;background:#2c2036;border-radius:16px}.widget-card .card-head{margin:21px 0 9px;gap:12px}.widget-card .card-head h2{font-size:17px}.widget-card>p{font-size:11px;line-height:1.7;min-height:38px}.widget-card>.button{margin-top:18px;background:#4b305e;color:#dcbbee;border-color:#735182}.widget-card>.button:hover:not(:disabled){background:#604173}.size-label{font-size:10px;line-height:1.4;color:#bd9fce;white-space:nowrap;letter-spacing:.3px}.widget-demo{display:flex;align-items:center;justify-content:center;gap:17px;min-height:125px;background:radial-gradient(ellipse at 50% 75%,#422c4f,#21172b 80%);border:1px solid #543c60;border-radius:11px;padding:20px;color:#e7d5f0;overflow:hidden}.widget-demo small{font-size:7px;letter-spacing:1.2px;color:#bf99d3;display:block}.widget-demo b{font-size:14px;display:block;line-height:1.7}.widget-demo em{color:#d4ace7;font-size:12px;font-style:normal}.widget-demo p{font-size:10px;color:#a58faf}.demo-donation>span>.dx-icon,.demo-music>span>.dx-icon{width:36px;height:36px;color:#c6a4d9}.demo-donation b em{margin-left:8px}.demo-top{flex-direction:column;gap:6px;padding:15px}.demo-top>div{display:flex;align-items:center;gap:15px;width:88%;font-size:9px;padding:5px 10px;border:1px solid #5a3d6d;border-radius:5px;background:#392647}.demo-top>div>span{font-size:8px;color:#ab87bb}.demo-top>div>b{font-size:10px;flex:1}.demo-top>div>em{font-size:9px}.demo-goal{flex-direction:column;gap:6px}.demo-goal>b{font-size:23px;font-weight:650}.demo-goal>b>em{font-size:12px;color:#b192c0}.demo-goal>div{height:5px;background:#4c345b;border-radius:4px;width:85%}.demo-goal>div>span{display:block;height:100%;width:48%;border-radius:4px;background:#c5a0d9}.obs-link-result,.music-queue-card{margin-top:22px}.obs-link-result{border-color:#9b74ad}.music-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.music-row>span{color:#c2a0d4;font-size:20px}.music-row>div{flex:1;min-width:0}.music-row strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-row p{font-size:10px;color:var(--muted)}.music-row button{font-size:10px}.search-label{margin:0;max-width:300px;width:100%}.search-label input{font-size:11px;padding:9px 11px}.danger-card{border-color:#664350}.danger-card>p{font-size:12px;margin-bottom:22px}.banner{padding:22px;background:#302639;border:1px solid #685077;border-radius:13px;margin:24px 34px}.banner strong{font-size:17px}.banner p{font-size:12px;color:var(--muted);margin:8px 0 16px}.banner .button{margin-right:8px}.banner.danger{background:#38252f;border-color:#784456}dialog{background:var(--panel);color:var(--text);border:1px solid #6c4f7c;border-radius:17px;padding:28px;max-width:440px;width:calc(100% - 32px);box-shadow:0 25px 100px #0006}dialog::backdrop{background:#0b0813b8}dialog h2{margin:12px 0}dialog p{font-size:12px;color:var(--muted);line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:400;border:1px solid #78548b;background:#33273e;border-radius:10px;padding:13px 20px;box-shadow:0 10px 40px #0005;max-width:min(540px,calc(100% - 32px));font-size:12px}.toast.error{border-color:#af738b;color:#ffd5e6}
/* Login shares Studio identity without authenticated data. */
.auth-shell{max-width:1250px;min-height:100vh;margin:auto;padding:65px 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.auth-story{display:flex;flex-direction:column;justify-content:space-between;min-height:620px}.auth-story>.brand{align-self:flex-start}.auth-copy{padding:55px 0 45px}.auth-copy h1{font-size:57px;line-height:1.1;letter-spacing:-2px;font-weight:700;margin:22px 0}.auth-copy h1 em{font-style:normal;color:var(--accent-bright)}.auth-copy>p{max-width:420px;font-size:13px;color:var(--muted);line-height:1.85}.auth-preview{position:relative;overflow:hidden;display:flex;align-items:center;gap:17px;margin:28px 0 22px;padding:24px;background:#302436;border:1px solid #624a6c;border-radius:16px}.preview-gift{color:#caabda}.preview-gift>.dx-icon{width:32px;height:32px}.auth-preview strong{display:block;font-size:17px;margin:5px 0}.auth-preview strong b{color:#d7b6e9;margin-left:8px;font-size:16px;font-weight:600}.auth-preview p{font-size:10px;color:#b6a1c0}.auth-preview .eyebrow{font-size:7px;color:#c5a3d1}.preview-orbit{position:absolute;width:130px;height:130px;border:18px solid #b28a8012;border-radius:50%;right:-43px;top:-71px}.feature-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--dim)}.feature-row b{font-size:11px;color:#b9a7c2;font-weight:500;margin-left:5px}.feature-row i{font-style:normal}.auth-foot{font-size:9px;color:var(--dim);line-height:1.9}.auth-foot a{color:#be9ed0}.auth-card{background:var(--panel);border:1px solid #46374e;border-radius:20px;padding:34px;max-width:460px;width:100%;box-shadow:0 25px 80px #08050f26}.auth-card>h2{font-size:27px;letter-spacing:-.7px;margin:13px 0}.auth-card>.muted{font-size:12px;line-height:1.8;margin-bottom:25px}.auth-card #startLogin{justify-content:space-between;min-height:44px}.auth-card .inline-error{font-size:11px;color:#efb3c8;line-height:1.7;margin-top:14px;white-space:pre-line}.auth-card #authBotHelp{display:inline-flex;margin-top:12px;font-size:11px}.qr{display:grid;place-items:center;background:white;padding:14px;border-radius:12px;width:188px;height:188px;margin:0 auto 18px}.qr svg{width:100%;height:100%;display:block}.qr.small{width:160px;height:160px}.auth-code-label{font-size:11px;color:var(--muted);text-align:center;margin-top:20px}.login-code{font-size:29px;font-family:Consolas,monospace;letter-spacing:.18em;text-align:center;font-weight:650;margin-top:5px;padding-left:.18em}.waiting{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px;margin-top:19px}.spinner{width:12px;height:12px;border:2px solid #715b7d;border-top-color:#dfc5ed;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#restartLogin{display:flex;margin:12px auto 0}.success-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #557a65;background:#283c2f;color:#b3d7c0;font-size:23px;margin-bottom:17px}.account-name{display:block;font-size:21px;margin-top:19px;overflow-wrap:anywhere}#approvedId{font-size:11px}#completeLogin{margin-top:20px}
@media(min-width:1650px){.page{padding:36px 45px 0}.topbar{padding:0 45px}.app-footer{padding-inline:45px}.studio-grid{grid-template-columns:minmax(0,1fr) 280px}.collection-card{min-height:188px}}
@media(max-width:1200px){.topbar{padding-inline:24px}.page{padding:28px 24px 0}.app-footer{padding-inline:24px}.header-sources{display:none}.topbar-actions{gap:12px}.studio-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.studio-rail .card{padding:18px}.card{padding:21px}.collection-card{padding:23px}.collection-card>strong{font-size:45px}.collection-card>.button{right:18px;bottom:20px}.auth-shell{padding:45px;gap:55px}.auth-copy h1{font-size:50px}}
@media(max-width:1050px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.scene-link{min-height:135px}.section-intro h2{font-size:32px}.topbar-heading{gap:14px}.breadcrumb{display:none}.two-column{grid-template-columns:minmax(0,1fr)}.collection-card>strong{font-size:47px}.widget-card{padding:19px}.widget-card .card-head{align-items:start;flex-direction:column;gap:7px}.auth-shell{gap:38px;padding:40px}.auth-card{padding:29px}.auth-copy h1{font-size:46px}}
@media(max-width:820px){:root{--header-h:64px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:247px;height:100dvh;transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s}.menu-open .sidebar{transform:none;visibility:visible}.menu-open{overflow:hidden}.menu-scrim{display:block;position:fixed;inset:0;background:#08050dab;border:0;z-index:80;width:100%;height:100%;padding:0}.menu-toggle{display:inline-flex}.topbar{padding:0 20px;z-index:60}.topbar-heading{gap:14px}.topbar-actions{gap:11px}.page{padding:25px 25px 0}.app-footer{padding:22px 25px}.studio-grid{grid-template-columns:minmax(0,1fr) 240px}.studio-rail{display:flex;align-items:stretch}.scene-link{min-height:auto}.studio-primary{gap:18px}.collection-card>strong{font-size:38px}.collection-card{padding:22px 20px;min-height:178px}.collection-card>.button{bottom:17px;right:16px}.collection-card>p{max-width:160px;font-size:9px}.collection-card>.eyebrow{font-size:8px}.metric{padding:17px 15px;min-height:129px}.metric>.dx-icon{right:14px;top:22px;width:15px;height:15px}.metric>strong{font-size:25px}.metric>span{font-size:9px}.metric>p{font-size:8px}.card-head h2{font-size:18px}.card{padding:19px}.section-intro h2{font-size:32px}.auth-shell{grid-template-columns:1fr;gap:25px;max-width:460px;padding:35px 20px;align-content:center}.auth-story{min-height:0}.auth-story>.brand{align-self:center}.auth-copy{display:none}.auth-foot{display:none}.auth-card{max-width:none}.auth-card>h2{font-size:25px}.auth-story .brand-caption{margin-top:7px}}
@media(max-width:650px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-control{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.studio-control h3,.studio-control .hint{grid-column:1/-1}.studio-control h3{margin-bottom:2px}.studio-control .button{margin:0}.studio-control .button:nth-of-type(3){grid-column:1/-1}.studio-control .hint{margin:0}.collection-card>strong{font-size:47px}.collection-card>p{max-width:none}.widgets-grid{gap:16px}.widget-card .card-head{flex-direction:row;align-items:center}.widget-demo{padding:15px;gap:10px}.widget-demo b{font-size:12px}.widget-demo em{font-size:10px}.demo-top>div{width:100%;gap:8px;padding:5px 7px}.widget-card .card-head h2{font-size:15px}.size-label{font-size:9px}.donation-row{gap:10px}.donation-amount{font-size:12px}.topbar h1{font-size:11px}.connection-state{font-size:8px;max-width:110px}.interface-tag{padding:7px 10px;font-size:10px}}
@media(max-width:560px){.topbar{padding:0 15px}.topbar h1,.connection-state{display:none}.topbar-actions{gap:12px}.topbar-actions .button{font-size:11px;min-height:35px;padding:8px 12px}.interface-tag{padding:8px 14px}.menu-toggle{width:40px;height:36px}.page{padding:23px 15px 0}.section-intro{margin-bottom:22px}.section-intro .eyebrow{font-size:8px;margin-bottom:12px}.section-intro h2{font-size:28px;letter-spacing:-.85px}.section-intro p{font-size:11px;line-height:1.7;margin-top:10px}.collection-card{padding:22px;min-height:188px;border-radius:15px}.collection-card>strong{font-size:43px;margin-top:17px}.collection-card>.eyebrow{font-size:8px;letter-spacing:1.1px}.collection-card>p{font-size:9px;max-width:170px;line-height:1.6;margin-top:12px}.collection-card>.button{right:17px;bottom:20px;font-size:9px;padding:7px 9px}.collection-orbit{right:-165px}.metrics{gap:12px;margin-top:-5px}.metric{min-height:123px;padding:18px 16px}.metric>span{font-size:9px}.metric>strong{font-size:27px;margin-top:14px}.metric>p{font-size:8px}.metric>.dx-icon{right:16px;top:22px;width:15px;height:15px}.card{border-radius:15px;padding:20px}.card-head{margin-bottom:20px;gap:8px}.card-head h2{font-size:18px}.card-head .text-button{font-size:9px}.card-head .eyebrow{font-size:8px}.donation-row{grid-template-columns:29px minmax(0,1fr) auto;gap:9px;padding:15px 0}.donation-row .avatar{width:29px;height:29px;flex-basis:29px}.donation-name{font-size:11px}.donation-comment{font-size:10px}.donation-amount{font-size:11px}.donation-meta{font-size:8px}.studio-rail{display:flex;gap:17px}.studio-control{display:flex;flex-direction:column;gap:0}.studio-control h3{margin-bottom:15px}.studio-control .button{margin-bottom:8px}.studio-control .hint{margin-top:12px}.goal-values strong{font-size:28px}.scene-link{padding:22px}.widgets-grid{grid-template-columns:minmax(0,1fr);gap:16px}.widget-card{padding:21px;border-radius:15px}.widget-demo{min-height:130px;padding:20px}.widget-demo b{font-size:15px}.widget-demo em{font-size:12px}.widget-demo p{font-size:10px}.widget-card .card-head h2{font-size:17px}.widget-card>p{min-height:0;font-size:11px}.size-label{font-size:10px}.demo-top>div{width:87%;gap:13px}.demo-top>div b{font-size:10px}.demo-top>div em{font-size:10px}.input-action{flex-direction:column}.two-column{gap:18px}.details>div{font-size:11px}.card .status-pill{font-size:8px}.callout{margin-top:23px}#page-history .card-head{flex-direction:column;align-items:start;gap:17px}.search-label{max-width:none;width:100%}.app-footer{padding:24px 15px;font-size:8px;flex-wrap:wrap;gap:8px}.banner{margin:20px 15px;padding:20px}.banner .button{margin-top:6px}.auth-shell{padding:30px 18px}.auth-card{padding:28px 25px;border-radius:17px}.auth-card>.eyebrow{font-size:8px}.auth-card>h2{font-size:25px}.auth-card>.muted{font-size:11px}.auth-card .hint{font-size:10px}.toast{bottom:18px;font-size:11px;padding:13px 17px}dialog{padding:25px}}
body>main.auth-card{max-width:760px;margin:45px auto;width:calc(100% - 36px)}body>main.auth-card>h1{font-size:28px;margin:22px 0}body>main.auth-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin:17px 0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sync-steps{padding-left:20px;color:var(--muted);font-size:11px;margin:18px 0;line-height:1.9}.sync-conflict{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.shared-settings-card{grid-column:1/-1}.shared-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.sync-check{display:flex;gap:10px;align-items:center;margin-top:24px}.sync-check input{width:18px;height:18px;margin:0}.sync-subtitle{margin-top:25px}.shared-settings-card form>.button,#goalSave{margin-top:15px}@media(max-width:560px){.shared-field-grid{grid-template-columns:minmax(0,1fr);gap:4px}.sync-check{margin:20px 0}}

.music-live-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:18px 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.music-volume-control{flex:1 1 260px;min-width:0}.music-volume-control>label{margin-top:0}.music-volume-inputs{display:grid;grid-template-columns:minmax(80px,1fr) 76px auto;gap:12px;align-items:center}.music-volume-inputs input{margin:0;min-width:0}.music-volume-inputs input[type=range]{padding:0;height:36px;accent-color:var(--accent);cursor:pointer}.music-volume-control .hint{margin:8px 0 0}@media(max-width:560px){.music-live-controls{gap:18px}.music-live-controls>.button{width:100%}.music-volume-control{flex-basis:100%}}
.sound-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px;grid-column:1/-1}.sound-actions .button{min-height:40px;padding:8px 12px}.sound-status{flex-basis:100%;color:var(--muted,#b6bdca);overflow-wrap:anywhere}

/* DonoX brand: charcoal, red and rose. Widget designs remain user controlled. */
:root{--bg:#151317;--sidebar:#19161b;--panel:#211d23;--panel2:#2a242d;--line:#40353f;--text:#f7f0f3;--muted:#c1afb9;--dim:#a58b99;--accent:#db3053;--accent-bright:#ff839c;--rose:#ff839c;--gold:#dfaa8b}
.brand-mark{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;object-fit:contain}
.button.primary{background:#d82c50;color:#fff}.button.primary:hover{background:#ec3f62}.nav-item.active{background:#db305319;color:#ff95ab;border-color:#d94e6a55}
.shared-settings-card h2{margin-bottom:8px}.shared-settings-card .hint{max-width:70ch}.shared-field-grid input{min-height:44px}.sound-actions .text-button{min-height:40px}

.design-presets{margin-bottom:24px}.design-presets select{display:block;width:100%;max-width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.design-presets select:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.obs-link-result .card-head{flex-wrap:wrap}