:root{
  --bg:#060a12;--bg-2:#0a101c;--panel:rgba(14,22,37,.82);--panel-solid:#0f1726;
  --panel-2:#131d2e;--panel-3:#18253a;--text:#f7f9fd;--muted:#8e9bb2;--muted-2:#68758b;
  --line:rgba(148,163,184,.15);--line-strong:rgba(148,163,184,.28);
  --blue:#2f80ff;--blue-2:#1665e8;--blue-soft:rgba(47,128,255,.13);--cyan:#59d7ff;
  --danger:#ff5d6c;--danger-soft:rgba(255,93,108,.12);--success:#33d69f;--success-soft:rgba(51,214,159,.12);
  --warning:#ffbf5a;--warning-soft:rgba(255,191,90,.12);--shadow:0 28px 70px rgba(0,0,0,.34);
  --radius:18px;--radius-sm:12px;--sidebar:264px;
}
*{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 82% -10%,rgba(47,128,255,.15),transparent 32%),radial-gradient(circle at 7% 96%,rgba(89,215,255,.07),transparent 25%),var(--bg)}body{min-width:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%;display:block}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
::selection{background:rgba(47,128,255,.35);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080d16}::-webkit-scrollbar-thumb{background:#26344a;border-radius:999px;border:2px solid #080d16}::-webkit-scrollbar-thumb:hover{background:#344760}

.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px 18px;background:linear-gradient(180deg,rgba(11,17,29,.98),rgba(7,11,19,.98));border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 26px}.brand-mark,.auth-logo{display:grid;place-items:center;background:linear-gradient(145deg,#49a1ff,#1467ee 70%);box-shadow:0 14px 34px rgba(47,128,255,.3),inset 0 1px rgba(255,255,255,.28);color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.15)}.brand-mark{width:44px;height:44px;border-radius:14px}.brand strong{display:block;font-size:15px;letter-spacing:.01em}.brand span{display:block;color:#77859a;font-size:11px;margin-top:3px;letter-spacing:.05em;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:5px;height:100%}.nav-spacer{flex:1}.nav-item{display:flex;align-items:center;gap:12px;color:#8e9bb1;padding:11px 12px;border:1px solid transparent;border-radius:12px;font-weight:650;font-size:13.5px;transition:.18s ease}.nav-item:hover{color:#fff;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.05)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(47,128,255,.2),rgba(47,128,255,.07));border-color:rgba(74,145,255,.22);box-shadow:inset 3px 0 0 var(--blue)}.nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#8baeff;font-size:16px}.main-wrap{min-width:0}.topbar{height:72px;background:rgba(6,10,18,.74);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:35}.topbar-title{font-weight:720;font-size:14px;color:#e9eef8}.user-pill{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;color:#c6d0e0;border:1px solid var(--line);background:rgba(255,255,255,.035);padding:5px 10px 5px 5px;border-radius:999px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2f80ff,#175dd2);color:#fff;font-weight:850;box-shadow:0 6px 18px rgba(47,128,255,.24)}.content{max-width:1540px;margin:0 auto;padding:34px 36px 76px;min-width:0}

h1,h2,h3,p{overflow-wrap:anywhere}.hero-row,.page-head,.builder-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.hero-row.compact,.hero-row.compact-hero{margin-bottom:20px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:#6ea9ff;margin:0 0 9px;text-transform:uppercase}.hero-row h1,.page-head h1,.builder-topbar h1,.auth-card h1,.install-card h1{font-size:clamp(27px,3vw,38px);line-height:1.1;margin:0 0 8px;letter-spacing:-.035em;font-weight:800}.muted{color:var(--muted);margin-top:4px;line-height:1.58}.hero-actions,.builder-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:6px;color:#8ba0bf;font-size:12.5px;font-weight:720;margin-bottom:14px;transition:.15s}.back-link:hover{color:#fff}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:11px;min-height:42px;padding:0 16px;font-weight:750;font-size:13px;cursor:pointer;background:rgba(255,255,255,.035);color:#dbe4f2;transition:.16s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.065);border-color:rgba(148,163,184,.4)}.btn.primary{background:linear-gradient(180deg,#3990ff,#1e6de8);border-color:#4b96ff;color:#fff;box-shadow:0 10px 24px rgba(33,108,232,.24),inset 0 1px rgba(255,255,255,.22)}.btn.primary:hover{background:linear-gradient(180deg,#4b9aff,#2877ec);box-shadow:0 14px 30px rgba(33,108,232,.32)}.btn.secondary{background:#111a2a;border-color:#25334a;color:#dce5f3}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.icon-btn{border:1px solid var(--line);background:#111a2a;border-radius:10px;min-width:40px;height:40px;cursor:pointer}.icon-danger{color:#ff8792!important;border-color:rgba(255,93,108,.3)!important;background:var(--danger-soft)!important}.mobile-only{display:none}

.panel,.stat-card,.app-card,.form-panel,.template-card,.product-admin-card,.order-card,.nav-editor-card,.section-editor-card,.install-card,.auth-card{background:linear-gradient(180deg,rgba(18,28,45,.86),rgba(11,18,31,.9));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 40px rgba(0,0,0,.13)}.panel{border-radius:var(--radius);padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel h2,.panel h3,.panel-head h2,.panel-head h3{margin:0}.panel-head p{margin-bottom:0}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{position:relative;border-radius:16px;padding:19px 20px;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-18px;top:-28px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,255,.18),transparent 70%)}.stat-card span{display:block;color:#8997ad;font-size:12px;font-weight:670}.stat-card strong{display:block;font-size:29px;letter-spacing:-.04em;margin-top:10px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-card{border-radius:16px;padding:18px;transition:.2s ease;position:relative;overflow:hidden}.app-card:hover{transform:translateY(-3px);border-color:rgba(74,145,255,.38);box-shadow:0 22px 55px rgba(0,0,0,.25)}.app-card-top{display:flex;align-items:center;justify-content:space-between}.app-icon{--app-color:#2f80ff;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--app-color) 85%,#fff 15%),var(--app-color));color:#fff;font-weight:900;box-shadow:0 12px 25px color-mix(in srgb,var(--app-color) 30%,transparent)}.app-icon.large{width:60px;height:60px;border-radius:17px;font-size:22px}.app-card h3{margin:18px 0 5px;font-size:16px}.app-card p{color:var(--muted);font-size:12.5px;margin:0}.app-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11.5px;color:#78869c}.badge,.pill,.chip,.sdk-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.055);border:1px solid var(--line);color:#aebbd0;letter-spacing:.02em}.badge.published,.badge.success{background:var(--success-soft);color:#56e3b4;border-color:rgba(51,214,159,.22)}.badge.archived,.badge.danger{background:var(--danger-soft);color:#ff8792;border-color:rgba(255,93,108,.22)}

.empty-state{text-align:center;padding:52px 20px}.empty-state.compact-empty{padding:30px 18px}.empty-icon{width:58px;height:58px;margin:0 auto 16px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(47,128,255,.17),rgba(47,128,255,.06));border:1px solid rgba(47,128,255,.2);color:#78adff;font-size:25px}.empty-state h3{font-size:18px;margin:0 0 6px}.empty-state p{color:var(--muted);margin:0 0 18px}

input,select,textarea{width:100%;min-width:0;max-width:100%;background:#0a1220;border:1px solid #27354c;color:#edf3fb;border-radius:10px;outline:none;transition:.15s ease}input,select{height:44px;padding:0 12px}textarea{padding:11px 12px;min-height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:#56647a}input:focus,select:focus,textarea:focus{border-color:#4b96ff;box-shadow:0 0 0 3px rgba(47,128,255,.13)}select{appearance:auto}.stack-form{display:grid;gap:15px;margin-top:24px}.stack-form label,.field-block>label,.field-block>.label,.control-group label,.native-config-form label,.product-form label{display:grid;gap:7px;font-size:12.5px;font-weight:720;color:#cdd7e7}.field-block{margin-bottom:24px}.field-block small,.field-help,.native-config-form small,.product-form small{display:block;color:#6f7e94;font-size:11.5px;line-height:1.5;margin-top:5px}.form-panel{padding:25px;border-radius:var(--radius)}.actions-row{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:20px;flex-wrap:wrap}.grid2,.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.alert{border:1px solid rgba(89,215,255,.22);background:rgba(89,215,255,.08);color:#b8eaff;border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:12.5px}.alert.success{background:var(--success-soft);border-color:rgba(51,214,159,.23);color:#6be9bd}.alert.error,.alert.danger{background:var(--danger-soft);border-color:rgba(255,93,108,.23);color:#ff9ba4}.alert.warning{background:var(--warning-soft);border-color:rgba(255,191,90,.23);color:#ffd18a}

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 5%,rgba(47,128,255,.2),transparent 32%),#060a12}.auth-card{width:min(460px,100%);border-radius:24px;padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.42)}.auth-logo{width:54px;height:54px;border-radius:17px;margin-bottom:22px}.auth-card h1{font-size:31px}.installer{max-width:820px;margin:0 auto;padding:56px 22px}.install-card{border-radius:24px;padding:30px}.step{display:flex;gap:13px;margin:18px 0;padding:14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.step b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:var(--blue-soft);color:#77adff}.step .muted{font-size:12px}

.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-card{position:relative;border:1px solid var(--line-strong);border-radius:14px;padding:16px;display:grid;grid-template-columns:46px 1fr 20px;gap:12px;cursor:pointer;background:rgba(255,255,255,.025);transition:.16s}.type-card:hover{background:rgba(255,255,255,.045)}.type-card.selected{border-color:#4b96ff;background:rgba(47,128,255,.09);box-shadow:0 0 0 1px rgba(47,128,255,.16)}.type-card input{position:absolute;opacity:0}.type-icon{width:46px;height:46px;border-radius:12px;background:#16233a;display:grid;place-items:center;font-size:21px;border:1px solid var(--line)}.type-card strong{font-size:14px}.type-card p{font-size:11.5px;line-height:1.45;color:var(--muted);margin:5px 0 0}.radio-dot{width:18px;height:18px;border-radius:50%;border:1px solid #52627a;align-self:start;margin-top:3px}.selected .radio-dot{border:5px solid var(--blue)}.preview-card{background:linear-gradient(180deg,#0e1625,#080d16);border:1px solid var(--line);border-radius:18px;padding:20px;position:sticky;top:94px;box-shadow:var(--shadow)}.preview-label{font-size:9.5px;letter-spacing:.15em;color:#718097;font-weight:800}.preview-note{color:#718097;font-size:11px;line-height:1.5}.phone-mini{width:235px;height:474px;border:8px solid #202b3d;border-radius:35px;background:#09101b;margin:23px auto 8px;padding:7px;box-shadow:0 28px 55px rgba(0,0,0,.45)}.phone-speaker{width:70px;height:15px;background:#202b3d;border-radius:0 0 10px 10px;margin:-7px auto 0}.phone-screen{position:relative;height:100%;border-radius:24px;background:#fff;color:#111827;padding:38px 15px 48px;overflow:hidden}.preview-logo{width:40px;height:40px;margin:0 auto 11px;border-radius:12px;background:var(--blue);color:white;display:grid;place-items:center;font-weight:900;overflow:hidden}.preview-logo img{width:100%;height:100%;object-fit:cover}.preview-name{text-align:center;font-weight:850}.preview-type{text-align:center;color:#6b7280;font-size:11px;margin-top:4px}.skeleton{height:64px;border-radius:11px;background:#eef2f7;margin-top:21px}.skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.skeleton-grid span{height:77px;background:#f3f5f8;border-radius:10px}.mini-nav{position:absolute;bottom:0;left:0;right:0;height:43px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-around;background:#fff}.mini-nav i{width:13px;height:13px;border-radius:4px;background:#d0d5dd}.mini-nav i:first-child{background:var(--blue)}

.template-heading,.section-heading,.builder-controls-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-card{border-radius:14px;overflow:hidden;cursor:pointer;transition:.16s;position:relative}.template-card:hover{border-color:rgba(74,145,255,.38);transform:translateY(-2px)}.template-card.selected{border-color:#4b96ff;box-shadow:0 0 0 1px #4b96ff}.template-card input{position:absolute;opacity:0}.template-shot{height:150px;background:#0c1422;padding:12px;overflow:hidden}.template-meta{padding:13px}.template-meta strong{display:block}.template-meta span{font-size:11.5px;color:var(--muted)}.template-check{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0b1320;border:1px solid var(--line);font-size:11px}.template-card.selected .template-check{background:var(--blue);border-color:#5fa0ff;color:#fff}.tpl-top,.tpl-hero,.tpl-pills,.tpl-products,.tpl-nav{border-radius:7px;background:#172238}.tpl-top{height:16px;width:45%}.tpl-hero{height:52px;margin-top:8px}.tpl-pills{height:14px;width:65%;margin-top:8px}.tpl-products{height:42px;margin-top:8px}.tpl-nav{height:13px;margin-top:8px}.sticky-preview{position:sticky;top:92px}

.studio-shell{display:grid;grid-template-columns:226px minmax(440px,1fr) 330px;gap:14px;align-items:start}.studio-nav,.studio-inspector{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.studio-nav{padding:14px}.studio-app-card{display:flex;align-items:center;gap:10px;padding:10px 8px 14px;border-bottom:1px solid var(--line)}.studio-icon{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#3990ff,#1d63d6);display:grid;place-items:center;font-weight:900}.studio-app-card strong{font-size:12.5px;display:block}.studio-app-card small{font-size:10.5px;color:#718097}.studio-links{display:grid;gap:4px;padding:12px 0}.studio-links a{display:flex;gap:10px;align-items:center;padding:10px 10px;border-radius:10px;font-size:12.5px;font-weight:670;color:#8d9bb1}.studio-links a:hover{background:rgba(255,255,255,.04);color:#fff}.studio-links a.active{background:rgba(47,128,255,.13);color:#dceaff;border:1px solid rgba(47,128,255,.17)}.studio-links span{width:18px;text-align:center;color:#6fa8ff}.studio-meta{display:grid;gap:4px;border-top:1px solid var(--line);padding:14px 8px 6px}.studio-meta small{color:#647389;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.studio-meta strong,.studio-meta code{font-size:11.5px;color:#c8d4e6}.studio-canvas{padding:0;overflow:hidden}.preview-toolbar{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.preview-toolbar strong{display:block;font-size:12.5px}.preview-toolbar .muted{font-size:10.5px}.device-switch{display:flex;gap:3px;background:#09111e;border:1px solid var(--line);padding:3px;border-radius:9px}.device-switch button{border:0;background:transparent;color:#73829a;padding:6px 9px;border-radius:7px;font-size:10.5px;cursor:pointer}.device-switch button.active{background:#18253a;color:#fff}.device-stage{min-height:710px;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 22%,rgba(47,128,255,.09),transparent 33%),#090f19}.native-device{position:relative;background:#fff;color:#111827;box-shadow:0 38px 80px rgba(0,0,0,.55);overflow:hidden;transition:.2s ease}.native-device.phone{width:320px;height:650px;border:10px solid #1e2939;border-radius:42px}.native-device.tablet{width:520px;height:680px;border:10px solid #1e2939;border-radius:30px}.native-status{height:28px;display:flex;justify-content:space-between;padding:9px 14px 0;font-size:9px;font-weight:800}.native-header{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:9px;padding:8px 13px}.native-header .preview-logo{width:36px;height:36px;margin:0;border-radius:10px;background:var(--p,#2f80ff)}.native-header small{display:block;color:#8b93a2;font-size:8px}.native-header strong{display:block;font-size:11px}.native-header button{border:0;background:#f1f5f9;border-radius:9px;height:29px}.native-hero{margin:9px 12px 0;padding:17px;border-radius:17px;background:linear-gradient(135deg,var(--p,#2f80ff),var(--s,#0f172a));color:#fff}.native-hero span{font-size:7px;font-weight:900;letter-spacing:.13em}.native-hero h3{font-size:18px;line-height:1.05;margin:7px 0}.native-hero p{font-size:8px;line-height:1.5;opacity:.83}.native-hero button{border:0;border-radius:8px;background:#fff;color:#111827;padding:7px 10px;font-size:8px;font-weight:800}.native-section{padding:15px 13px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title strong{font-size:10px}.section-title small{font-size:7px;color:var(--p,#2f80ff)}.native-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.native-products article div{height:102px;border-radius:10px;background:#edf1f6}.native-products article strong{display:block;font-size:8px;margin-top:6px}.native-products article span{font-size:8px;color:var(--p,#2f80ff);font-weight:800}.native-bottom{position:absolute;bottom:0;left:0;right:0;height:48px;border-top:1px solid #e7eaf0;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);place-items:center}.native-bottom span{display:grid;place-items:center;color:#9aa2af;font-size:13px}.native-bottom span.active{color:var(--p,#2f80ff)}.native-bottom small{font-size:6px;margin-top:1px}.studio-inspector{padding:16px}.inspector-head{margin-bottom:10px}.inspector-head h2{margin:0;font-size:18px}.studio-inspector details{border-top:1px solid var(--line);padding:12px 0}.studio-inspector summary{list-style:none;cursor:pointer;font-size:12px;font-weight:760;display:flex;justify-content:space-between;color:#dce5f3}.studio-inspector summary::-webkit-details-marker{display:none}.control-group{display:grid;gap:12px;padding-top:12px}.color-fields label{display:block}.color-control{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;margin-top:7px}.color-control input[type=color]{width:42px;height:36px;padding:2px;border-radius:9px}.color-control code{height:36px;display:flex;align-items:center;padding:0 9px;background:#0a1220;border:1px solid var(--line);border-radius:9px;color:#92a1b7;font-size:10.5px}

.homepage-builder,.navigation-builder{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(420px,1.14fr);gap:16px;align-items:start}.homepage-controls,.navigation-controls{min-width:0}.homepage-preview-panel,.navigation-preview-panel{position:sticky;top:92px}.section-editor-list,.nav-editor-list{display:grid;gap:10px}.section-editor-card,.nav-editor-card{border-radius:14px;overflow:hidden}.section-card-head,.nav-card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px}.drag-handle{cursor:grab;color:#607087;font-size:14px}.section-card-name,.nav-card-name{min-width:0}.section-card-name strong,.nav-card-name strong{display:block;font-size:12.5px}.section-card-name small,.nav-card-name small{color:#6f7e94;font-size:10.5px}.section-move-actions{display:flex;gap:4px}.section-move-actions button,.section-expand,.nav-card-head button{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:#0d1624;color:#8c9aaf;cursor:pointer}.section-card-settings,.nav-card-settings{display:none;padding:14px;border-top:1px solid var(--line);background:rgba(0,0,0,.1)}.section-editor-card.open .section-card-settings,.nav-editor-card.open .nav-card-settings{display:grid;gap:12px}.switch{position:relative;display:inline-flex;align-items:center}.switch input{width:38px;height:22px;appearance:none;background:#263349;border:0;border-radius:999px;padding:0;cursor:pointer}.switch input:checked{background:var(--blue)}.switch input:after{content:"";display:block;width:16px;height:16px;margin:3px;border-radius:50%;background:#fff;transition:.18s}.switch input:checked:after{transform:translateX(16px)}.homepage-preview-scroll,.nav-preview-content{min-height:620px;border-radius:14px;background:#0a101b;padding:20px;display:grid;place-items:center}.homepage-device,.navigation-device{width:310px;min-height:610px;background:#fff;color:#111827;border:9px solid #1e2939;border-radius:38px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.45);position:relative}.homepage-device.tablet,.navigation-device.tablet{width:490px;border-radius:28px}.live-header,.live-hero,.live-copy,.live-categories,.live-items{padding:12px}.live-header{display:flex;justify-content:space-between;align-items:center;font-weight:850}.live-hero{margin:6px 10px;border-radius:14px;background:linear-gradient(135deg,#2f80ff,#0f172a);color:#fff}.live-hero h3{font-size:18px;margin:5px 0}.live-hero p{font-size:8px}.live-categories{display:flex;gap:6px;overflow:hidden}.live-categories span,.preview-pills i{min-width:58px;height:24px;border-radius:999px;background:#eef2f6}.live-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-items i,.preview-product-grid i{height:90px;background:#eef2f6;border-radius:10px}.nav-live-bottom{position:absolute;bottom:0;left:0;right:0;height:50px;background:#fff;border-top:1px solid #e8ebef;display:grid;grid-template-columns:repeat(var(--nav-count,4),1fr);place-items:center}.nav-live-bottom span{display:grid;place-items:center;font-size:12px;color:#98a0ac}.nav-live-bottom span.active{color:#2f80ff}.nav-live-bottom small{font-size:6px}.nav-drawer-preview{position:absolute;left:0;top:0;bottom:0;width:72%;background:#fff;box-shadow:15px 0 35px rgba(0,0,0,.18);transform:translateX(-105%);transition:.18s;z-index:3}.nav-drawer-preview.open{transform:none}.drawer-head{padding:14px;border-bottom:1px solid #eee}.nav-drawer-preview button{width:100%;border:0;background:#fff;color:#111827;text-align:left;padding:10px 13px}.nav-style-control{margin-bottom:14px}

.catalog-grid,.commerce-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:start}.product-create,.catalog-list{position:sticky;top:92px}.product-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-admin-card{border-radius:14px;overflow:hidden}.product-thumb{height:125px;background:#101a2b;display:grid;place-items:center;color:#607087;font-size:28px}.product-card-body{padding:13px}.product-card-body h3{font-size:13px;margin:0 0 5px}.product-meta{display:flex;justify-content:space-between;gap:8px;color:#718097;font-size:10.5px;margin-top:8px}.catalog-search{display:flex;gap:8px}.catalog-search input{flex:1}.stack{display:grid;gap:10px}.chip-list{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#101b2d}.data-table{display:grid;overflow-x:auto}.tr{display:grid;grid-template-columns:1.15fr 1.2fr .75fr .7fr .8fr;align-items:center;gap:14px;min-width:760px;padding:13px 14px;border-top:1px solid var(--line);font-size:12px}.tr.th{border-top:0;background:rgba(255,255,255,.025);color:#6f7e94;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tr span{min-width:0}.tr span small{display:block;color:#6f7e94;margin-top:3px;font-size:10px}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{height:36px;font-size:11px}.table-panel{padding:0;overflow:hidden}.orders-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.order-list{display:grid;gap:10px}.order-card{border-radius:14px;padding:15px}.order-card-head{display:flex;justify-content:space-between;gap:12px}.order-card-head h3{margin:0}.order-items{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:7px}.order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

.native-build-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.native-build-main,.native-build-side{padding:22px}.native-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.native-form-grid .wide{grid-column:1/-1}.native-build-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.native-build-summary div{padding:12px;border:1px solid var(--line);background:#0b1422;border-radius:11px}.native-build-summary span{display:block;color:#6f7e94;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em}.native-build-summary strong{display:block;font-size:12px;margin-top:5px}.platform-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.platform-pair>div{padding:13px;border:1px solid var(--line);background:#0b1422;border-radius:12px;text-align:center}.platform-icon{width:34px;height:34px;border-radius:10px;background:#1f7cf3;display:grid;place-items:center;margin:0 auto 7px;font-weight:900}.platform-icon.apple{background:#e9eef6;color:#0b1020}.platform-pair strong,.platform-pair small{display:block}.platform-pair small{font-size:9.5px;color:#718097;margin-top:3px}.build-checks{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px;color:#a7b4c8;font-size:11.5px}.build-history-panel{margin-top:16px}.build-history-list{display:grid;gap:9px}.build-history-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:12px}.global-builds .build-history-row{grid-template-columns:40px minmax(0,1fr) auto auto auto}.build-status-icon{width:40px;height:40px;border-radius:11px;background:var(--blue-soft);color:#78adff;display:grid;place-items:center}.build-history-info strong,.build-history-info span,.build-history-info small{display:block}.build-history-info span{color:#8e9bb2;font-size:11px;margin-top:2px}.build-history-info small,.build-history-meta small{color:#657389;font-size:9.5px;margin-top:3px}.build-history-meta{text-align:right}.native-warning{margin-top:16px}

@media(max-width:1250px){.studio-shell{grid-template-columns:210px minmax(380px,1fr)}.studio-inspector{grid-column:2;position:static;max-height:none}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;transform:translateX(-104%);width:280px;box-shadow:30px 0 70px rgba(0,0,0,.5);transition:.2s ease}.sidebar.open{transform:none}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 18px}.topbar-title{margin-right:auto;margin-left:12px}.content{padding:26px 20px 60px}.create-layout,.homepage-builder,.navigation-builder,.catalog-grid,.commerce-grid,.native-build-layout{grid-template-columns:1fr}.preview-card,.homepage-preview-panel,.navigation-preview-panel,.product-create,.catalog-list{position:static}.studio-shell{grid-template-columns:1fr}.studio-nav,.studio-inspector{position:static;max-height:none}.studio-links{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-links a{justify-content:center}.studio-meta{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-build-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.content{padding:22px 14px 50px}.topbar{height:64px;padding:0 12px}.topbar-title{font-size:12px}.user-pill span:last-child{display:none}.hero-row,.page-head,.builder-topbar{display:block}.hero-actions,.builder-top-actions{margin-top:15px}.stats-grid,.app-grid,.type-grid,.template-grid,.grid2,.two-col,.product-admin-grid,.native-form-grid,.platform-pair{grid-template-columns:1fr}.native-form-grid .wide{grid-column:auto}.native-build-summary{grid-template-columns:1fr 1fr}.panel,.form-panel{padding:16px;border-radius:14px}.auth-shell{padding:16px}.auth-card{padding:24px}.installer{padding:26px 14px}.install-card{padding:20px}.studio-links{grid-template-columns:1fr 1fr}.studio-canvas{overflow:visible}.device-stage{min-height:560px;padding:16px 6px}.native-device.phone{width:min(310px,94vw);height:620px}.native-device.tablet{width:min(94vw,520px);height:620px}.homepage-device,.navigation-device{width:min(310px,88vw)}.homepage-device.tablet,.navigation-device.tablet{width:min(88vw,490px)}.homepage-preview-scroll,.nav-preview-content{padding:14px;min-height:560px}.build-history-row,.global-builds .build-history-row{grid-template-columns:38px minmax(0,1fr)}.build-history-row .build-history-meta,.build-history-row .btn{grid-column:2}.build-history-row .btn{width:100%}.catalog-search{display:grid}.actions-row{justify-content:stretch}.actions-row .btn{flex:1}.tr{min-width:700px}.hero-row h1,.page-head h1,.builder-topbar h1,.auth-card h1,.install-card h1{font-size:28px}}
@media(max-width:420px){.content{padding-inline:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:23px}.studio-links{grid-template-columns:1fr}.native-build-summary{grid-template-columns:1fr}.panel-head{align-items:flex-start}.preview-toolbar{height:auto;padding:12px;gap:10px;flex-wrap:wrap}.device-switch{width:100%}.device-switch button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}