.studio-layout{--space-bg:#0e1012;--space-panel:#181b1f;--space-raised:#22262e;--space-line:#2e333d;--space-text:#edf0f4;--space-muted:#8d95a3;--space-accent:#ff7d52;--space-accent-soft:#ff7d5222;--space-green:#a0e0b8;--space-green-bg:#0d2a1c;--space-radius:10px;--space-shadow:0 4px 16px #00000047;--space-shadow-lg:0 12px 48px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--space-bg);color:var(--space-text);font-family:Arial,Helvetica,sans-serif}.studio-layout .sidebar{border-right:1px solid var(--space-line);box-shadow:none;background:#13151a}.studio-layout .sidebar>.brand{margin:0 8px 20px}.studio-layout .sidebar .brand>span{color:var(--space-text);font-size:22px}.studio-layout .sidebar .brand svg{color:var(--space-accent)}.studio-layout .nav-caption{letter-spacing:.14em;color:#4e5563;text-transform:uppercase;margin:0;padding:18px 16px 6px;font-size:9px;font-weight:600}.studio-layout .sidebar>.nav-caption:first-of-type{padding-top:8px}.studio-layout .sidebar nav{scrollbar-width:thin;scrollbar-color:#2e333d transparent;flex:1;min-height:0;overflow-y:auto}.studio-layout .sidebar nav button{color:#818a99;border:1px solid #0000;border-radius:7px;align-items:center;gap:11px;width:calc(100% - 16px);min-height:40px;margin:1px 8px;padding:10px 12px;font-size:13px;display:flex}.studio-layout .sidebar nav button:hover{background:var(--space-raised);color:var(--space-text)}.studio-layout .sidebar nav button.active{background:var(--space-raised);color:var(--space-text);border-color:var(--space-line);font-weight:600}.studio-layout .sidebar nav button.active svg{color:var(--space-accent)}.studio-layout .sidebar nav button>span{text-align:center;background:var(--space-raised);min-width:18px;color:var(--space-muted);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.studio-layout .sidebar nav button.active>span:last-child{background:var(--space-accent-soft);color:var(--space-accent)}.studio-layout .workspace-picker{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);min-height:62px;margin:0 8px 16px;padding:12px}.studio-layout .workspace-avatar{background:var(--space-raised);color:var(--space-accent);border-radius:7px;font-weight:700}.studio-layout .workspace-picker small{color:#4e5563;letter-spacing:.1em;font-size:9px}.studio-layout .workspace-picker select{color:var(--space-text);appearance:none;background:0 0;border:0;max-width:140px;padding:0;font-size:13px;font-weight:500}.studio-layout .workspace-picker select option{background:var(--space-panel)}.studio-layout .workspace-picker>svg{color:var(--space-muted)}.studio-layout .cmd-trigger{border:1px solid var(--space-line);background:var(--space-bg);color:#4e5563;cursor:pointer;border-radius:7px;align-items:center;gap:8px;margin:0 8px 12px;padding:9px 12px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.studio-layout .cmd-trigger:hover{color:var(--space-muted);border-color:#4e5563}.studio-layout .cmd-trigger kbd{background:var(--space-raised);color:var(--space-muted);border-radius:3px;margin-left:auto;padding:1px 5px;font-family:inherit;font-size:10px}.studio-layout .sidebar-bottom{flex-shrink:0;padding-top:16px}.studio-layout .help-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);margin:0 8px 16px;padding:14px}.studio-layout .help-card .eyebrow{color:var(--space-accent);font-size:9px}.studio-layout .help-card strong{color:var(--space-text);margin:7px 0 5px;font-size:13px;display:block}.studio-layout .help-card p{color:var(--space-muted);margin-bottom:12px;font-size:11px}.studio-layout .help-card button{color:var(--space-accent);justify-content:space-between;align-items:center;width:100%;font-size:11px;display:flex}.studio-layout .profile{border-top:1px solid var(--space-line);align-items:center;gap:10px;padding:14px 8px 18px;display:flex}.studio-layout .profile-avatar{background:var(--space-raised);color:var(--space-accent);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.studio-layout .profile strong{color:var(--space-text);font-size:12px}.studio-layout .profile small{color:var(--space-muted);text-transform:capitalize;font-size:10px}.studio-layout .profile>button{color:var(--space-muted);margin-left:auto}.studio-layout .studio-topbar{background:var(--space-bg);border-bottom:1px solid var(--space-line);align-items:center;gap:16px;height:60px;padding:0 36px;display:flex}.studio-layout .studio-topbar>div{color:var(--space-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.studio-layout .studio-topbar span{color:#3b404a;margin:0 6px}.studio-layout .studio-topbar strong{color:var(--space-text);font-weight:500}.studio-layout .studio-topbar>a,.studio-layout .studio-topbar .topbar-actions a{color:var(--space-muted);border:1px solid var(--space-line);background:var(--space-panel);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:inline-flex}.studio-layout .studio-topbar>a:hover,.studio-layout .studio-topbar .topbar-actions a:hover{color:var(--space-text);border-color:#4e5563}.studio-layout .topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-layout .topbar-actions .button.secondary{background:var(--space-panel);border-color:var(--space-line);min-height:36px;color:var(--space-text);padding:6px 12px;font-size:12px}.studio-layout .topbar-actions kbd{background:var(--space-raised);color:var(--space-muted);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:10px}.studio-layout .mobile-toggle{color:var(--space-text);display:none}.studio-layout .studio-body{background:var(--space-bg);flex-direction:column;min-width:0;display:flex}.studio-layout .studio-main{width:100%;max-width:1560px;padding:44px clamp(20px,4vw,60px) 80px}.studio-layout .studio-page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.studio-layout .studio-page-heading .eyebrow{color:var(--space-accent);letter-spacing:.14em;font-size:10px}.studio-layout .studio-page-heading h1{letter-spacing:-.05em;color:var(--space-text);margin:10px 0 8px;font-size:32px;font-weight:600}.studio-layout .studio-page-heading p{color:var(--space-muted);margin:0;font-size:14px}.studio-layout .button{white-space:nowrap;background:var(--space-accent);color:#1a0e08;border:1px solid var(--space-accent);border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.studio-layout .button:hover:not(:disabled){background:#f97;transform:translateY(-1px)}.studio-layout .button.secondary{background:var(--space-raised);color:var(--space-text);border-color:var(--space-line)}.studio-layout .button.secondary:hover:not(:disabled){background:#2e3340;border-color:#4e5563}.studio-layout .button.small{min-height:34px;padding:6px 12px;font-size:12px}.studio-layout .button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.studio-layout .text-link{color:var(--space-accent);align-items:center;gap:6px;font-size:13px;display:inline-flex}.studio-layout .badge{background:var(--space-raised);color:var(--space-muted);border:1px solid var(--space-line);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:inline-flex}.studio-layout .badge.green{background:var(--space-green-bg);color:var(--space-green);border-color:#1d4e32}.studio-layout .badge.orange{color:var(--space-accent);background:#2a1510;border-color:#4d2010}.studio-layout .eyebrow{letter-spacing:.13em;color:var(--space-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.studio-layout .muted{color:var(--space-muted)}.studio-layout .panel{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:24px 26px}.studio-layout .panel h2{color:var(--space-text);margin:0 0 6px;font-size:22px}.studio-layout .panel h3{color:var(--space-text);margin:20px 0 12px;font-size:17px}.studio-layout .panel p{color:var(--space-muted);font-size:14px}.studio-layout .empty-state{text-align:center;background:var(--space-panel);border:1px dashed var(--space-line);border-radius:var(--space-radius);flex-direction:column;align-items:center;padding:56px 24px;display:flex}.studio-layout .empty-icon{background:var(--space-raised);width:52px;height:52px;color:var(--space-accent);border:1px solid var(--space-line);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.studio-layout .empty-state h3{color:var(--space-text);letter-spacing:-.02em;margin-bottom:8px;font-size:18px}.studio-layout .empty-state p{color:var(--space-muted);max-width:420px;margin-bottom:20px;font-size:13px;line-height:1.7}.studio-layout label{color:var(--space-muted);flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.studio-layout label small{color:var(--space-muted);font-size:11px;font-weight:400}.studio-layout input:not([type=checkbox]):not([type=radio]):not([type=color]),.studio-layout textarea,.studio-layout select{background:var(--space-bg);border:1px solid var(--space-line);color:var(--space-text);border-radius:7px;width:100%;min-height:40px;padding:10px 12px;font-size:13px}.studio-layout input:not([type=checkbox]):not([type=radio]):not([type=color]):focus,.studio-layout textarea:focus,.studio-layout select:focus{border-color:var(--space-accent);box-shadow:0 0 0 3px var(--space-accent-soft);outline:none}.studio-layout textarea{resize:vertical;min-height:80px}.studio-layout input::placeholder,.studio-layout textarea::placeholder{color:#4e5563}.studio-layout .form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.studio-layout .form-error{color:#f99;background:#2d1418;border:1px solid #6e2030;border-radius:7px;margin-bottom:14px;padding:10px 14px;font-size:13px}.studio-layout .notice{border:1px solid;border-radius:7px;margin-bottom:16px;padding:14px 16px;font-size:13px}.studio-layout .notice.success{background:var(--space-green-bg);color:var(--space-green);border-color:#1d4e32}.studio-layout .notice.error{color:#f99;background:#2d1418;border-color:#6e2030}.studio-layout table{border-collapse:collapse;width:100%}.studio-layout th{letter-spacing:.06em;color:var(--space-muted);text-transform:uppercase;border-bottom:1px solid var(--space-line);text-align:left;padding:10px 14px;font-size:11px;font-weight:500}.studio-layout td{color:var(--space-text);vertical-align:middle;border-bottom:1px solid #1e2229;padding:13px 14px;font-size:13px}.studio-layout tr:last-child td{border-bottom:0}.studio-layout .loading-state{color:var(--space-muted);text-align:center;padding:60px 24px;font-size:14px}.studio-layout .setting-row{border-top:1px solid var(--space-line);color:var(--space-text);text-transform:capitalize;justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;display:flex}.studio-layout .setup-banner{border:1px solid var(--space-line);background:var(--space-panel);border-radius:var(--space-radius);gap:18px;padding:22px;display:flex}.studio-layout .icon-tile{border:1px solid var(--space-line);width:44px;height:44px;color:var(--space-accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.studio-layout .setup-banner .eyebrow{color:var(--space-accent)}.studio-layout .setup-banner h2{color:var(--space-text);margin:8px 0;font-size:20px}.studio-layout .setup-banner p{color:var(--space-muted);font-size:13px}.studio-layout .integration-pills{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.studio-layout .integration-pills>span{color:var(--space-muted);align-items:center;gap:5px;font-size:11px;display:flex}.studio-layout .integration-pills i{background:#4e5563;border-radius:50%;width:5px;height:5px}.studio-layout .integration-pills i.configured{background:var(--space-green)}.studio-layout .project-list{gap:16px;display:grid}.studio-layout .project-meta{color:var(--space-muted);border-top:1px solid var(--space-line);gap:20px;margin-top:12px;padding-top:16px;font-size:12px;display:flex}.studio-layout .preserve-lines{white-space:pre-wrap;color:var(--space-muted)}.studio-layout .activity-section{border-top:1px solid var(--space-line);margin-top:28px;padding-top:20px}.studio-layout .activity-section h2{color:var(--space-text);margin-bottom:14px;font-size:15px}.studio-layout .activity-section ul{margin:0;padding:0;list-style:none}.studio-layout .activity-section li{color:var(--space-text);border-bottom:1px solid #1e2229;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;display:flex}.studio-layout .activity-section time{color:var(--space-muted);white-space:nowrap;margin-left:16px;font-size:11px}.studio-layout .activity-section p{color:var(--space-muted);font-size:13px}.studio-layout .studio-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.studio-layout .studio-stats article{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:20px}.studio-layout .studio-stats article>span{letter-spacing:.1em;color:var(--space-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:flex}.studio-layout .studio-stats article>span svg{color:var(--space-accent)}.studio-layout .studio-stats article>strong{letter-spacing:-.04em;color:var(--space-text);margin:14px 0 6px;font-size:30px;font-weight:600;display:block}.studio-layout .studio-stats article>small{color:var(--space-muted);font-size:11px}.studio-layout .dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.studio-layout .dialog-content{background:var(--space-panel);border:1px solid var(--space-line);color:var(--space-text);box-shadow:var(--space-shadow-lg);border-radius:12px}.studio-layout .dialog-content h2{color:var(--space-text);font-size:26px}.studio-layout .dialog-content>p{color:var(--space-muted)}.studio-layout .dialog-content form>.button{width:100%;margin-top:10px}.studio-layout .dialog-close{color:var(--space-muted)}.studio-layout .release-row{border-bottom:1px solid var(--space-line);gap:8px;padding:14px 0;display:grid}.studio-layout .release-row strong{color:var(--space-text)}.studio-layout .release-row p{color:var(--space-muted);margin:0;font-size:12px}.studio-layout .media-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-block:24px 16px;display:flex}.studio-layout .media-toolbar label{border:1px solid var(--space-line);background:var(--space-bg);border-radius:8px;flex:240px;align-items:center;gap:10px;padding:0 12px;display:flex}.studio-layout .media-toolbar input{width:100%;min-width:0;color:var(--space-text);background:0 0;border:0;padding:12px 0}.studio-layout .media-toolbar>span{color:var(--space-muted);font-size:13px}.studio-layout .media-dropzone{width:100%;min-height:148px;color:var(--space-text);background:var(--space-bg);border:1px dashed var(--space-line);border-radius:var(--space-radius);cursor:pointer;justify-items:center;gap:8px;margin-bottom:24px;padding:32px 16px;display:grid}.studio-layout .media-dropzone svg{color:var(--space-accent)}.studio-layout .media-dropzone span{color:var(--space-muted);font-size:12px}.studio-layout .media-dropzone:hover:not(:disabled){border-color:var(--space-accent);background:var(--space-raised)}.studio-layout .media-card-body .button{width:100%;min-height:40px;margin-top:10px}.studio-layout .media-errors{white-space:pre-wrap;overflow-wrap:anywhere}.studio-layout .media-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius)}.studio-layout .media-preview{background:var(--space-bg);border-radius:7px 7px 0 0}.studio-layout .media-card-body{padding:14px 16px}.studio-layout .media-card-body strong{color:var(--space-text);margin-bottom:4px;font-size:13px;display:block}.studio-layout .media-card-body small{color:var(--space-muted);font-size:11px}.studio-layout .billing-heading{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.studio-layout .billing-icon{background:var(--space-raised);border:1px solid var(--space-line);width:48px;height:48px;color:var(--space-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.studio-layout .billing-heading h2{color:var(--space-text);margin:0 0 4px;font-size:24px}.studio-layout .plans-empty{text-align:center;color:var(--space-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.studio-layout .plans-empty h3{color:var(--space-text)}.studio-layout .plans-empty svg{color:var(--space-accent)}.studio-layout .plan-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.studio-layout .plan-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:22px}.studio-layout .plan-card-icon{background:var(--space-raised);width:44px;height:44px;color:var(--space-accent);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.studio-layout .plan-card>strong{color:var(--space-text);margin-bottom:4px;font-size:18px;font-weight:700;display:block}.studio-layout .plan-card>p{color:var(--space-muted);margin-bottom:16px;font-size:13px}.studio-layout .plan-price{color:var(--space-text);letter-spacing:-.04em;font-size:28px;font-weight:700}.studio-layout .plan-price sup{vertical-align:top;margin-top:6px;font-size:15px}.studio-layout .plan-price small{color:var(--space-muted);font-size:12px;font-weight:400}.studio-layout .plan-limits{gap:6px;margin:16px 0;display:grid}.studio-layout .plan-limits span{color:var(--space-muted);align-items:center;gap:8px;font-size:12px;display:flex}.studio-layout .plan-limits span:before{content:"";background:var(--space-accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.studio-layout .subscription-status{border-radius:var(--space-radius);border:1px solid var(--space-line);background:var(--space-bg);color:var(--space-muted);margin-bottom:20px;padding:16px 18px;font-size:13px}.studio-layout .analytics-heading{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.studio-layout .analytics-icon{background:var(--space-raised);border:1px solid var(--space-line);width:48px;height:48px;color:var(--space-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.studio-layout .analytics-heading h2{color:var(--space-text);margin:0 0 4px;font-size:24px}.studio-layout .analytics-empty{text-align:center;border:1px dashed var(--space-line);border-radius:var(--space-radius);color:var(--space-muted);flex-direction:column;align-items:center;gap:14px;padding:56px 24px;display:flex}.studio-layout .analytics-empty svg{color:var(--space-accent)}.studio-layout .analytics-empty h3{color:var(--space-text);margin:0;font-size:20px}.studio-layout .analytics-empty p{max-width:440px;line-height:1.7}.studio-layout .analytics-actions{gap:10px;display:flex}.studio-layout .settings-stack{gap:18px;display:grid}.studio-layout .settings-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:24px 26px}.studio-layout .settings-card-heading{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.studio-layout .settings-icon{background:var(--space-raised);border:1px solid var(--space-line);width:44px;height:44px;color:var(--space-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.studio-layout .settings-card-heading h2{color:var(--space-text);margin:0 0 4px;font-size:17px}.studio-layout .settings-card-heading p{color:var(--space-muted);margin:0;font-size:13px}.studio-layout .settings-saved{color:var(--space-green);align-items:center;gap:6px;margin-left:10px;font-size:12px;display:inline-flex}.studio-layout .settings-lock{color:var(--space-muted);align-items:center;gap:5px;margin-top:10px;font-size:12px;display:flex}.studio-layout .settings-integrations-list{margin-top:16px}.studio-layout .settings-integrations-title{border-bottom:1px solid var(--space-line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.studio-layout .settings-integrations-title h2{color:var(--space-text);margin:0 0 4px;font-size:16px}.studio-layout .header-actions{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.studio-layout .seo-panel h2{color:var(--space-text)}.studio-layout .seo-panel p{color:var(--space-muted)}.studio-layout .dashboard{flex-direction:column;gap:0;display:flex}.studio-layout .dashboard-greeting{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.studio-layout .dashboard-greeting .eyebrow{color:var(--space-accent)}.studio-layout .dashboard-greeting h2{color:var(--space-text);letter-spacing:-.045em;margin:10px 0 0;font-size:30px}.studio-layout .dashboard-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.studio-layout .stat-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);text-align:left;cursor:pointer;color:var(--space-muted);flex-direction:column;gap:0;min-width:0;padding:20px;transition:border-color .15s,transform .1s;display:flex}.studio-layout .stat-card:hover{border-color:#4e5563;transform:translateY(-1px)}.studio-layout .stat-card>svg{color:var(--space-accent);margin-bottom:12px}.studio-layout .stat-card>div{flex-direction:column;flex:1;display:flex}.studio-layout .stat-card strong{letter-spacing:-.04em;color:var(--space-text);font-size:28px;font-weight:700;line-height:1}.studio-layout .stat-card>div>span{color:var(--space-muted);margin-top:4px;font-size:12px}.studio-layout .stat-sub{margin-top:8px;color:#4e5563!important;font-size:11px!important}.studio-layout .dashboard-section{border-top:1px solid var(--space-line);margin-top:28px;padding-top:22px}.studio-layout .dashboard-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--space-muted);margin:0 0 14px;font-size:13px;font-weight:600}.studio-layout .dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.studio-layout .dashboard-section-header .dashboard-section-title{margin:0}.studio-layout .attention-list{flex-direction:column;gap:8px;display:flex}.studio-layout .attention-item{background:var(--space-panel);border:1px solid var(--space-line);border-radius:8px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.studio-layout .attention-item.urgent{background:#1a0e08;border-color:#4d2010}.studio-layout .attention-icon{flex-shrink:0;margin-top:1px}.studio-layout .attention-body{flex:1;min-width:0}.studio-layout .attention-body strong{color:var(--space-text);font-size:13px;display:block}.studio-layout .attention-body p{color:var(--space-muted);margin:4px 0 0;font-size:12px}.studio-layout .dashboard-site-list{flex-direction:column;gap:6px;display:flex}.studio-layout .dashboard-site-row{background:var(--space-panel);border:1px solid var(--space-line);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;transition:border-color .15s;display:flex}.studio-layout .dashboard-site-row:hover{border-color:#4e5563}.studio-layout .dashboard-site-thumb{color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.studio-layout .dashboard-site-info{flex:1;min-width:0}.studio-layout .dashboard-site-info strong{color:var(--space-text);font-size:13px;display:block}.studio-layout .dashboard-site-info span{color:var(--space-muted);font-size:11px}.studio-layout .dashboard-site-row>svg:last-child{color:var(--space-muted);flex-shrink:0}.studio-layout .activity-list{flex-direction:column;display:flex}.studio-layout .activity-row{border-bottom:1px solid #1e2229;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.studio-layout .activity-dot{background:#2e333d;border-radius:50%;flex-shrink:0;width:5px;height:5px}.studio-layout .activity-label{color:var(--space-text);flex:1}.studio-layout .activity-time{color:var(--space-muted);white-space:nowrap;font-size:11px}.cmd-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000bf;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.cmd-box{border:1px solid var(--space-line);background:#1a1d22;border-radius:14px;flex-direction:column;width:calc(100% - 32px);max-width:640px;max-height:72vh;display:flex;overflow:hidden;box-shadow:0 32px 96px #0009}.cmd-search{border-bottom:1px solid var(--space-line);color:var(--space-muted);flex-shrink:0;align-items:center;gap:12px;padding:16px 18px;display:flex}.cmd-search input{color:var(--space-text);min-height:unset;background:0 0;border:0;flex:1;padding:0;font-size:15px}.cmd-search input::placeholder{color:#4e5563}.cmd-search kbd{background:var(--space-raised);color:var(--space-muted);border-radius:4px;flex-shrink:0;padding:2px 7px;font-family:inherit;font-size:11px}.cmd-list{scrollbar-width:thin;scrollbar-color:var(--space-line) transparent;flex:1;overflow-y:auto}.cmd-group{padding-bottom:6px}.cmd-group-label{letter-spacing:.14em;color:#4e5563;text-transform:uppercase;padding:12px 18px 4px;font-size:9px;font-weight:700}.cmd-item{text-align:left;width:100%;color:var(--space-text);background:0 0;border:0;border-radius:0;align-items:center;gap:12px;min-height:44px;padding:10px 18px;font-size:13px;display:flex}.cmd-item:hover,.cmd-item.selected{background:var(--space-raised)}.cmd-item-icon{color:var(--space-muted);flex-shrink:0}.cmd-item.selected .cmd-item-icon{color:var(--space-accent)}.cmd-item-label{flex:1}.cmd-item-desc{color:var(--space-muted);font-size:11px}.cmd-item-arrow{color:var(--space-accent);flex-shrink:0}.cmd-empty{color:var(--space-muted);text-align:center;padding:32px 18px;font-size:13px}.cmd-footer{border-top:1px solid var(--space-line);color:#4e5563;flex-shrink:0;gap:16px;padding:9px 18px;font-size:11px;display:flex}.cmd-footer kbd{background:var(--space-raised);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:10px}.onboarding-overlay{z-index:190;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--space-panel);border:1px solid var(--space-line);width:100%;max-width:540px;box-shadow:var(--space-shadow-lg);border-radius:16px;padding:44px 48px}.onboarding-step h2{color:var(--space-text);letter-spacing:-.04em;margin:14px 0 12px;font-size:30px}.onboarding-step p{color:var(--space-muted);margin-bottom:22px;font-size:14px;line-height:1.7}.onboarding-icon{background:var(--space-raised);width:56px;height:56px;color:var(--space-accent);border:1px solid var(--space-line);border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.onboarding-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.onboarding-type-grid{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.onboarding-type-card{border:1px solid var(--space-line);text-align:left;background:var(--space-bg);cursor:pointer;color:var(--space-text);border-radius:9px;align-items:flex-start;gap:14px;padding:15px 16px;transition:border-color .15s;display:flex;position:relative}.onboarding-type-card:hover{background:var(--space-raised);border-color:#4e5563}.onboarding-type-card.selected{border-color:var(--space-accent);background:#1a100a}.onboarding-type-card>svg{color:var(--space-muted);flex-shrink:0;margin-top:2px}.onboarding-type-card.selected>svg{color:var(--space-accent)}.onboarding-type-card strong{margin-bottom:3px;font-size:13px;display:block}.onboarding-type-card span{color:var(--space-muted);font-size:12px;display:block}.onboarding-check{color:var(--space-accent);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.onboarding-progress{gap:7px;margin-bottom:26px;display:flex}.onboarding-dot{background:var(--space-raised);border:1px solid var(--space-line);border-radius:50%;width:7px;height:7px}.onboarding-dot.active{background:var(--space-accent);border-color:var(--space-accent)}.onboarding-dot.done{background:var(--space-green);border-color:var(--space-green)}.studio-layout .org-panel-header,.studio-layout .domains-header,.studio-layout .hosting-header,.studio-layout .brand-designer-header,.studio-layout .newsletter-header,.studio-layout .team-header,.studio-layout .security-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.studio-layout .org-panel-header h2,.studio-layout .domains-header h2,.studio-layout .hosting-header h2,.studio-layout .brand-designer-header h2,.studio-layout .newsletter-header h2,.studio-layout .team-header h2,.studio-layout .security-header h2{color:var(--space-text);letter-spacing:-.04em;margin:8px 0 6px;font-size:28px}.studio-layout .org-panel-header p,.studio-layout .domains-header p,.studio-layout .hosting-header p,.studio-layout .brand-designer-header p,.studio-layout .newsletter-header p,.studio-layout .team-header p,.studio-layout .security-header p{color:var(--space-muted);margin:0;font-size:14px}.studio-layout .org-list{flex-direction:column;gap:14px;display:flex}.studio-layout .org-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:20px 22px}.studio-layout .org-card-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.studio-layout .org-avatar{background:var(--space-raised);width:38px;height:38px;color:var(--space-accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.studio-layout .org-card-header h3{color:var(--space-text);flex:1;margin:0 0 4px;font-size:16px}.studio-layout .org-workspaces{border-top:1px solid var(--space-line);flex-direction:column;gap:2px;padding-top:12px;display:flex}.studio-layout .org-workspace-row{color:var(--space-muted);text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;display:flex}.studio-layout .org-workspace-row:hover{background:var(--space-raised);color:var(--space-text)}.studio-layout .org-workspace-row.active{background:var(--space-raised);color:var(--space-accent);font-weight:600}.studio-layout .org-workspace-row>svg{color:var(--space-muted);flex-shrink:0}.studio-layout .org-workspace-row.active>svg{color:var(--space-accent)}.studio-layout .brand-designer{flex-direction:column;display:flex}.studio-layout .brand-tabs{border-bottom:1px solid var(--space-line);margin-bottom:24px;display:flex}.studio-layout .brand-tabs button{color:var(--space-muted);border-bottom:2px solid #0000;border-radius:0;padding:10px 18px 12px;font-size:13px}.studio-layout .brand-section{max-width:680px}.studio-layout .brand-directions{margin-bottom:22px}.studio-layout .brand-direction-grid{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.studio-layout .brand-direction-card{border:2px solid var(--space-line);cursor:pointer;text-align:left;border-radius:9px;flex-direction:column;align-items:flex-start;width:130px;padding:14px;font-size:12px;transition:border-color .15s;display:flex}.studio-layout .brand-direction-card:hover{border-color:#4e5563}.studio-layout .brand-color-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.studio-layout .brand-logo-preview{background:var(--space-raised);border:1px dashed var(--space-line);border-radius:8px;margin-top:14px;padding:16px;display:inline-block}.studio-layout .brand-type-preview{border-radius:8px;margin-top:14px;overflow:hidden}.studio-layout .brand-preview-page{border-radius:8px;margin-top:8px;overflow:hidden}.studio-layout .color-field{align-items:center;gap:10px;display:flex}.studio-layout .color-field input[type=color]{border:1px solid var(--space-line);background:var(--space-bg);width:36px;height:34px;min-height:unset;border-radius:5px;padding:3px}.studio-layout .color-field input[type=text]{flex:1}.studio-layout .domain-list{flex-direction:column;gap:12px;display:flex}.studio-layout .domain-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:18px 20px}.studio-layout .domain-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.studio-layout .domain-info{align-items:flex-start;gap:12px;min-width:0;display:flex}.studio-layout .domain-hostname{color:var(--space-text);margin-bottom:3px;font-size:15px;font-weight:600;display:block}.studio-layout .domain-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;display:flex}.studio-layout .domain-health-badge{white-space:nowrap;border:1px solid;border-radius:5px;padding:3px 9px;font-size:10px}.studio-layout .domain-health-healthy{background:var(--space-green-bg);color:var(--space-green);border-color:#1d4e32}.studio-layout .domain-health-pending{background:var(--space-raised);color:var(--space-muted);border-color:var(--space-line)}.studio-layout .domain-health-warning{color:#e5c46a;background:#201a08;border-color:#4d3c10}.studio-layout .domain-health-error{color:#f99;background:#2d1418;border-color:#6e2030}.studio-layout .domain-health-message{color:#e5c46a;background:#201a08;border:1px solid #4d3c10;border-radius:7px;margin-top:12px;padding:10px 14px;font-size:13px}.studio-layout .dns-instructions{border-top:1px solid var(--space-line);margin-top:16px;padding-top:16px}.studio-layout .dns-instructions h4{color:var(--space-text);margin:0 0 6px;font-size:14px}.studio-layout .dns-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:12px}.studio-layout .dns-table th{text-transform:uppercase;letter-spacing:.07em;color:var(--space-muted);border-bottom:1px solid var(--space-line);text-align:left;padding:6px 10px;font-size:10px}.studio-layout .dns-table td{color:var(--space-text);border-bottom:1px solid #1e2229;padding:8px 10px}.studio-layout .dns-table code{background:var(--space-bg);color:var(--space-accent);word-break:break-all;border-radius:4px;padding:2px 6px;font-size:11px}.studio-layout .hosting-status-card{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:22px 24px;display:flex}.studio-layout .hosting-status-main{align-items:center;gap:16px;min-width:0;display:flex}.studio-layout .hosting-status-main strong{color:var(--space-text);font-size:18px;display:block}.studio-layout .hosting-status-main p{color:var(--space-muted);margin:4px 0 0;font-size:13px}.studio-layout .hosting-status-indicators{flex-wrap:wrap;gap:18px;display:flex}.studio-layout .hosting-indicator{color:var(--space-muted);align-items:center;gap:7px;font-size:12px;display:flex}.studio-layout .hosting-dot{background:var(--space-line);border-radius:50%;width:7px;height:7px}.studio-layout .hosting-dot.ok{background:var(--space-green)}.studio-layout .hosting-advanced-toggle{color:var(--space-muted);align-items:center;gap:7px;margin-bottom:10px;padding:0;font-size:12px;display:flex}.studio-layout .hosting-advanced-toggle:hover{color:var(--space-text)}.studio-layout .hosting-history{flex-direction:column;gap:6px;display:flex}.studio-layout .deployment-row{background:var(--space-panel);border:1px solid var(--space-line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.studio-layout .deployment-info{color:var(--space-muted);flex:1;align-items:flex-start;gap:12px;display:flex}.studio-layout .deployment-info>div>strong{color:var(--space-text);font-size:13px;display:block}.studio-layout .deployment-info>div>p{color:var(--space-muted);margin:3px 0 0;font-size:12px}.studio-layout .newsletter-tabs{border-bottom:1px solid var(--space-line);margin-bottom:18px;display:flex}.studio-layout .newsletter-tabs button{color:var(--space-muted);border-bottom:2px solid #0000;border-radius:0;padding:9px 18px 11px;font-size:13px}.studio-layout .newsletter-tabs button.active{color:var(--space-text);border-bottom-color:var(--space-accent);font-weight:600}.studio-layout .security-checks{background:var(--space-panel);border:1px solid var(--space-line);border-radius:var(--space-radius);padding:20px 22px}.studio-layout .security-check-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.studio-layout .security-check{border:1px solid var(--space-line);background:var(--space-bg);border-radius:7px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.studio-layout .security-check.ok{background:var(--space-green-bg);border-color:#1d4e32}.studio-layout .security-check.warn{background:#201a08;border-color:#4d3c10}.studio-layout .security-check strong{color:var(--space-text);font-size:12px;display:block}.studio-layout .security-check>div>span{color:var(--space-muted);margin-top:2px;font-size:11px;display:block}.studio-layout .security-section{margin-top:26px}.studio-layout .security-section h3{color:var(--space-text);margin:0 0 12px;font-size:15px;font-weight:600}.studio-layout .support-ticket-row{border-bottom:1px solid var(--space-line);grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:12px 0;font-size:13px;display:grid}.studio-layout .list-heading{justify-content:space-between;align-items:center;margin:24px 0 14px;display:flex}.studio-layout .list-heading h2{letter-spacing:-.02em;color:var(--space-text);align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.studio-layout .list-heading h2 span{border:1px solid var(--space-line);color:var(--space-muted);border-radius:4px;padding:2px 7px;font-size:11px}.studio-layout .studio-footer{border-top:1px solid var(--space-line);color:#3b404a;letter-spacing:.05em;justify-content:space-between;margin-top:auto;padding:20px clamp(20px,4vw,60px);font-size:10px;display:flex}.sidebar-backdrop{z-index:19;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-backdrop.open{display:block}}@media (max-width:960px){.studio-layout .dashboard-stats,.studio-layout .studio-stats{grid-template-columns:1fr 1fr}.studio-layout .security-check-grid{grid-template-columns:1fr}.studio-layout .hosting-status-card{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.studio-layout .sidebar{z-index:20;transition:transform .25s;transform:translate(-110%)}.studio-layout .sidebar.mobile-open{transform:translate(0)}.studio-layout .studio-body{margin-left:0!important}.studio-layout .mobile-toggle{display:flex!important}.studio-layout .studio-topbar{padding:0 20px}.studio-layout .studio-main{padding:24px 18px 56px}.studio-layout .form-grid{grid-template-columns:1fr}.studio-layout .dashboard-stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.studio-layout .dashboard-stats,.studio-layout .studio-stats{grid-template-columns:1fr}.studio-layout .onboarding-card{padding:28px 22px}.cmd-box{border-radius:10px;max-width:100%}}@media (prefers-reduced-motion:reduce){.studio-layout *,.studio-layout :before,.studio-layout :after,.cmd-box,.onboarding-overlay,.cmd-overlay{transition:none!important;animation:none!important}}.studio-layout .bd-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.studio-layout .bd-locked-badge{color:var(--space-muted);align-items:center;gap:6px;font-size:12px;display:flex}.studio-layout .bd-spin{animation:.8s linear infinite bd-spin}@keyframes bd-spin{to{transform:rotate(360deg)}}.studio-layout .bd-lock-notice{align-items:center;gap:8px;margin-bottom:16px;display:flex}.studio-layout .brand-tabs{border-bottom:1px solid var(--space-line);scrollbar-width:none;gap:0;margin-bottom:28px;display:flex;overflow-x:auto}.studio-layout .brand-tabs::-webkit-scrollbar{display:none}.studio-layout .brand-tabs button{color:var(--space-muted);white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:7px;padding:10px 18px 12px;font-size:13px;display:flex}.studio-layout .brand-tabs button:hover{color:var(--space-text)}.studio-layout .brand-tabs button.active{color:var(--space-text);border-bottom-color:var(--space-accent);font-weight:600}.studio-layout .brand-tabs button svg{flex-shrink:0}.studio-layout .bd-section{max-width:900px}.studio-layout .bd-section-heading{color:var(--space-text);margin:0 0 6px;font-size:16px;font-weight:600}.studio-layout .bd-section-desc{color:var(--space-muted);margin:0 0 20px;font-size:13px;line-height:1.6}.studio-layout .bd-divider{letter-spacing:.12em;text-transform:uppercase;color:var(--space-muted);border-top:1px solid var(--space-line);margin-top:24px;padding:22px 0 14px;font-size:10px;font-weight:700}.studio-layout .bd-premades-intro{margin-bottom:24px}.studio-layout .bd-premades-intro p{color:var(--space-muted);font-size:14px;line-height:1.6}.studio-layout .bd-kit-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.studio-layout .bd-kit-card{border:1px solid var(--space-line);background:var(--space-panel);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex;overflow:hidden}.studio-layout .bd-kit-card:hover:not(:disabled){border-color:var(--space-accent);box-shadow:var(--space-shadow-lg);transform:translateY(-2px)}.studio-layout .bd-kit-card:disabled{opacity:.5;cursor:not-allowed}.studio-layout .bd-kit-preview{flex-direction:column;gap:10px;min-height:160px;padding:16px;display:flex;position:relative}.studio-layout .bd-kit-nav{justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:10px;display:flex}.studio-layout .bd-kit-logo{opacity:.9;border-radius:2px;width:36px;height:8px}.studio-layout .bd-kit-navitem{border-radius:3px;width:20px;height:6px}.studio-layout .bd-kit-hero{flex-direction:column;flex:1;gap:5px;display:flex}.studio-layout .bd-kit-h1{border-radius:3px;width:75%;height:10px}.studio-layout .bd-kit-h1-sm{width:55%;height:7px}.studio-layout .bd-kit-body{border-radius:2px;width:90%;height:5px}.studio-layout .bd-kit-body-sm{width:70%}.studio-layout .bd-kit-row{gap:6px;display:flex}.studio-layout .bd-kit-btn{width:64px;height:22px}.studio-layout .bd-kit-btn-sec{opacity:.7;background:0 0}.studio-layout .bd-kit-colors{gap:3px;display:flex;position:absolute;bottom:12px;right:12px}.studio-layout .bd-kit-color-dot{border:2px solid #ffffff40;border-radius:50%;width:14px;height:14px}.studio-layout .bd-kit-info{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.studio-layout .bd-kit-name{color:var(--space-text);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.studio-layout .bd-kit-name svg{color:var(--space-accent)}.studio-layout .bd-kit-desc{color:var(--space-muted);flex:1;margin:0 0 12px;font-size:12px;line-height:1.5}.studio-layout .bd-kit-apply{color:var(--space-accent);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.studio-layout .bd-logo-showcase{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.studio-layout .bd-logo-swatch{border:1px solid var(--space-line);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:160px;padding:20px 24px;display:flex}.studio-layout .bd-logo-swatch img{object-fit:contain;max-width:180px;max-height:56px}.studio-layout .bd-logo-swatch span{color:var(--space-muted);text-align:center;margin-top:12px;font-size:11px}.studio-layout .bd-logo-dark span{color:#fff9}.studio-layout .bd-colors-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.studio-layout .bd-contrast-notice{align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.studio-layout .bd-contrast-notice>div{flex:1}.studio-layout .bd-contrast-notice strong{margin-bottom:2px;font-size:13px;display:block}.studio-layout .bd-contrast-notice p{margin:4px 0 0;font-size:12px}.studio-layout .bd-color-groups{flex-direction:column;gap:22px;display:flex}.studio-layout .bd-color-group-label{letter-spacing:.12em;text-transform:uppercase;color:var(--space-muted);margin-bottom:10px;font-size:10px;font-weight:700}.studio-layout .bd-swatches{flex-wrap:wrap;gap:12px;display:flex}.studio-layout .bd-color-swatch{background:var(--space-panel);border:1px solid var(--space-line);border-radius:8px;flex:200px;align-items:center;gap:12px;min-width:200px;padding:10px 14px;display:flex}.studio-layout .bd-swatch-thumb{cursor:pointer;border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:44px;height:44px;transition:transform .1s;position:relative}.studio-layout .bd-swatch-thumb:hover:not(:disabled){transform:scale(1.06)}.studio-layout .bd-swatch-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.studio-layout .bd-swatch-label{color:var(--space-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.studio-layout .bd-swatch-hex{border:0;border-bottom:1px solid var(--space-line);color:var(--space-text);width:100%;min-height:unset;background:0 0;border-radius:0;padding:2px 0;font-family:Courier New,monospace;font-size:12px}.studio-layout .bd-swatch-hex:focus{border-bottom-color:var(--space-accent);box-shadow:none;outline:none}.studio-layout .bd-contrast-badge{white-space:nowrap;border:1px solid;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.studio-layout .bd-contrast-table{margin-top:28px}.studio-layout .bd-type-options{margin-bottom:8px}.studio-layout .bd-preview-box{border:1px solid var(--space-line);border-radius:10px;padding:28px 30px;overflow:hidden}.studio-layout .bd-type-row{align-items:baseline;gap:18px;padding:16px 0;display:flex}.studio-layout .bd-type-row:first-child{padding-top:0}.studio-layout .bd-type-tag{letter-spacing:.1em;color:var(--space-muted);text-transform:uppercase;min-width:50px;font-size:10px;font-weight:700}.studio-layout .bd-preview-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--space-muted);margin-bottom:8px;font-size:10px;font-weight:700}.studio-layout .bd-preview-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.studio-layout .bd-preview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid;padding:20px!important}.studio-layout .bd-preview-toolbar{background:var(--space-raised);border-radius:8px;gap:4px;width:fit-content;margin-bottom:16px;padding:3px;display:flex}.studio-layout .bd-preview-toolbar button{color:var(--space-muted);border-radius:6px;padding:6px 14px;font-size:12px}.studio-layout .bd-preview-toolbar button.active{background:var(--space-panel);color:var(--space-text);font-weight:600}.studio-layout .bd-guidelines-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.studio-layout .bd-guideline-block{background:var(--space-panel);border:1px solid var(--space-line);border-radius:10px;margin-bottom:16px;overflow:hidden}.studio-layout .bd-guideline-title{letter-spacing:.1em;text-transform:uppercase;color:var(--space-muted);border-bottom:1px solid var(--space-line);background:var(--space-bg);padding:12px 18px;font-size:11px;font-weight:700}.studio-layout .bd-guideline-content{padding:4px 0}.studio-layout .bd-guideline-row{border-bottom:1px solid #1e2229;justify-content:space-between;align-items:center;padding:11px 18px;font-size:13px;display:flex}.studio-layout .bd-guideline-row:last-child{border-bottom:0}.studio-layout .bd-guideline-row strong{color:var(--space-muted);font-weight:500}.studio-layout .bd-guideline-row span{color:var(--space-text)}.studio-layout .bd-guideline-palette{flex-wrap:wrap;gap:10px;padding:16px 18px;display:flex}.studio-layout .bd-guideline-color{flex-direction:column;align-items:center;gap:6px;display:flex}.studio-layout .bd-guideline-color-block{border:1px solid #ffffff1a;border-radius:8px;width:52px;height:52px}.studio-layout .bd-guideline-color-label{color:var(--space-muted);text-align:center;font-size:10px}.studio-layout .bd-guideline-color-value{color:var(--space-muted);font-family:Courier New,monospace;font-size:10px}@media (max-width:768px){.studio-layout .bd-kit-grid{grid-template-columns:1fr 1fr}.studio-layout .bd-color-swatch{min-width:160px}.studio-layout .brand-designer-header{flex-direction:column;align-items:flex-start}.studio-layout .bd-preview-box{padding:18px 16px}}@media (max-width:480px){.studio-layout .bd-kit-grid{grid-template-columns:1fr}.studio-layout .bd-type-row{flex-direction:column;gap:6px}}