/* Public brand tokens. Gold sampled from the original logo: RGB(186,158,120).
   Keep semantic error/success and actual photo background choices unchanged. */
:root{
 --raku-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --raku-gold:#ba9e78;--raku-gold-hover:#ab8b61;--raku-ink:#242424;
 --raku-yellow:#ffd13b;--raku-yellow-hover:#efbd26;--raku-yellow-tint:#fff7da;
 --raku-link:#785d3b;--raku-paper:#f7f6f3;--raku-surface:#fff;
 --raku-line:#e3ddd3;--raku-muted:#69645e;--raku-tint:#f2ede5;
 --raku-navy:var(--raku-ink);--raku-blue:var(--raku-link);--raku-blue-hover:#604a2e;
}
/* Editor presentation only. Preserve the existing grid, pane order, canvas
   geometry and mobile workflow; the shared tokens match the MUI/Ant forms.
   Explicit scope wins over legacy styles appended by the editor at runtime. */
html body.raku-app-shell{font-family:var(--raku-font);font-size:15px;line-height:1.5;color:var(--raku-ink);-webkit-font-smoothing:antialiased}
html body.raku-app-shell :is(button,input,select,textarea,.button){font-family:var(--raku-font);letter-spacing:0}
html body.raku-app-shell :is(button,.button){font-weight:600;border-radius:10px;transition:background-color .15s,border-color .15s,box-shadow .15s}
html body.raku-app-shell :is(button,.button):disabled{cursor:not-allowed}
html body.raku-app-shell :is(button,a,summary):focus-visible{outline:2px solid var(--raku-link);outline-offset:3px}
html body.raku-app-shell :is(select,textarea,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password]){font-size:16px;line-height:1.5;min-height:44px;padding:10px 12px;border:1px solid var(--raku-line);border-radius:10px;color:var(--raku-ink);background:#fff;transition:border-color .15s,box-shadow .15s}
html body.raku-app-shell :is(select,textarea,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password]):hover{border-color:var(--raku-gold)}
html body.raku-app-shell :is(select,textarea,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password]):focus{outline:none;border-color:var(--raku-link);box-shadow:0 0 0 2px #ba9e7826}
html body.raku-app-shell :is(input,textarea)::placeholder{color:#8a857d;opacity:1}
html body.raku-app-shell .workspace>.tools{border-color:var(--raku-line);box-shadow:0 3px 16px #24242404}
html body.raku-app-shell .workspace .raku-tool-nav{background:#faf9f6!important;border-color:var(--raku-line)!important}
html body.raku-app-shell .raku-tool-nav button{font-size:12px;line-height:1.4;font-weight:500;color:var(--raku-muted);border-radius:12px;box-shadow:none}
html body.raku-app-shell .raku-tool-nav button strong{font-weight:600}
html body.raku-app-shell .raku-tool-nav button:not(:disabled):not(.active):hover{background:var(--raku-tint)!important;color:var(--raku-link)!important}
html body.raku-app-shell .raku-tool-nav button.active{background:var(--raku-yellow-tint)!important;color:var(--raku-link)!important;border-color:#e9ce86!important;box-shadow:inset 3px 0 0 var(--raku-yellow)}
html body.raku-app-shell .raku-tool-nav .raku-desktop-pay{background:var(--raku-yellow-tint)!important;color:var(--raku-ink)!important;border-color:#e9ce86!important}
html body.raku-app-shell .workspace .raku-tool-pane>summary{font-size:20px;line-height:1.4;letter-spacing:-.35px;font-weight:650;color:var(--raku-ink);background:transparent}
html body.raku-app-shell .workspace .raku-tool-pane>label{font-size:14px;font-weight:500;color:var(--raku-muted);line-height:1.5;margin-top:20px;margin-bottom:8px}
html body.raku-app-shell .workspace .raku-tool-pane :is(h2,h3,legend){color:var(--raku-ink);font-weight:600;line-height:1.45}
html body.raku-app-shell .size-picks{gap:8px}
html body.raku-app-shell .size-picks :is(label,#chooseCustomSize){font-size:12px;line-height:1.5;min-height:44px;border-radius:9px;border-color:var(--raku-line);color:var(--raku-ink);background:#fff;padding:9px 6px}
html body.raku-app-shell .size-picks label{gap:6px;transition:background-color .15s,border-color .15s}
html body.raku-app-shell .size-picks input{width:14px;height:14px;flex:0 0 14px;accent-color:var(--raku-link)}
html body.raku-app-shell .size-picks label:hover{background:var(--raku-paper);border-color:var(--raku-gold)}
html body.raku-app-shell .size-picks label:has(input:checked){background:var(--raku-yellow-tint);border-color:var(--raku-gold);color:var(--raku-ink)}
html body.raku-app-shell .workspace .raku-tool-next{background:var(--raku-yellow-tint)!important;border-color:#e8d39a!important;color:var(--raku-link)!important;min-height:46px;font-size:14px;font-weight:600;border-radius:10px}
html body.raku-app-shell .workspace .raku-tool-next:hover{background:#ffefb5!important;border-color:var(--raku-gold)!important}
html body.raku-app-shell .workspace .tools>.reset-footer{border-color:var(--raku-line)!important;gap:10px}
html body.raku-app-shell .workspace .reset-footer :is(#generate,#reset){font-size:14px;font-weight:600;border-radius:10px;box-shadow:none}
html body.raku-app-shell .workspace .reset-footer #reset{background:#fff;border-color:var(--raku-line);color:var(--raku-muted)}
html body.raku-app-shell .workspace .reset-footer #reset:hover{background:var(--raku-paper);border-color:var(--raku-gold);color:var(--raku-ink)}
html body.raku-app-shell .workspace .stage #empty strong{font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.2px;color:var(--raku-ink)}
html body.raku-app-shell .workspace .stage #empty p{font-size:14px;line-height:1.6;color:var(--raku-muted)}
html body.raku-app-shell .workspace .stage #empty :is(button,.button){min-height:44px;font-size:14px;font-weight:500;padding:10px 16px}
html body.raku-app-shell .workspace .stage>.small{font-size:13px;line-height:1.6}
html body.raku-app-shell .raku-review{border-color:var(--raku-line);border-radius:20px;color:var(--raku-ink);box-shadow:0 16px 64px #24242426}
html body.raku-app-shell .raku-review h2{font-size:24px;line-height:1.35;letter-spacing:-.5px}
html body.raku-app-shell .raku-review :is(p,li){line-height:1.7;color:var(--raku-muted)}
html body.raku-app-shell .raku-checkout-page{font-family:var(--raku-font);color:var(--raku-ink)}
html body.raku-app-shell .raku-checkout-page :is(h1,h2,.checkout-profile){font-weight:650;letter-spacing:-.4px;line-height:1.35;color:var(--raku-ink)}
html body.raku-app-shell .checkout-package{border-color:var(--raku-line);border-radius:14px}
html body.raku-app-shell .checkout-package:has(input:checked){border-color:var(--raku-gold);background:var(--raku-yellow-tint)}
html body.raku-app-shell .checkout-package strong{font-size:18px;line-height:1.5;font-weight:600}
html body.raku-app-shell .checkout-package p{font-size:15px;line-height:1.65;color:var(--raku-muted)}
html body.raku-app-shell .checkout-main .primary{border-radius:12px;font-size:16px;font-weight:600}
html body.raku-app-shell .checkout-fields label{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:8px;color:var(--raku-ink)}
html body.raku-app-shell :is(.checkout-receipt,.raku-sepay-panel){border-color:var(--raku-line);border-radius:14px}
@media(max-width:760px){
 html body.raku-app-shell .raku-tool-nav button{font-size:12px;line-height:1.4}
 html body.raku-app-shell .raku-tool-nav button.active{box-shadow:inset 0 -3px 0 var(--raku-yellow)}
 html body.raku-app-shell .workspace .raku-tool-pane>summary{font-size:19px}
 html body.raku-app-shell .size-picks :is(label,#chooseCustomSize){font-size:13px}
}
@media(prefers-reduced-motion:reduce){html body.raku-app-shell :is(button,.button,input,select,textarea,label){transition:none}}
body{color:var(--raku-ink);--editor-page-background:var(--raku-paper)}
body[data-page=editor],body.raku-account-page,body.raku-partner-page{background:var(--raku-paper)}
body :is(.rakuphoto-brand,.account-brand,.raku-app-home,.raku-app-home-wide){background:var(--raku-ink)!important}
.account-brand{display:block;padding:13px 17px;border-radius:12px;line-height:1;flex-shrink:0}
.account-brand img{display:block;width:172px;height:auto}
body :is(.primary,.button.primary,.hero-cta.primary,.raku-header-pay,.raku-result-pay,#checkout.primary,#generate.primary,#quickOrder.primary,header>a.button,.raku-home-upload-actions button,.raku-home-upload-actions a){background:var(--raku-yellow)!important;border-color:var(--raku-yellow)!important;color:var(--raku-ink)!important;box-shadow:none}
body :is(.primary,.button.primary,.raku-header-pay,.raku-result-pay,header>a.button,.raku-home-upload-actions button,.raku-home-upload-actions a):hover{background:var(--raku-yellow-hover)!important;border-color:var(--raku-yellow-hover)!important;color:var(--raku-ink)!important}
body :is(.raku-auth-link,.raku-account-menu summary){border-color:var(--raku-line);color:var(--raku-ink)!important}
body :is(.raku-auth-link:hover,.raku-account-menu>nav>a:hover){background:var(--raku-tint)}
body .raku-account-menu>nav{border-color:var(--raku-line);box-shadow:0 14px 34px #24242418}
body .raku-account-menu>nav>a{color:var(--raku-ink)}
body :is(.eyebrow,.account-eyebrow,.feature-section .eyebrow,.breadcrumbs a,.hero-document-link,.raku-desktop-nav a:hover,.site-guide-nav a:hover){color:var(--raku-link)}
body :is(.hero-copy h1,.feature-section h2,.big-price,.checkout-header .brand){color:var(--raku-ink)}
body.raku-layout-v2 .studio-hero,.studio-hero{background:linear-gradient(125deg,#f7f6f3,#fff 75%)}
body.raku-layout-v2 .hero-copy h1::after{background:var(--raku-yellow)}
body :is(.feature-section,.size-examples,.workflow-section,.pricing-section,.result-adjustments,.final-create,.raku-gallery-card img,.raku-home-upload,.account-photo-frame){background:var(--raku-tint);border-color:var(--raku-line)}
body :is(.pricing-section article,.feature-tags span,.blog-grid article,.raku-gallery-card,.purpose-grid button,.faq-section details,.account-card,.account-photo,.region-picker>summary){border-color:var(--raku-line)}
body .feature-tags span{color:var(--raku-ink);box-shadow:none}
body .feature-tags span::before,body.raku-layout-v2 .benefit-grid article::before{background:var(--raku-tint);color:var(--raku-link)}
body .portrait-caption{background:var(--raku-ink);color:#fff}
body.raku-layout-v2 .portrait-caption{background:var(--raku-ink);color:#fff;border-color:var(--raku-line)}
body.raku-layout-v2 .portrait-caption span{color:#e3ddd3}
body.raku-layout-v2 .hero-portrait{background:var(--raku-tint)}
body.raku-layout-v2 .hero-portrait::before{background:var(--raku-yellow)}
body.raku-layout-v2 .benefit-grid article,body.raku-layout-v2 .steps-section article{background:var(--raku-paper);border-color:var(--raku-line)}
body.raku-layout-v2 .benefit-grid article:nth-child(2){background:var(--raku-ink)}
body.raku-layout-v2 .benefit-grid article:nth-child(3){background:var(--raku-tint)}
body.raku-layout-v2 .benefit-grid article:nth-child(2)::before{background:var(--raku-gold);color:var(--raku-ink)}
body.raku-layout-v2 .steps-section b{background:var(--raku-tint);color:var(--raku-link)}
body.raku-layout-v2 .workflow-section{background:#fff;border-color:var(--raku-line)}
body :is(.hero-copy>p,.hero-benefits,.raku-desktop-nav a,.raku-drop-or,.portrait-labels span){color:var(--raku-muted)}
body.raku-layout-v2 .benefit-grid p,body.raku-layout-v2 .steps-section p{color:var(--raku-muted)}
body.raku-layout-v2 .benefit-grid article:nth-child(2) p{color:#e3ddd3}
body .steps-section b{background:var(--raku-tint);border-color:var(--raku-gold);color:var(--raku-ink)}
body .raku-home-upload svg path[fill]{fill:var(--raku-gold)}
body :is(.raku-home-upload.drag-active,#drop.raku-drag-active){border-color:var(--raku-gold);outline-color:var(--raku-link);background:var(--raku-tint)!important}
body #drop.raku-drag-active .empty{background:var(--raku-tint)}
body :is(.purpose-grid button:hover,.region-picker[open]>summary){background:var(--raku-tint);border-color:var(--raku-link)}
body :is(.photo-progress li[data-state=current],.raku-tool-nav button.active){background:var(--raku-tint);border-color:var(--raku-gold);color:var(--raku-ink);box-shadow:none}
body .photo-progress li[data-state=current] .progress-number,body.mobile-workflow-active .mobile-workflow-header li[data-state=current] button{background:var(--raku-gold);border-color:var(--raku-gold);color:var(--raku-ink)}
body.mobile-workflow-active .mobile-workflow-header li[data-state=current] .mobile-step-number{color:var(--raku-ink)}
body.mobile-workflow-active .mobile-workflow-header{background:var(--raku-paper)}
body :is(.checkout-summary,.quote,.checkout-photo-heading){background:var(--raku-tint)}
body :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--raku-link)}
body :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--raku-link)}
body.raku-partner-page a{color:var(--raku-link)}
body.raku-partner-page button{background:var(--raku-gold);border-color:var(--raku-gold);color:var(--raku-ink);font-weight:600}
body.raku-partner-page :is(.card,input,th,td){border-color:var(--raku-line)}
body.raku-partner-page .muted{color:var(--raku-muted)}
/* These legacy editor rules are inserted dynamically. Use explicit scope to
   override UI chrome only, never canvas pixels, swatches or photo backgrounds. */
html body.raku-app-shell>header[data-raku-account-header] :is(.raku-app-home,.raku-app-title){background:var(--raku-ink)!important;color:#fff!important}
html body.raku-app-shell .stage :is(#drop,.mat){background:var(--raku-tint)!important}
html body.raku-app-shell .workspace .stage{background:var(--raku-paper)!important;color:var(--raku-ink)}
html body.raku-app-shell .workspace .stage .raku-shared-adjustments{background:#fff!important;border-color:var(--raku-line)!important;color:var(--raku-ink)}
html body.raku-app-shell .workspace .stage :is(.raku-headroom-action,.raku-guide-toggle,.raku-result-compare){background:#fff!important;border-color:var(--raku-line)!important;color:var(--raku-link)!important}
html body.raku-app-shell .workspace .stage .raku-other-photo-menu>summary{color:var(--raku-muted)}
html body.raku-app-shell :is(.raku-sepay-panel dl,.raku-sepay-state){background:var(--raku-tint)}
html body.raku-app-shell .stage #empty{color:var(--raku-muted)}
html body.raku-app-shell .stage #empty .empty-symbol{color:var(--raku-gold)!important}
html body.raku-app-shell .stage #empty :is(button,.button){background:#fff!important;color:var(--raku-ink)!important;border-color:var(--raku-line)!important}
html body.raku-app-shell .stage #empty :is(#openCamera,#phoneCameraButton){background:var(--raku-tint)!important;color:var(--raku-link)!important;border-color:var(--raku-gold)!important}
html body.raku-app-shell .stage .small{color:var(--raku-muted)}
html body.raku-app-shell :is(.mobile-workflow-actions,.mobile-workflow-header){background:var(--raku-paper)!important;border-color:var(--raku-line)!important}
html body.raku-app-shell :is(.photo-progress,.mobile-workflow-header) li[data-state=waiting] :is(button,.progress-number,.mobile-step-number){border-color:var(--raku-line);color:var(--raku-muted)}

/* Account enhancement: MUI owns fields/buttons, Ant owns tabs/alerts.
   No global CssBaseline/reset from either library is installed. */
.account-enhanced .account-tabs{display:block;background:var(--raku-tint);border:0}
.account-enhanced .account-tabs>.ant-tabs-nav{margin:0}
.account-enhanced .account-tabs .ant-tabs-nav-list{width:100%}
.account-enhanced .account-tabs .ant-tabs-tab{flex:1;justify-content:center;padding:0;margin:0!important}
.account-enhanced .account-tabs .ant-tabs-tab-active{background:#fff}
.account-enhanced .account-tabs .ant-tabs-tab-btn{width:100%;text-shadow:none!important}
.account-tab-label{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 16px;min-height:95px}
.account-tab-label>span{display:grid;gap:3px;text-align:left}
.account-tab-label strong{font-size:17px}
.account-tab-label small{font-size:12px;font-weight:400;color:var(--raku-muted)}
.account-enhanced .account-tabs .ant-tabs-content-holder,.account-enhanced .account-mode .ant-tabs-content-holder{display:none}
.account-enhanced .account-tabs .ant-tabs-ink-bar{height:3px}
.account-enhanced .account-mode{display:block;border:0;margin-bottom:26px}
.account-enhanced .account-mode>.ant-tabs-nav{margin:0}
.account-fields{display:grid;gap:24px;padding-top:8px}
.account-enhanced .account-check{margin:8px 0 0 -9px;align-items:center;gap:0}
.account-enhanced .account-check .MuiFormControlLabel-label{font-size:13px;line-height:1.6;color:var(--raku-muted)}
.account-enhanced .account-check .MuiCheckbox-root{padding:9px}
.account-enhanced .account-form-options{margin-top:14px}
.account-enhanced .account-form-options .account-check{margin-top:0}
.account-enhanced .account-submit{margin-top:24px;font-size:15px}
.account-enhanced .MuiInputBase-input{font-size:16px}
.account-enhanced .MuiFormLabel-root{font-size:15px}
.account-enhanced .MuiButtonBase-root:focus-visible{outline:2px solid var(--raku-link);outline-offset:3px}
.account-enhanced .ant-tabs-tab-btn:focus-visible{outline:2px solid var(--raku-link);outline-offset:-4px}
.account-enhanced .account-error{margin:16px 0 24px}
@media(max-width:760px){.account-brand img{width:145px}.account-brand{padding:12px 14px}.account-tab-label{gap:9px;padding:20px 10px;min-height:88px}.account-tab-label strong{font-size:15px}.account-tab-label small{font-size:10px}.account-tab-label svg{width:22px;flex:none}}
@media(prefers-reduced-motion:reduce){.account-enhanced *,.account-enhanced *::before,.account-enhanced *::after{transition:none!important;animation:none!important}}

/* Spacious account layout. The footer follows content and reaches the viewport
   bottom on tall screens, without becoming a fixed overlay on forms. */
body.raku-account-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 12%,#fff8dd 0,transparent 48%),var(--raku-paper)}
.raku-account-page>.account-header{width:100%;flex:none}
.raku-account-page>.account-main{width:100%;max-width:1280px;flex:1 0 auto;min-height:0;margin:0 auto;padding:48px 28px 56px}
.raku-account-page>.account-footer{width:100%;flex:none;margin-top:auto;padding:25px 20px;font-size:14px;line-height:1.8;background:#fff;border-color:var(--raku-line)}
.account-intro{margin:0 auto 32px;max-width:820px}
.account-intro .account-eyebrow{display:inline-block;padding:7px 14px;border:1px solid #e7d7a6;border-radius:100px;background:var(--raku-yellow-tint);font-size:12px;letter-spacing:1.8px}
.account-intro h1{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.2px;margin:18px 0 12px}
.account-intro p{font-size:17px;line-height:1.65;color:var(--raku-muted)}
.account-auth{max-width:820px;border:1px solid var(--raku-line);border-radius:28px;box-shadow:0 20px 70px #24242409,0 3px 9px #24242403}
.account-auth .account-form-body{padding:34px 48px 42px}
.account-auth .account-form-body h2{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:0 0 10px}
.account-auth .account-muted{font-size:16px;line-height:1.65;margin-bottom:20px}
.account-auth .account-help{font-size:14px;line-height:1.7}
.account-enhanced .account-tabs{margin:12px 12px 0;background:#f5f3ee;border-radius:18px;overflow:hidden}
.account-enhanced .account-tabs .ant-tabs-nav::before{border:0}
.account-enhanced .account-tabs .ant-tabs-tab-active{background:var(--raku-yellow-tint);border-radius:16px;box-shadow:inset 0 -4px 0 var(--raku-yellow)}
/* Category tabs share equal widths. A CSS underline follows responsive sizing
   immediately, including a breakpoint change while the page remains open. */
.account-enhanced .account-tabs .ant-tabs-ink-bar{display:none}
.account-tab-label{gap:16px;padding:22px 24px;min-height:102px}
.account-tab-label>svg{width:46px;height:46px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 1px 3px #24242408;color:var(--raku-link)}
.account-tab-label strong{font-size:20px}
.account-tab-label small{font-size:14px;line-height:1.5}
.account-enhanced .account-mode .ant-tabs-tab{font-size:17px;font-weight:600;padding:12px 0 16px}
.account-enhanced .account-mode .ant-tabs-ink-bar{background:var(--raku-yellow);height:3px}
.account-fields{gap:22px;padding-top:0}
.account-field-label{display:block;font-size:17px;font-weight:600;line-height:1.5;margin:0 0 9px;color:var(--raku-ink)}
.account-enhanced .account-check .MuiFormControlLabel-label{font-size:15px}
.account-enhanced .account-form-options{font-size:15px;margin-top:18px;gap:14px}
.account-enhanced .account-submit{min-height:60px;margin-top:26px;font-size:18px;border-radius:14px}
.account-enhanced .MuiInputBase-root{min-height:62px;border-radius:13px;background:#fdfcf9}
.account-enhanced .MuiInputBase-input{font-size:18px;padding:18px}
.account-enhanced .MuiInputBase-input::placeholder{font-size:16px;opacity:1;color:#817b72}
.account-enhanced .MuiInputAdornment-root{margin-right:5px}
.account-enhanced .MuiIconButton-root{min-width:44px;min-height:44px}
.account-auth:not(.account-enhanced) .account-form-body input:not([type=checkbox]){min-height:62px;font-size:18px;border-radius:13px}
.account-auth:not(.account-enhanced) .account-form-body label:not(.account-check){font-size:17px;margin-top:22px}
.account-auth:not(.account-enhanced) .account-tabs a{min-height:110px}
.account-auth:not(.account-enhanced) .account-tabs a[aria-current]{background:var(--raku-yellow-tint);border-color:var(--raku-yellow)}
.account-auth .account-primary{background:var(--raku-yellow);min-height:60px;font-size:18px}
.account-auth .account-primary:hover{background:var(--raku-yellow-hover)}
.account-auth.account-recovery{max-width:660px;margin:28px auto}
.account-recovery .account-form-body{padding:42px 48px}
.account-recovery-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--raku-yellow-tint);color:var(--raku-link);border:1px solid var(--raku-line);border-radius:20px;margin-bottom:24px}
.account-recovery-icon svg{width:30px;height:30px}
.account-recovery h1{font-size:32px;line-height:1.25;letter-spacing:-.7px;margin:14px 0}
.account-recovery .account-muted{margin-bottom:30px}
.account-recovery-back{margin:26px 0 0;font-size:15px;font-weight:600;text-align:center}
@media(max-width:760px){.account-auth.account-recovery{margin:12px auto}.account-recovery .account-form-body{padding:28px 22px}.account-recovery h1{font-size:27px}}
.account-below{margin:26px 0 0;font-size:15px}
@media(min-width:1800px){.raku-account-page>.account-main{padding-top:64px;padding-bottom:64px}.account-auth{max-width:880px}.account-auth .account-form-body{padding-inline:56px}}
@media(max-width:760px){
 .raku-account-page>.account-main{padding:28px 16px 36px}
 .account-intro{margin-bottom:24px}.account-intro h1{font-size:30px;letter-spacing:-.8px}.account-intro p{font-size:16px}
 .account-auth{border-radius:22px}.account-auth .account-form-body{padding:28px 22px 32px}.account-auth .account-form-body h2{font-size:26px}
 .account-auth .account-muted{font-size:15px}.account-enhanced .account-tabs{margin:8px 8px 0;border-radius:14px}
 .account-tab-label{gap:8px;padding:18px 8px;min-height:94px;flex-direction:column;text-align:center}
 .account-tab-label>span{text-align:center;gap:2px}.account-tab-label>svg{width:36px;height:36px;padding:7px;border-radius:10px}
 .account-tab-label strong{font-size:16px}.account-tab-label small{font-size:11px;white-space:normal}
 .account-fields{gap:20px}.account-field-label{font-size:16px}.account-enhanced .MuiInputBase-root{min-height:58px}.account-enhanced .MuiInputBase-input{font-size:17px;padding:16px}
 .account-enhanced .MuiInputBase-input::placeholder{font-size:15px}.account-enhanced .account-submit{font-size:17px;min-height:58px}
 .account-enhanced .account-form-options{font-size:14px;align-items:flex-start}.account-enhanced .account-check .MuiFormControlLabel-label{font-size:14px}
 .raku-account-page>.account-footer{font-size:13px;padding:22px 16px}.account-below{font-size:14px}
}