.page-studio{color:#253047;background:#fcfcfa;min-height:100svh}.studio-header{background:#fcfcfa;border-bottom:1px solid #e9e9e3;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(22px,4vw,72px);display:flex}.studio-header .brand img{width:114px;height:auto}.studio-header-actions{align-items:center;gap:26px;font-size:13px;display:flex}.studio-header-actions a{align-items:center;gap:7px;display:flex}.studio-layout{grid-template-columns:1fr 1fr;max-width:1720px;min-height:calc(100svh - 92px);margin:auto;display:grid}.studio-editor{min-width:0;padding:40px clamp(24px,5vw,86px) 28px}.studio-progress{justify-content:space-between;gap:8px;margin-bottom:48px;display:flex}.studio-progress button{color:#757b86;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.studio-progress button>span{border:1px solid #d9dbe0;border-radius:50%;place-items:center;width:26px;height:26px;font-family:Arial,sans-serif;font-size:11px;display:grid}.studio-progress button[aria-current]{color:#253047;font-weight:700}.studio-progress button[aria-current]>span{color:#fff;background:#253047;border-color:#253047}.studio-progress button:disabled{cursor:default;opacity:.6}.studio-step-heading h1{letter-spacing:-.05em;max-width:600px;margin-bottom:14px;font-size:clamp(32px,3.1vw,49px);line-height:1.3}.studio-step-heading h1:focus{outline:none}.studio-step-heading>p:last-child{color:#6d7480;max-width:430px;margin-bottom:30px;font-size:14px;line-height:1.9}.studio-eyebrow{letter-spacing:.07em;color:#576477;align-items:center;gap:7px;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}.studio-eyebrow>span:first-child{background:#4e6ef2;border-radius:50%;width:6px;height:6px}.studio-step-count{color:#8a919b;letter-spacing:.16em;margin-inline-start:auto;font:11px monospace}.studio-fields{gap:17px;display:grid}.studio-fields label,.studio-position{margin:0;font-size:12px;font-weight:600}.studio-fields input,.studio-fields select,.studio-fields textarea{background:#fff;border-color:#dfe2e6;border-radius:10px;margin-top:7px;padding:12px;font-size:14px}.studio-fields small{color:#78808d;margin-top:5px;font-size:10px;font-weight:400;display:block}.studio-url-input{background:#fff;border:1px solid #dfe2e6;border-radius:10px;align-items:center;min-width:0;margin-top:7px;padding:0 12px;font-family:Arial,sans-serif;display:flex}.studio-url-input span{color:#737c8c;flex-shrink:0;font-size:11px}.studio-url-input input{border:0;min-width:0;margin:0;padding-inline:2px;font-size:12px}.studio-url-input:focus-within{outline:2px solid var(--blue);outline-offset:2px}.studio-url-input input:focus{outline:none}.studio-field-pair{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.studio-field-pair select{width:100%;min-width:0}.studio-bio-field{color:#687383;font-size:12px}.studio-bio-field summary{cursor:pointer}.studio-photo-picker{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.studio-photo-button{color:#4e6ef2;text-align:start;background:#f6f7f8;border:1px dashed #d2d7df;border-radius:14px;flex:1;align-items:center;gap:16px;padding:13px 18px;display:flex}.studio-photo-button>img{object-fit:cover;border-radius:50%;width:46px;height:46px}.studio-photo-button>span{color:#253047;font-size:13px}.studio-photo-button small{color:#7b8290;font-size:10px;font-weight:400;display:block}.studio-icon-button{color:#7a8391;background:0 0;border:0;place-items:center;padding:9px;display:grid}.studio-navigation{align-items:center;gap:20px;margin-top:30px;display:flex}.studio-navigation>.button{justify-content:center;min-width:160px;margin-inline-start:auto}.page-studio .button{border-radius:10px;padding:13px 24px;font-size:13px;box-shadow:0 5px 14px #4e6ef219}.studio-back{color:#596579;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.studio-local-note{color:#7b8491;border-top:1px solid #e5e6e4;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;font-size:10px;display:flex}.studio-local-note span,.studio-local-note button{align-items:center;gap:5px;display:flex}.studio-local-note button{color:#687588;background:0 0;border:0;padding:0;font-size:10px}.studio-storage-note{color:#858c97;margin:12px 0 0;font-size:9px}.studio-preview{background:#ebecea;border-inline-start:1px solid #e1e3de;flex-direction:column;align-items:center;height:100svh;min-height:750px;max-height:1100px;padding:28px 32px 30px;display:flex;position:sticky;top:0;overflow:hidden}.studio-preview-top{color:#69716f;letter-spacing:.08em;justify-content:space-between;align-items:center;width:100%;font-size:9px;display:flex}.studio-preview-top>span{align-items:center;gap:7px;display:flex}.studio-live-dot{background:#5f8774;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #5f877412}.studio-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:36px 0 22px;display:flex;position:relative}.studio-orbit{border:1px solid #daddd6;border-radius:50%;width:480px;max-width:130%;height:480px;position:absolute;inset:auto;transform:rotate(-25deg)}.studio-orbit:before,.studio-orbit:after{content:"";border:1px solid #daddd6;border-radius:50%;position:absolute;inset:28px}.studio-orbit:after{opacity:.5;border-style:dashed;inset:-30px}.studio-device{z-index:1;background:#fff;border:1px solid #fff;border-radius:36px;width:min(330px,90%);height:580px;min-height:440px;max-height:68svh;padding:9px;position:relative;box-shadow:0 32px 48px -24px #27372f55,0 0 0 1px #d2d5d0}.studio-device-bar{z-index:3;pointer-events:none;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:16px 0 auto}.studio-device-bar span{background:#2e332b40;border-radius:50%;width:5px;height:5px}.studio-device-bar span:nth-child(2){border-radius:4px;width:30px}.studio-device-screen{scrollbar-width:none;overscroll-behavior:contain;border-radius:27px;height:100%;overflow:auto}.studio-device-screen::-webkit-scrollbar{display:none}.studio-floating-note{top:8%;letter-spacing:.04em;z-index:2;color:#525a50;background:#fffdf5;border:1px solid #ffffffa0;border-radius:6px;align-items:center;gap:7px;padding:10px 14px;font-size:9px;display:flex;position:absolute;inset-inline-end:4%;transform:rotate(7deg);box-shadow:0 5px 18px #2332260b}.studio-address{color:#647269;z-index:1;overflow-wrap:anywhere;text-align:center;align-items:center;gap:5px;max-width:100%;margin-top:25px;font-family:Arial,sans-serif;font-size:11px;display:flex}.studio-preview-caption{color:#6b756f;text-align:center;margin:0;font-size:12px}.studio-example-note{color:#7e8880;margin-top:5px;font-size:9px}.studio-close-preview,.studio-mobile-preview{display:none}.studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.studio-template{text-align:start;background:0 0;border:0;min-width:0;padding:0;position:relative}.studio-template-window{outline-offset:3px;pointer-events:none;direction:ltr;border-radius:11px;outline:1px solid #d9ddd7;height:170px;transition:outline-color .15s,transform .15s;position:relative;overflow:hidden}.studio-template.selected .studio-template-window{outline:2px solid #4e6ef2}.studio-template:hover .studio-template-window{transform:translateY(-3px)}.studio-template .creator-page{transform-origin:top;direction:ltr;width:300px;min-height:440px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.4)}.studio-template-label{color:#3d4859;justify-content:space-between;align-items:center;padding:10px 2px 0;font-size:12px;font-weight:600;display:flex}.studio-template-dot{border:1px solid #00000010;border-radius:50%;width:11px;height:11px}.studio-template.selected .studio-template-label{color:#4e6ef2}.studio-options{margin-top:24px}.studio-options legend{margin-bottom:10px;font-size:12px}.studio-segment{flex-wrap:wrap;gap:5px;display:flex}.studio-segment button{color:#606c7f;white-space:nowrap;background:#fff;border:1px solid #e1e4e6;border-radius:8px;flex:1;padding:9px 6px;font-size:11px}.studio-segment button[aria-pressed=true]{color:#3d55be;background:#f0f3ff;border-color:#4e6ef2}.studio-swatches{gap:13px;display:flex}.studio-swatches button{color:#fff;border:3px solid #fff;border-radius:50%;outline:1px solid #d9dce0;place-items:center;width:30px;height:30px;padding:0;display:grid}.studio-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #4e6ef2}.studio-position{color:#6e7885;margin-top:25px;font-size:11px;display:block}.studio-position input{accent-color:#4e6ef2;max-width:220px;margin-top:8px;padding:0;display:block}.studio-platforms{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.studio-platforms button{background:#fff;border:1px solid #dfe2e6;border-radius:40px;align-items:center;gap:4px;padding:8px 11px;font-size:10px;display:flex}.studio-empty{text-align:center;color:#667488;background:#f5f6f4;border:1px dashed #d8ddd5;border-radius:16px;margin:20px 0;padding:30px 12px}.studio-empty svg{color:#4e6ef2}.studio-empty h3{margin:15px 0 9px;font-size:19px}.studio-empty p{max-width:270px;margin:0 auto;font-size:12px}.studio-link-editor{background:#fff;border:1px solid #e0e3e7;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.studio-link-index{color:#8a949f;font:10px monospace}.studio-link-editor>div{flex:1;min-width:0}.studio-link-editor input{background:0 0;border:0;border-radius:0;padding:5px;font-size:12px}.studio-link-editor input+input{color:#707d90;border-top:1px solid #eef0f2;font-family:Arial,sans-serif;font-size:11px}.studio-add-link{color:#4b5b73;background:0 0;border:1px dashed #bcc7d4;border-radius:10px;align-items:center;gap:8px;width:100%;padding:13px;font-size:12px;display:flex}.studio-add-link span{color:#8492a4;margin-inline-start:auto;font-size:10px}.studio-hint{color:#8a93a0;margin-top:16px;font-size:10px}.studio-ready{color:#45604a;background:#eff4ed;border:1px solid #e1e9dc;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.studio-ready b,.studio-ready span{display:block}.studio-ready b{font-size:13px}.studio-ready span{color:#708272;margin-top:3px;font-size:11px}.studio-claim h2{margin:0 0 10px;font-size:24px}.studio-claim p{color:#7b8591;font-size:12px}.studio-claim .auth-switch{display:none}.studio-claim .auth-session-note{font-size:10px}.studio-claim .checkbox-label{align-items:start;font-size:11px}.studio-claim .checkbox-label input{flex-shrink:0;width:15px}.studio-claim .checkbox-label a{color:#4e6ef2;text-decoration:underline}.studio-claim .field label{font-size:12px}.studio-claim .button{justify-content:center;width:100%}.studio-account-switch{color:#4e6ef2;background:0 0;border:0;padding:0;font-size:11px}.studio-private{align-items:center;gap:5px;margin-top:20px;display:flex}.studio-save{margin:20px 0}.studio-claim>.text-link{font-size:11px}.studio-error{color:#934627;background:#fff2ed;border:1px solid #f2d9cc;border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:12px}.studio-loading{color:#4e6ef2;background:#f8f8f3;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100svh;display:flex}.studio-success{text-align:center;padding:25px 0}.studio-success>span{color:#55754c;background:#edf4eb;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;display:grid}.studio-success h2{margin:20px 0;font-size:25px}.studio-success .text-link{margin-top:20px;font-size:12px;display:block}.studio-success .button{display:inline-flex}.studio-loading p{font-size:14px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.creator-page{--page-bg:#eee5d7;--page-fg:#453e34;--page-accent:#493f32;--page-button:#fffaf1;--page-line:#70614830;isolation:isolate;background:var(--page-bg);color:var(--page-fg);text-align:center;min-height:100%;font-size:14px;position:relative;overflow:hidden}.cp-content{z-index:1;max-width:600px;margin:auto;padding:32px 25px 25px;position:relative}.cp-decoration{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cp-topline{letter-spacing:.16em;opacity:.7;justify-content:space-between;align-items:center;margin:0 0 24px;font:8px Arial,sans-serif;display:flex}.cp-topline>span:last-child{font-size:22px}.cp-portrait{background:color-mix(in srgb, var(--page-fg) 8%, transparent);border:1px solid var(--page-line);border-radius:100px 100px 4px 4px;width:146px;height:188px;margin:0 auto 24px;overflow:hidden}.cp-portrait img,.cp-portrait svg{object-fit:cover;object-position:50% var(--photo-position,50%);width:100%;height:100%;display:block}.cp-monogram{height:100%;color:var(--page-fg);opacity:.55;place-items:center;font-size:70px;font-weight:500;display:grid}.cp-kicker{letter-spacing:.16em;opacity:.7;font-size:8px}.cp-intro h2{color:inherit;overflow-wrap:anywhere;margin:5px 0 9px;font-size:30px;font-weight:600;line-height:1.3}.cp-intro p{opacity:.85;white-space:pre-wrap;overflow-wrap:anywhere;max-width:270px;margin:0 auto;font-size:11px;line-height:1.9}.cp-socials{justify-content:center;gap:17px;margin:19px 0;display:flex}.cp-socials svg{width:15px;height:15px}.cp-links{gap:10px;display:grid}.cp-link{border:1px solid var(--page-line);background:var(--page-button);min-height:47px;color:var(--page-accent);border-radius:3px;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;font-size:11px;font-weight:600;transition:transform .15s;display:flex}.cp-link span{overflow-wrap:anywhere;text-align:start;min-width:0}.cp-link svg{width:14px;height:14px}.cp-link[href]:hover{transform:translateY(-2px)}.cp-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0;font-size:12px;line-height:1.9}.cp-signature{opacity:.6;justify-content:center;align-items:center;gap:5px;margin:32px 0 3px;font-size:9px;display:flex}.cp-signature>span{font-size:17px}.cp-midnight{--page-bg:#222535;--page-fg:#f7f1e6;--page-accent:#f7f1e6;--page-button:#ffffff09;--page-line:#ffffff30}.cp-midnight .cp-portrait{border-radius:3px;width:100%;height:195px}.cp-midnight .cp-intro{text-align:start}.cp-midnight .cp-intro p{margin-inline:0}.cp-midnight .cp-socials{justify-content:flex-start}.cp-midnight .cp-link{background:0 0;border-width:0 0 1px;border-radius:0}.cp-midnight .cp-decoration span:first-child{inset-inline-start:40%;border:1px solid #ffffff10;border-radius:50%;width:340px;height:340px;position:absolute;top:-170px}.cp-bloom{--page-bg:#f6e4e9;--page-fg:#673448;--page-accent:#743451;--page-button:#fff7fa;--page-line:#b1547830}.cp-bloom .cp-portrait{border:5px solid #fff7fa;border-radius:50%;width:130px;height:130px}.cp-bloom .cp-link{border-radius:30px;box-shadow:0 3px #b56c8312}.cp-bloom .cp-decoration span{background:#d296af20;border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;left:-90px}.cp-bloom .cp-decoration span:nth-child(2){background:#fff7fa60;width:320px;height:320px;top:260px;left:auto;right:-150px}.cp-studio{--page-bg:#e1e9fb;--page-fg:#223d68;--page-accent:#2b5196;--page-button:#ffffffb0;--page-line:#5f7ba130}.cp-studio .cp-portrait{border-radius:20px;width:150px;height:160px;margin-bottom:32px;transform:rotate(-4deg);box-shadow:9px 9px #8caad240}.cp-studio .cp-link{border-color:#7296cf50;border-radius:10px}.cp-studio .cp-topline{border-bottom:1px solid var(--page-line);padding-bottom:12px}.cp-citrus{--page-bg:#eaf0b8;--page-fg:#343b24;--page-accent:#273718;--page-button:#fbffe9;--page-line:#4d613f}.cp-citrus .cp-portrait{border:2px solid var(--page-line);border-radius:50% 50% 10px 10px;transform:rotate(5deg)}.cp-citrus .cp-link{border:1.5px solid var(--page-line);box-shadow:3px 3px 0 var(--page-line);border-radius:9px;margin-bottom:3px}.cp-citrus .cp-intro h2{font-weight:900}.cp-citrus .cp-decoration span:first-child{top:60px;border:1px solid #77804840;width:170px;height:170px;position:absolute;inset-inline-start:-90px;transform:rotate(25deg)}.cp-mono{--page-bg:#f1f1ed;--page-fg:#242524;--page-accent:#242524;--page-button:#ffffff60;--page-line:#242524}.cp-mono .cp-portrait{filter:grayscale();border-radius:0;width:150px;height:180px}.cp-mono .cp-topline{border-top:2px solid #242524;padding-top:10px}.cp-mono .cp-link{background:0 0;border-width:0 0 1px;border-radius:0}.cp-mono .cp-intro h2{letter-spacing:-.04em;font-size:34px;font-weight:900}.cp-bg-gradient{background:radial-gradient(ellipse at 95% 15%, color-mix(in srgb, var(--page-fg) 15%, transparent), transparent 55%), linear-gradient(140deg, var(--page-bg), color-mix(in srgb, var(--page-bg) 70%, #fff) 65%, var(--page-bg))}.cp-midnight.cp-bg-gradient{background:radial-gradient(at 90% 0,#4d4560,#0000 60%),linear-gradient(150deg,#242b3b,#191b29)}.cp-bg-grain:after{content:"";pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cp-bg-grid{background-image:linear-gradient(var(--page-line) 1px, transparent 1px), linear-gradient(90deg, var(--page-line) 1px, transparent 1px);background-size:50px 50px}.cp-bg-grid .cp-content{background:color-mix(in srgb, var(--page-bg) 94%, transparent)}.cp-accent-blue{--page-accent:#304cb4;--page-button:#f0f3ff;--page-line:#5679c850}.cp-accent-rose{--page-accent:#90394f;--page-button:#fff1f3;--page-line:#ba617d50}.cp-accent-sage{--page-accent:#355941;--page-button:#f0f6ed;--page-line:#6c8b6650}.cp-accent-amber{--page-accent:#78501d;--page-button:#fff6e7;--page-line:#a8875e50}.cp-midnight[class*=cp-accent-]:not(.cp-accent-default) .cp-link{background:var(--page-button);border:0;border-radius:4px}.creator-public-page{min-height:100svh}.creator-public-page .cp-content{max-width:550px;padding:45px 30px}.creator-public-page .cp-portrait{width:185px;height:240px}.creator-public-page .cp-midnight .cp-portrait{width:100%;height:280px}.creator-public-page .cp-bloom .cp-portrait{width:165px;height:165px}.creator-public-page .cp-intro h2{font-size:40px}.creator-public-page .cp-link{min-height:56px;padding:16px 20px;font-size:14px}.creator-public-page .cp-intro p{max-width:390px;font-size:14px}.creator-public-page .cp-socials svg{width:19px;height:19px}.cp-collaboration{text-align:start;border-top:1px solid var(--page-line);margin-top:25px;padding-top:24px}.cp-collaboration h3{color:inherit;font-size:19px}.cp-collaboration>p{font-size:12px}.cp-package{border:1px solid var(--page-line);background:var(--page-button);color:var(--page-accent);border-radius:8px;margin:14px 0;padding:17px}.cp-package h4{margin:0;font-size:15px}.cp-package p{font-size:12px}.cp-package-footer{justify-content:space-between;gap:10px;font-size:11px;display:flex}.cp-public-footer{text-align:center;background:#fcfcfa;justify-content:center;gap:24px;padding:18px;font-size:11px;display:flex}.studio-design-editor{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:36px;display:grid}.studio-design-editor .studio-device{width:300px;max-width:100%;position:sticky;top:25px}.studio-design-editor .studio-template-window{height:145px}.studio-design-editor .studio-template .creator-page{transform:translate(-50%)scale(.34)}@media (min-width:1440px){.studio-template-window{height:205px}.studio-template .creator-page{transform:translate(-50%)scale(.48)}.studio-device{width:360px;height:640px}.studio-editor{padding-top:45px}.studio-preview{min-height:850px}.studio-stage{padding-top:50px}}@media (max-width:1100px) and (min-width:761px){.studio-editor{padding:30px 25px}.studio-progress{margin-bottom:34px}.studio-progress button{gap:4px;font-size:10px}.studio-progress button>span{width:22px;height:22px}.studio-template-grid{gap:10px}.studio-template-window{height:140px}.studio-template .creator-page{transform:translate(-50%)scale(.32)}.studio-preview{padding:28px 15px}.studio-preview-top{font-size:8px}.studio-floating-note{inset-inline-end:0}.studio-url-input span{font-size:9px}.studio-url-input{padding:0 7px}}@media (max-width:760px){.studio-header{height:72px;padding:0 20px}.studio-header .brand img{width:94px}.studio-header .brand>span{font-size:9px}.studio-header-actions{gap:17px;font-size:11px}.studio-layout{min-height:calc(100svh - 72px);display:block}.studio-editor{max-width:580px;margin:auto;padding:25px 24px 110px}.studio-progress{margin-bottom:32px}.studio-progress button{gap:5px;font-size:11px}.studio-progress button>span{width:23px;height:23px}.studio-step-heading h1{max-width:380px;font-size:35px}.studio-step-heading>p:last-child{margin-bottom:24px;font-size:13px}.studio-preview{z-index:20;border:0;width:100%;height:calc(100svh - 72px);min-height:0;max-height:none;padding:20px 20px 84px;display:none;position:fixed;inset:72px 0 0}.show-preview .studio-preview{display:flex}.studio-device{border-radius:30px;width:290px;height:520px;min-height:0;max-height:calc(100svh - 280px)}.studio-device-screen{border-radius:21px}.studio-stage{padding:20px 0 12px}.studio-floating-note{top:5%;padding:8px 10px;font-size:8px;inset-inline-end:0}.studio-preview-caption{font-size:10px}.studio-preview-top{font-size:8px}.studio-address{margin-top:15px;font-size:10px}.studio-orbit{width:380px;height:380px}.studio-mobile-preview{bottom:max(18px, env(safe-area-inset-bottom));color:#fff;z-index:30;white-space:nowrap;background:#253047;border:1px solid #ffffff40;border-radius:40px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 7px 24px #19274135}.studio-template-grid{gap:15px}.studio-template-window{height:162px}.studio-template .creator-page{transform:translate(-50%)scale(.37)}.studio-template-label{font-size:11px}.studio-navigation{margin-top:27px}.studio-photo-button{padding:11px 14px}.studio-fields{gap:15px}.studio-local-note{font-size:9px}.studio-field-pair{gap:10px}.studio-design-editor{flex-direction:column;display:flex}.studio-design-editor .studio-device{height:550px;max-height:none;margin:0 auto;position:relative}.creator-public-page .cp-content{padding:28px 24px}.creator-public-page .cp-portrait{width:165px;height:210px}.creator-public-page .cp-intro h2{font-size:34px}}@media (max-width:360px){.studio-editor{padding-inline:17px}.studio-progress button{font-size:10px}.studio-template-grid{gap:12px}.studio-template-window{height:143px}.studio-template .creator-page{transform:translate(-50%)scale(.31)}.studio-field-pair{grid-template-columns:1fr}.studio-step-heading h1{font-size:31px}.studio-header{padding-inline:16px}.studio-header-actions{gap:12px}}@media (prefers-reduced-motion:reduce){.page-studio *,.creator-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}