/* Plain: monochrome application chrome with a compact, functional layout. */
:root{--bg:#0c0c0c;--panel:#141414;--line:#ffffff12;--muted:#929292;--text:#ededed;--purple:#c8c8c8;--purple-soft:#ffffff08;color-scheme:dark}
body{background:#0c0c0c;color:#ededed}.brand-dot{color:#bcbcbc}.brand img{filter:grayscale(1)}.button{border-radius:5px;box-shadow:none!important;min-height:40px;padding:10px 16px;font-size:12px;font-weight:500}.button.primary{background:#dedede;color:#161616}.button.primary:hover{background:#fff}.button.secondary{background:#1b1b1b;border:1px solid #343434;color:#ccc}.button.secondary:hover{background:#252525;border-color:#505050}button:focus-visible,a:focus-visible{outline:2px solid #aaa;outline-offset:3px}.eyebrow{color:#8b8b8b;letter-spacing:1px}.green-dot,.live-dot{background:#aaa}.icon{stroke-width:1.5}
.studio-shell{background:#101010;color:#dedede}.studio-shell .sidebar{background:#0c0c0c;width:196px;border-right:1px solid #252525;padding:25px 12px}.sidebar .brand{font-size:25px;padding-left:13px}.sidebar .brand img{width:27px;height:27px;border-radius:6px}.sidebar .workspace-label{color:#646464;font-size:9px;letter-spacing:1.1px;margin:38px 0 12px 14px}.sidebar nav{gap:3px}.sidebar .nav-item{border-radius:5px;padding:11px 13px;min-height:41px;color:#969696;font-size:12px;gap:11px;border:0!important;box-shadow:none!important}.sidebar .nav-item.active{background:#232323;color:#efefef}.sidebar .nav-item:not(.active):hover{background:#191919;color:#ddd}.sidebar .nav-item .icon{width:17px;height:17px}.sidebar .little-card{background:none;border:0;border-top:1px solid #272727;border-radius:0;padding:19px 12px 0;box-shadow:none;margin-bottom:17px}.sidebar .little-card strong{color:#c8c8c8;font-size:11px;font-weight:500}.sidebar .little-card p{color:#6f6f6f;font-size:11px}.sidebar .little-card a{color:#b0b0b0;font-size:10px}.sidebar .account-chip{border-color:#252525}.sidebar .account-chip strong{color:#c9c9c9;font-size:11px}.sidebar .account-chip small{color:#696969}.studio-main{margin-left:196px}.studio-top{height:59px;padding:0 32px;background:#101010;border-bottom:1px solid #252525;color:#656565;font-size:11px}.studio-top #breadcrumb{color:#c2c2c2;font-weight:400}.studio-top .top-profile{border:1px solid #333;background:#181818;border-radius:5px;padding:8px 12px;color:#bdbdbd;font-size:10px}.studio-content{max-width:1560px;padding:30px 32px 45px}.studio-welcome{display:none}.page-heading{padding:0 0 25px;margin-bottom:0;border-bottom:1px solid #272727;align-items:center;gap:20px}.studio-main .page-heading .eyebrow{display:none}.page-heading h1{font-size:27px;letter-spacing:-.8px;margin:0 0 9px;color:#efefef;font-weight:600}.page-heading p{font-size:12px;color:#777;margin:0}.draft-state{background:none;border:0;padding:0;color:#808080;font-size:10px}.draft-state .green-dot{height:4px;width:4px;background:#999}.editor-layout,.editor-layout.shop-layout{grid-template-columns:minmax(0,1fr) 355px;gap:36px;padding-top:26px}.editor-main{min-width:0}.stats-row{background:none;gap:0;border:0;border-bottom:1px solid #272727;border-radius:0;padding-bottom:21px;margin-bottom:27px}.stats-row>div{border:0!important;border-right:1px solid #292929!important;border-radius:0;background:none;box-shadow:none;padding:0 18px}.stats-row>div:first-child{padding-left:0}.stats-row>div:last-child{border-right:0!important}.stats-row .icon{display:none}.stats-row span{font-size:10px;color:#717171;margin-bottom:10px}.stats-row strong{font-size:22px;font-weight:500;color:#cdcdcd;letter-spacing:-.6px}.stats-row .stat-slug{font-size:15px;color:#b1b1b1}.stats-row small{color:#777}.studio-main .panel{border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin-bottom:28px}.studio-main .panel-heading{margin-bottom:24px}.studio-main .panel-heading h2{color:#c9c9c9;font-size:15px;font-weight:500;letter-spacing:0;margin-bottom:8px}.studio-main .panel-heading p{color:#777;font-size:11px;line-height:1.65}.studio-main .panel-heading>.icon{display:none}.studio-main .eyebrow{font-size:9px;letter-spacing:1.2px;color:#686868}.studio-main .field{font-size:11px;font-weight:400;color:#a6a6a6;gap:9px}.studio-main .field input:not([type=range]),.studio-main .field textarea,.studio-main .field select{border:1px solid #303030;border-radius:5px;background:#171717;color:#ddd;min-height:43px;padding:11px 12px;font-size:13px;box-shadow:none}.studio-main .field input:focus,.studio-main .field textarea:focus,.studio-main .field select:focus{border-color:#777;box-shadow:0 0 0 1px #7773}.studio-main .field input::placeholder,.studio-main .field textarea::placeholder{color:#5e5e5e}.studio-main .field small,.studio-main .helper{color:#737373;font-size:10px}.studio-main .field output{color:#aaa}.studio-main input[type=range]{accent-color:#b4b4b4}.studio-main input[type=checkbox]{accent-color:#aaa}.studio-main .section-divider{background:#272727;margin:28px 0}.form-grid{gap:22px 18px}.studio-main .save-bar{background:#141414f5;border:1px solid #303030;backdrop-filter:blur(12px);border-radius:6px;box-shadow:0 8px 22px #0003;padding:11px 13px;bottom:18px}.studio-main .save-bar>span{color:#828282;font-size:10px}.studio-main .button.primary,.studio-main .save-bar .primary{background:#d6d6d6;color:#171717;border:1px solid #d6d6d6;border-radius:5px;min-height:39px}.studio-main .button.primary:hover{background:#fff}.studio-main .button.secondary{background:#1c1c1c;color:#bdbdbd;border-color:#353535;border-radius:5px}.studio-main .button.secondary:hover{background:#282828}.preview-column{background:none;border:0;border-left:1px solid #292929;padding:0 0 0 25px;border-radius:0;box-shadow:none;top:25px}.preview-heading{color:#777;font-size:9px;letter-spacing:1px;margin-bottom:15px}.preview-heading .green-dot{background:#888;width:4px;height:4px}.preview-mode{border:1px solid #303030;border-radius:5px;background:#121212;padding:2px;gap:2px}.preview-mode button{min-height:26px;font-size:9px;padding:5px 9px;border-radius:3px;color:#777}.preview-mode button[aria-pressed=true]{color:#ddd;background:#2b2b2b}.editor-preview{border:1px solid #323232;border-radius:9px;box-shadow:none;max-height:calc(100dvh - 200px);min-height:515px}.editor-preview .profile-stage{min-height:515px}.preview-caption{color:#777;font-size:10px;line-height:1.7}.preview-caption>span{color:#555;font-size:9px}.preview-column .public-link.button{background:#191919;border:1px solid #343434;border-radius:5px;color:#aaa;font-size:10px}.phone-preview .editor-preview{border-color:#404040;border-radius:25px}.studio-main .visual-controls,.studio-main .preset-section{border-color:#282828}.studio-main .visual-controls h3{color:#bbb;font-size:13px;font-weight:500}.background-choice>span{border-radius:6px}.studio-main .background-choice{color:#777}.studio-main .background-choice[aria-pressed=true]{color:#ddd}.background-choice[aria-pressed=true]>span{border-color:#bdbdbd;box-shadow:0 0 0 2px #ffffff12}.background-choice strong{font-size:10px}.studio-main .font-grid button{background:#171717;border:1px solid #303030;border-radius:6px;color:#888;font-size:10px;padding:17px 5px}.studio-main .font-grid span{color:#ccc;font-size:26px}.studio-main .font-grid button[aria-pressed=true]{border-color:#969696;background:#242424}.studio-main .color-palette>span{color:#999;font-size:11px}.studio-main .color-swatch{border-color:#171717;outline-color:#454545}.studio-main .preset-card{background:#151515;border:1px solid #303030;border-radius:6px;color:#aaa;padding:10px}.studio-main .preset-card strong{font-size:11px;font-weight:500}.studio-main .preset-card small{color:#727272}.studio-main .upload-tile{background:#151515;border:1px solid #2e2e2e;border-radius:6px;padding:12px}.studio-main .upload-top strong{font-size:11px;font-weight:500;color:#aaa}.studio-main .upload-area{background:#121212;border:1px dashed #383838;border-radius:4px}.studio-main .upload-area>span{color:#858585}.studio-main .upload-tile>small{color:#666}.studio-main .remove-asset{color:#888}.studio-main .toggle-field{border-color:#2d2d2d}.studio-main .toggle-field strong{font-weight:500;color:#aaa}.studio-main .toggle-field small{color:#747474}.studio-main input:checked+.switch{background:#777;border-color:#777}.studio-main .link-row{background:#151515;border:1px solid #303030;border-radius:6px}.studio-main .link-row.drop-target{background:#222;border-color:#aaa}.studio-main .link-row .icon-button,.studio-main .drag-handle{color:#888}.studio-main .empty-state{color:#888}.studio-main .verification-intro h3,.studio-main .panel>h3{color:#ccc}.studio-main .verification-intro p{color:#888}.studio-main .badge-collection>span{color:#aaa;background:#202020}.studio-main .blocked-users strong{color:#bbb}.studio-main .blocked-users small{color:#777}.studio-main .blocked-users>article{border-color:#2b2b2b}.studio-main #badge-shop{background:#141414;color:#ccc;border:1px solid #303030;border-radius:6px}.studio-main #badge-shop .shop-banner h2,.studio-main #badge-shop .shop-card h3{color:#ddd}.shop-card{background:#191919;border-color:#333;border-radius:6px}.shop-card p,.shop-banner p{color:#888}.shop-price{color:#ddd}
.auth-wrap{background:#0c0c0c}.auth-card{background:#151515;border:1px solid #303030;border-radius:8px}.auth-card p,.auth-card>.eyebrow{color:#8b8b8b}.admin-main,.admin-top{color:#ddd}.admin-main .panel{background:#141414;border:1px solid #303030;border-radius:6px}.admin-main .field input,.admin-main .field textarea,.admin-main .field select{background:#101010;color:#ddd;border-color:#333;border-radius:5px}.admin-main .button.primary{background:#ccc;color:#111}.admin-user,.review-card{background:#191919;border-color:#333;border-radius:5px}.admin-main .eyebrow,.admin-main .helper,.admin-main .field small{color:#888}.owner-alerts>a{background:#181818;border-color:#333;border-radius:5px}.owner-alerts strong,.owner-alerts.needs-review strong{color:#ddd}.owner-alerts span{color:#999}.dialog,.purchase-dialog{background:#191919;color:#ddd;border-color:#333;border-radius:8px}
.landing-v2{background:#0d0d0d;color:#ddd}.landing-v2 .topbar{height:73px;background:#0d0d0d;border-color:#292929;padding:0 5%}.landing-v2 .topbar .brand,.landing-v2 .landing-footer .brand{color:#eee}.landing-v2 .topbar nav{color:#888;font-size:12px}.landing-v2 .topbar nav a:hover{color:#ddd}.landing-v2 .topbar>.button{background:#1c1c1c;border:1px solid #383838;border-radius:5px;color:#bbb;padding:10px 18px}.landing-v2 .hero{min-height:650px;gap:75px;padding-top:70px;padding-bottom:85px}.landing-v2 .hero-copy h1{color:#ededed;font-size:clamp(48px,5vw,73px);line-height:1.05;letter-spacing:-3.5px}.landing-v2 .hero-copy h1>span{color:#898989}.landing-v2 .hero-copy>.eyebrow{color:#707070;font-size:9px;letter-spacing:1.3px}.landing-v2 .hero-copy>p{color:#8d8d8d;font-size:14px;line-height:1.85}.landing-v2 .hero-actions .primary{background:#d7d7d7;color:#161616;border-radius:5px;min-height:44px;padding:13px 20px}.landing-v2 .hero-actions .secondary{background:#1a1a1a;color:#aaa;border:1px solid #333;border-radius:5px}.landing-v2 .hero-note{color:#666;letter-spacing:.4px}.landing-v2 .profile-demo-wrap{transform:none;border:1px solid #363636;border-radius:10px;box-shadow:none;background:#141414}.hero-sticker{display:none}.landing-v2 .demo-window-bar,.landing-v2 .demo-window-footer{background:#191919;color:#777;border-color:#303030;border-radius:0}.landing-v2 .demo-window-bar{border-radius:9px 9px 0 0}.landing-v2 .demo-window-footer{border-radius:0 0 9px 9px}.landing-v2 .hero-preview{border-radius:0}.landing-v2 .inspiration{background:#111;border-top:1px solid #292929;border-bottom:1px solid #292929;padding-top:45px;padding-bottom:50px}.landing-v2 .section-title h2{color:#ccc;font-size:29px;letter-spacing:-.7px}.landing-v2 .section-title .eyebrow{color:#6e6e6e}.landing-v2 .section-title p{color:#777}.landing-v2 .example-profile{background:#181818;border-color:#333;border-radius:8px}.landing-v2 .example-avatar{background:#292929;border-color:#181818;color:#aaa}.landing-v2 .example-profile p,.landing-v2 .example-profile small{color:#888}.landing-v2 .example-link{border-color:#333;color:#aaa;border-radius:5px}.landing-v2 .details-title .eyebrow{color:#666}.landing-v2 .details-title h2{color:#ccc;font-size:40px;letter-spacing:-1.5px}.landing-v2 .text-link{color:#a4a4a4}.landing-v2 .feature-list article{border-color:#2e2e2e}.landing-v2 .feature-list h3{color:#bbb;font-size:16px}.landing-v2 .feature-list p{color:#828282;font-size:12px}.landing-v2 .feature-list article>span,.landing-v2 .feature-list article>.icon{color:#646464}.landing-v2 .landing-footer{border-color:#2a2a2a;color:#888}.landing-v2 .landing-footer>span{color:#777}
@media(max-width:1200px){.studio-shell .sidebar{width:178px}.studio-main{margin-left:178px}.studio-content{padding:27px 24px}.editor-layout,.editor-layout.shop-layout{grid-template-columns:minmax(0,1fr) 315px;gap:24px}.preview-column{padding-left:20px}}
@media(max-width:960px){.studio-shell .sidebar{width:150px}.studio-main{margin-left:150px}.studio-content{padding:25px 18px}.editor-layout,.editor-layout.shop-layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.preview-column{padding-left:14px}.stats-row>div{padding:10px 0;border-right:0!important}.landing-v2 .hero{gap:35px}.landing-v2 .hero-copy h1{font-size:52px}}
@media(max-width:700px){.studio-shell .sidebar{width:100%;height:64px;padding:18px 16px;background:#0c0c0c;border-bottom:1px solid #282828}.sidebar>.brand{font-size:23px;padding-left:0}.sidebar nav{background:#141414f5;border-color:#333;padding-top:6px}.sidebar nav .nav-item{color:#858585;border-radius:4px;min-height:54px;font-size:8px;padding:7px 1px;gap:6px}.sidebar nav .nav-item.active{background:#292929;color:#eee}.sidebar .sidebar-bottom{top:10px}.studio-main{margin-left:0}.studio-top{background:#101010;height:48px;padding:0 17px}.studio-top .top-profile{padding:6px 9px;border-radius:4px;font-size:9px}.studio-content{padding:25px 16px}.page-heading{padding-bottom:21px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.draft-state{margin-top:13px}.editor-layout,.editor-layout.shop-layout{padding-top:20px;gap:22px}.preview-column{border:1px solid #333;border-radius:5px;background:#171717;padding:9px;top:0}.preview-column .mobile-preview-toggle.button{color:#aaa;font-size:11px}.preview-column.mobile-open>.editor-preview{border-radius:5px}.stats-row{padding-bottom:19px;margin-bottom:25px}.stats-row>div{padding:0 10px;border-right:1px solid #303030!important}.stats-row>div:last-child{border:0!important}.stats-row>div:first-child{padding-left:0}.stats-row span{font-size:9px}.stats-row strong{font-size:21px}.stats-row .stat-slug{font-size:12px}.studio-main .panel{padding:0;border-radius:0}.studio-main .field input:not([type=range]),.studio-main .field textarea,.studio-main .field select{font-size:16px;min-height:46px}.studio-main .save-bar{bottom:82px}.studio-main .save-bar .primary{min-height:43px}.landing-v2 .topbar{padding:0 23px;height:68px}.landing-v2 .hero{padding:38px 25px 50px;gap:37px;min-height:0}.landing-v2 .hero-copy h1{font-size:49px;letter-spacing:-2.5px}.landing-v2 .hero-copy>p{font-size:13px}.landing-v2 .hero-actions .primary{min-height:46px}.landing-v2 .profile-demo-wrap{border-width:1px;border-radius:9px;box-shadow:none;transform:none;max-width:340px}.landing-v2 .section-title h2{font-size:27px}.landing-v2 .inspiration{padding:35px 24px}.landing-v2 .details-title h2{font-size:34px}}