/* Readable studio controls and calm form sections across every design format. */
body #account-page .studio-heading{gap:16px;margin:0 0 18px;align-items:center}
body #account-page .studio-heading h2{font-size:23px;line-height:1.4;letter-spacing:-.3px;margin:0}
body #account-page .studio-heading>.btn{font-size:16px!important;min-height:48px;padding:12px 18px;margin:0}
body #account-page .studio-kind-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}
body #account-page .studio-kind-tabs>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:132px;padding:20px;border:1px solid #bdcfce;border-radius:12px;color:#285b5e;background:#fff;font:inherit;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:start}
body #account-page .studio-kind-tabs .studio-kind-icon{display:flex;align-items:center;justify-content:center;margin:0;width:38px;height:38px;color:#2b696b}
body #account-page .studio-kind-icon svg{width:32px;height:32px}
body #account-page .studio-kind-tabs .studio-kind-label{font-size:18px!important;font-weight:650;line-height:1.5;letter-spacing:0;color:inherit;margin:0}
body #account-page .studio-kind-tabs>button[aria-pressed=true]{background:#eaf4f3;border:2px solid #25676a;padding:19px;color:#164f53}
body #account-page .studio-kind-tabs>button[aria-pressed=true]::after{content:'✓';position:absolute;inset-inline-end:12px;top:10px;font-size:18px;line-height:1.3;font-weight:700;color:#1e6568}
body #account-page .studio-workspace{grid-template-columns:minmax(350px,1fr) minmax(0,1fr);gap:24px}
body #account-page .studio-editor{padding:24px;border-color:#c9d7d8;border-radius:14px;background:white}
body #account-page .studio-editor-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px}
body #account-page .studio-editor-heading h3{font-size:22px;line-height:1.4;margin:0;color:#20464b}
body #account-page .studio-editor-heading button{font-size:16px!important;line-height:1.5;min-height:44px;padding:10px 0;color:#246267}
body #account-page #studio-form{padding:0;border:0;background:transparent;border-radius:0}
body #account-page .studio-editor label{font-size:16px!important;line-height:1.6!important;gap:9px;margin:0 0 20px;color:#285e65!important;font-weight:650}
body #account-page .studio-editor :is(input:not([type=checkbox]),select,textarea){font-size:17px!important;line-height:1.6;background:#fff;border:1px solid #adbec6;color:#223843;border-radius:9px;min-height:52px;padding:12px 14px;max-width:100%;min-width:0}
body #account-page .studio-editor textarea{min-height:126px}
body #account-page .studio-editor details{padding:0 18px 4px;margin:22px 0;border:1px solid #d0dfe1;border-radius:10px;background:#f6f9fa}
body #account-page .studio-editor details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;font-size:18px!important;font-weight:650;line-height:1.5;padding:15px 0;margin:0;color:#275d66}
body #account-page .studio-editor details>summary::-webkit-details-marker{display:none}
body #account-page .studio-editor details>summary::after{content:'+';font-size:25px;font-weight:400;line-height:1;flex-shrink:0}
body #account-page .studio-editor details[open]>summary{border-bottom:1px solid #d9e3e6;margin-bottom:18px}
body #account-page .studio-editor details[open]>summary::after{content:'−'}
body #account-page .studio-theme-picker{gap:10px;margin:8px 0 22px}
body #account-page .studio-theme-picker button{display:flex;align-items:center;gap:10px;flex:1 1 150px;min-width:0;min-height:48px;padding:11px 14px;border:1px solid #b9cccc;border-radius:9px;font-family:inherit;font-size:16px!important;line-height:1.5;text-align:start;background:#fff;color:#25474b}
body #account-page .studio-theme-picker [aria-pressed=true]{border:2px solid #29696c;background:#edf5f4;padding:10px 13px;font-weight:650}
body #account-page .studio-theme-picker i{display:inline-block;flex:0 0 17px;width:17px;height:17px}
body #account-page .studio-editor .studio-check{display:flex;align-items:flex-start;gap:12px;font-size:16px!important;font-weight:400;line-height:1.65!important;padding:14px;border:1px solid #cadcde;border-radius:9px;background:#fff;margin:18px 0}
body #account-page .studio-check input{width:22px!important;height:22px!important;flex:0 0 22px;min-height:0;padding:0;accent-color:#25676a;margin:3px 0 0}
body #account-page .studio-input-pair{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
body #account-page .studio-input-pair>label{min-width:0}
body #account-page :is(.studio-help,.studio-status,.studio-publish>p:not(.studio-help),.studio-link-box small,.studio-save-row>span){font-size:15px!important;line-height:1.7;color:#536b74;letter-spacing:0}
body #account-page .studio-status.error{color:#a13b32}
body #account-page :is(.studio-save-row,.studio-link-actions){gap:12px}
body #account-page :is(.studio-save-row,.studio-link-actions,.studio-publish,.studio-back-to-form) :is(button,a),body #account-page .studio-back-to-form{font-size:16px!important;min-height:48px;line-height:1.5;padding:12px 16px}
body #account-page .studio-link-actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdcecb;border-radius:8px;background:#fff;color:#295f60;text-decoration:none}
body #account-page .studio-link-box{padding:18px;border:1px solid #ccdcd9;background:#f2f8f5}
body #account-page .studio-link-box b{font-size:16px!important;line-height:1.5}
body #account-page .studio-link-box input{font-size:16px!important;min-height:48px}
body #account-page .studio-items-heading{gap:12px;flex-wrap:wrap}
body #account-page .studio-items-heading :is(h4,button){font-size:17px!important;min-height:44px;line-height:1.5}
body #account-page .studio-item legend{font-size:16px!important;line-height:1.5;padding:0 8px}
body #account-page .studio-item-rates{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:12px}
body #account-page .studio-item-rates>button{min-height:48px;font-size:28px;width:48px;border:1px solid #dec7bf;border-radius:8px;background:#fff8f5}
body #account-page .studio-total{font-size:22px!important;font-weight:650}
body #account-page .studio-preview-toolbar{flex-wrap:wrap;gap:12px}
body #account-page .studio-preview-toolbar b{font-size:18px;line-height:1.5}
body #account-page .studio-preview-toolbar small{font-size:15px;line-height:1.6}
body #account-page .studio-preview-toolbar button{font-size:16px!important;font-family:inherit;min-height:46px;padding:10px 16px;border-radius:8px}
body #account-page .studio-back-to-form{margin-top:16px;width:100%}
body #account-page :is(#studio-editor,#studio-preview-column){scroll-margin-top:calc(var(--app-bar-height,90px) + 20px)}
body #account-page .studio-library-grid>button{gap:10px;padding:20px;border-color:#bfcfcb}
body #account-page .studio-library-grid span{font-size:14px;line-height:1.6;letter-spacing:0;color:#546c68}
body #account-page .studio-library-grid strong{font-size:18px;line-height:1.6;color:#24453c}
body #account-page .studio-library-grid small{font-size:14px;line-height:1.7;color:#546c68}
body #account-page :is(.studio-kind-tabs button,.studio-editor summary,.studio-theme-picker button,.studio-preview-toolbar button):focus-visible{outline:3px solid #3c8a8b;outline-offset:4px}
@media(max-width:1200px){body #account-page .studio-workspace{grid-template-columns:minmax(0,1fr)}body #account-page .studio-preview-column{position:static}}
@media(max-width:700px){body #account-page .studio-kind-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}body #account-page .studio-kind-tabs>button{min-height:130px}body #account-page .studio-heading{flex-direction:row;flex-wrap:wrap}body #account-page .studio-input-pair{grid-template-columns:minmax(0,1fr)}body #account-page .studio-theme-picker button{flex-basis:100%}body #account-page .studio-editor{padding:18px}body #account-page .studio-save-row{display:grid;grid-template-columns:minmax(0,1fr)}body #account-page .studio-library-grid{grid-template-columns:minmax(0,1fr)}}
/* Keep phone reading sizes even when Android requests a desktop-width viewport. */
.rabtone-phone body #account-page .studio-kind-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--phone-12);margin-bottom:var(--phone-20)}
.rabtone-phone body #account-page .studio-kind-tabs>button{padding:var(--phone-16);gap:var(--phone-12);min-height:calc(130px * var(--phone-scale));border-radius:calc(12px * var(--phone-scale))}
.rabtone-phone body #account-page .studio-kind-tabs>button[aria-pressed=true]{padding:calc(16px * var(--phone-scale) - 1px)}
.rabtone-phone body #account-page .studio-kind-tabs .studio-kind-label{font-size:var(--reading-body)!important;line-height:1.45;word-break:normal;overflow-wrap:normal}
.rabtone-phone body #account-page .studio-kind-icon{width:calc(34px * var(--phone-scale));height:calc(34px * var(--phone-scale))}
.rabtone-phone body #account-page .studio-kind-icon svg{width:calc(30px * var(--phone-scale));height:calc(30px * var(--phone-scale))}
.rabtone-phone body #account-page .studio-kind-tabs>button[aria-pressed=true]::after{font-size:var(--reading-secondary);top:var(--phone-12);inset-inline-end:var(--phone-12)}
.rabtone-phone body #account-page .studio-heading{gap:var(--phone-12);margin-bottom:var(--phone-16);flex-direction:row;flex-wrap:wrap}
.rabtone-phone body #account-page :is(.studio-heading h2,.studio-editor-heading h3,.studio-preview-toolbar b){font-size:var(--reading-h3)!important;line-height:1.4}
.rabtone-phone body #account-page :is(.studio-heading>.btn,.studio-editor-heading button,.studio-preview-toolbar button,.studio-back-to-form){font-size:var(--reading-secondary)!important;min-height:calc(48px * var(--phone-scale));padding:var(--phone-12) var(--phone-16)}
.rabtone-phone body #account-page .studio-workspace{grid-template-columns:minmax(0,1fr)!important;gap:var(--phone-20)}
.rabtone-phone body #account-page .studio-editor{padding:var(--phone-16);border-radius:calc(12px * var(--phone-scale))}
.rabtone-phone body #account-page #studio-form{padding:0!important}
.rabtone-phone body #account-page .studio-editor-heading{gap:var(--phone-12);margin-bottom:var(--phone-16)}
.rabtone-phone body #account-page .studio-editor-heading button{padding-inline:0}
.rabtone-phone body #account-page .studio-editor label{font-size:var(--reading-secondary)!important;gap:var(--phone-12);margin:0 0 var(--phone-20)}
.rabtone-phone body #account-page .studio-editor :is(input:not([type=checkbox]),select,textarea){font-size:var(--reading-body)!important;min-height:calc(52px * var(--phone-scale));padding:var(--phone-12) var(--phone-16);border-radius:calc(8px * var(--phone-scale))}
.rabtone-phone body #account-page .studio-editor textarea{min-height:calc(126px * var(--phone-scale))}
.rabtone-phone body #account-page .studio-editor details{padding:0 var(--phone-16) calc(4px * var(--phone-scale));margin:var(--phone-20) 0;border-radius:calc(10px * var(--phone-scale))}
.rabtone-phone body #account-page .studio-editor details>summary{font-size:var(--reading-secondary)!important;min-height:calc(58px * var(--phone-scale));padding:var(--phone-16) 0;gap:var(--phone-16)}
.rabtone-phone body #account-page .studio-editor details>summary::after{font-size:var(--reading-h3)}
.rabtone-phone body #account-page .studio-editor details[open]>summary{margin-bottom:var(--phone-16)}
.rabtone-phone body #account-page .studio-theme-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--phone-12);margin:var(--phone-12) 0 var(--phone-20)}
.rabtone-phone body #account-page .studio-theme-picker button{font-size:var(--reading-secondary)!important;min-height:calc(48px * var(--phone-scale));padding:var(--phone-12) var(--phone-16);gap:var(--phone-12)}
.rabtone-phone body #account-page .studio-theme-picker [aria-pressed=true]{padding:calc(12px * var(--phone-scale) - 1px) calc(16px * var(--phone-scale) - 1px)}
.rabtone-phone body #account-page .studio-theme-picker i{width:calc(17px * var(--phone-scale));height:calc(17px * var(--phone-scale));flex-basis:calc(17px * var(--phone-scale))}
.rabtone-phone body #account-page :is(.studio-input-pair,.studio-item-rates,.studio-library-grid){grid-template-columns:minmax(0,1fr)!important;gap:var(--phone-16)}
.rabtone-phone body #account-page .studio-editor .studio-check{font-size:var(--reading-secondary)!important;padding:var(--phone-16);gap:var(--phone-12);margin:var(--phone-16) 0}
.rabtone-phone body #account-page .studio-check input{width:calc(22px * var(--phone-scale))!important;height:calc(22px * var(--phone-scale))!important;flex-basis:calc(22px * var(--phone-scale));margin-top:calc(3px * var(--phone-scale))}
.rabtone-phone body #account-page :is(.studio-help,.studio-status,.studio-publish>p:not(.studio-help),.studio-link-box small,.studio-save-row>span,.studio-preview-toolbar small,.studio-library-grid span,.studio-library-grid small){font-size:var(--reading-secondary)!important;line-height:1.65}
.rabtone-phone body #account-page :is(.studio-publish h3,.studio-total,.studio-library-grid strong){font-size:var(--reading-h3)!important}
.rabtone-phone body #account-page :is(.studio-save-row,.studio-link-actions){display:grid;grid-template-columns:minmax(0,1fr);gap:var(--phone-12)}
.rabtone-phone body #account-page :is(.studio-save-row,.studio-link-actions,.studio-publish) :is(button,a){font-size:var(--reading-secondary)!important;min-height:calc(48px * var(--phone-scale));padding:var(--phone-12) var(--phone-16)}
.rabtone-phone body #account-page .studio-link-box{padding:var(--phone-16)}
.rabtone-phone body #account-page .studio-link-box :is(b,input){font-size:var(--reading-secondary)!important}
.rabtone-phone body #account-page :is(.studio-item legend,.studio-items-heading h4,.studio-items-heading button){font-size:var(--reading-secondary)!important}
.rabtone-phone body #account-page .studio-item{padding:var(--phone-16);margin-bottom:var(--phone-16)}
.rabtone-phone body #account-page .studio-item-rates>button{width:calc(48px * var(--phone-scale));min-height:calc(48px * var(--phone-scale));font-size:var(--reading-h3)}
.rabtone-phone body #account-page .studio-preview-column{position:static}
.rabtone-phone body #account-page .studio-library-grid>button{padding:var(--phone-20);gap:var(--phone-12)}
body #account-page .studio-preview-toolbar>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.rabtone-phone body #account-page .studio-preview-toolbar>div:last-child{gap:var(--phone-12)}