:root{--ink:#0b0c0c;--paper:#f2f1ed;--panel:#faf9f6;--line:#d9d7d0;--muted:#74736d;--yellow:#ffd400;--red:#d93832}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 16% 4%, #fffffff2, transparent 27rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.brand-lockup{letter-spacing:-1.6px;align-items:flex-end;gap:4px;font-size:28px;font-weight:850;line-height:.82;display:inline-flex}.brand-lockup i{background:var(--yellow);border-radius:50%;width:8px;height:8px}.brand-lockup.compact{font-size:25px}.brand-lockup.compact i{width:7px;height:7px}.login-shell{place-items:center;min-height:100svh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#faf9f6e6;border-radius:24px;width:min(100%,440px);padding:46px;box-shadow:0 24px 80px #14141214}.eyebrow{color:var(--muted);letter-spacing:.16em;margin:42px 0 12px;font-size:11px;font-weight:800}.login-card h1{letter-spacing:-.05em;max-width:330px;margin:0;font-size:clamp(34px,7vw,48px);line-height:.98}.login-intro{color:var(--muted);margin:18px 0 32px;line-height:1.5}.login-form{gap:12px;display:grid}.login-form label,.field>span{color:#565650;letter-spacing:.02em;font-size:12px;font-weight:750}input,select{width:100%;min-height:52px;color:var(--ink);background:#fff;border:1px solid #cbc9c1;border-radius:10px;outline:none;padding:0 15px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#2d2d29;box-shadow:0 0 0 3px #0b0c0c14}.button{border:0;border-radius:10px;min-height:50px;padding:0 18px;font-weight:760}.button.primary{color:#fff;background:var(--ink)}.button.primary:hover{background:#242522}.form-error{color:#a42a25;margin:0;font-size:13px;line-height:1.4}.form-error.boxed{background:#fff5f4;border:1px solid #ebc0bd;border-radius:9px;padding:12px 14px}.studio-shell{width:min(100%,1540px);min-height:100svh;margin:auto;padding:20px clamp(20px,3vw,42px) 24px}.studio-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.studio-header>div{align-items:center;gap:18px;display:flex}.studio-header p{color:var(--muted);letter-spacing:.14em;margin:2px 0 0;font-size:10px;font-weight:800}.text-button{color:#55554f;background:0 0;border:0;min-height:44px;font-size:13px;font-weight:650}.text-button:hover{color:var(--ink)}.studio-grid{grid-template-columns:minmax(290px,370px) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,54px);display:grid}.editor-panel,.preview-panel{min-width:0}.editor-panel{gap:15px;display:grid;position:sticky;top:20px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.section-heading h1,.section-heading h2{letter-spacing:-.035em;margin:0;font-size:22px;line-height:1}.section-heading>div>span{color:#77766f;border:1px solid #bbb9b1;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.dimension-label{color:#74736d;letter-spacing:.12em;font-size:9px;font-weight:800}.field{gap:7px;display:grid}.warnings{background:#fffaf0;border:1px solid #e6d49c;border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.4}.warnings strong{margin-bottom:5px;display:block}.warnings ul{color:#6e6039;margin:0;padding-left:17px}.warnings li+li{margin-top:3px}.export{justify-content:space-between;align-items:center;width:100%;margin-top:1px;display:flex}.export span{font-size:19px;font-weight:400}.preview-panel{justify-self:center;width:min(100%,max(300px,100svh - 168px));padding:0}.preview-heading{min-height:32px;margin-bottom:10px}.preview-stage{aspect-ratio:1;background:#171717;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 70px #0e0e0c2e}.preview-stage iframe{transform-origin:0 0;background:#090909;border:0;width:1440px;height:1440px;position:absolute;inset:0 auto auto 0}.preview-loading{color:#8a8982;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.preview-caption{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;margin:8px 0 0;font-size:10px;font-weight:700;display:flex}.mobile-export-bar{display:none}@media (max-width:800px){.studio-shell{padding:24px 22px 96px}.studio-grid{grid-template-columns:1fr;gap:38px}.editor-panel{position:static}.preview-panel{order:2}.desktop-export{display:none}.mobile-export-bar{z-index:10;padding:11px max(16px, env(safe-area-inset-right)) calc(11px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f1edf0;border-top:1px solid #0000001f;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-export-bar .button{min-height:54px}}@media (max-width:520px){.studio-shell{padding-left:16px;padding-right:16px}.studio-header{margin-bottom:27px}.studio-header>div{gap:11px}.studio-header p{max-width:90px;line-height:1.25}.login-card{padding:34px 24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}