:root,html[data-theme=dark]{--yf-accent:#70d6eb;--yf-accent-ink:#072430;--yf-bg:#0a101b;--yf-panel:#111b2a;--yf-panel-alt:#152133;--yf-line:#26374d;--yf-text:#e3ecf8;--yf-muted:#93a7c1;--yf-shadow:0 12px 36px #00000020;--yf-space:20px}
html[data-theme=light]{--yf-bg:#f1f5fa;--yf-panel:#fff;--yf-panel-alt:#f7f9fc;--yf-line:#dbe4ee;--yf-text:#1b2b43;--yf-muted:#596d85;--yf-shadow:0 8px 24px #213e5c0a}
html[data-accent=violet]{--yf-accent:#b6a5ff;--yf-accent-ink:#251844}html[data-accent=green]{--yf-accent:#74dfb3;--yf-accent-ink:#103525}html[data-accent=rose]{--yf-accent:#f5a5c3;--yf-accent-ink:#422033}
html body{background:var(--yf-bg)!important;color:var(--yf-text)!important;font-family:'Studio Inter','Noto Sans Myanmar',sans-serif;line-height:1.65}
html header{padding:18px 124px 18px 3%;min-height:85px;background:var(--yf-panel)!important;border-bottom:1px solid var(--yf-line)!important;gap:16px;box-shadow:0 4px 24px #0000000c}.header-right{margin-left:auto}.brand .yf-logo{width:210px;height:46px}.header-right .badge,.header-right .design-credit{display:none}.header-icon,.header-right #account-open{position:absolute!important;top:23px!important;width:38px!important;height:38px!important;min-height:38px!important;border:1px solid var(--yf-line)!important;background:var(--yf-panel-alt)!important;color:var(--yf-text)!important;display:grid;place-items:center;padding:0!important;border-radius:12px!important}.header-icon{right:68px}.header-right #account-open{right:20px!important;border-radius:50%!important}
html main{padding:24px 3%;max-width:1920px}.workspace{grid-template-columns:240px minmax(280px,1fr) 290px;gap:18px}.workspace>aside,.editor,.guide,.footer-hub{background:var(--yf-panel)!important;border:1px solid var(--yf-line)!important;border-radius:18px!important;box-shadow:var(--yf-shadow)!important;color:var(--yf-text)!important}.workspace>aside{padding:var(--yf-space)}.workspace>aside .step{color:var(--yf-accent)!important;letter-spacing:1.5px;font-size:10px;border-bottom:1px solid var(--yf-line);padding-bottom:12px}.workspace .hint,.guide p,.edit-help{color:var(--yf-muted)!important}.workspace button,.workspace .button,.guide button,.studio-settings button{border:1px solid var(--yf-line)!important;background:var(--yf-panel-alt)!important;color:var(--yf-text)!important;border-radius:10px!important;box-shadow:none!important;min-height:38px;font-size:12px}.workspace button:hover:not(:disabled),.workspace .button:hover,.studio-settings button:hover{border-color:var(--yf-accent)!important;background:var(--yf-panel)!important;transform:none!important}.workspace .primary,html #scan,html #png,html #copyimage{background:var(--yf-accent)!important;color:var(--yf-accent-ink)!important;border-color:var(--yf-accent)!important;font-weight:700}.workspace .danger{color:#ed9eac!important}html[data-theme=light] .workspace .danger{color:#ae3f54!important}.workspace input:not([type=checkbox]),.workspace select,.workspace textarea,.studio-settings select{background:var(--yf-bg)!important;border:1px solid var(--yf-line)!important;color:var(--yf-text)!important;border-radius:9px!important;min-height:38px}.workspace label{color:var(--yf-muted);font-size:11px}.workspace textarea{line-height:1.8}.workspace input:focus-visible,.workspace textarea:focus-visible,.workspace select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--yf-accent)!important;outline-offset:3px}.drop{background:var(--yf-panel-alt)!important;border:1px dashed var(--yf-accent)!important;border-radius:13px!important;color:var(--yf-text)!important;padding:24px 10px!important}.drop small{color:var(--yf-muted)!important}#status{background:var(--yf-panel-alt)!important;border:1px solid var(--yf-line)!important;border-radius:10px;color:var(--yf-muted)!important;padding:12px;font-size:11px}.editor{overflow:hidden}.editor .bar,.preview-tools,.exports,.edit-help{background:var(--yf-panel)!important;border-color:var(--yf-line)!important}.stage{background-color:var(--yf-bg)!important;background-image:radial-gradient(var(--yf-line) 1px,transparent 1px)!important;background-size:18px 18px!important;border-color:var(--yf-line)!important;min-height:460px}html[data-canvas=plain] .stage{background-image:none!important}#empty{color:var(--yf-muted)!important}#empty h2{color:var(--yf-text);font-size:24px}.exports{padding:16px!important;gap:8px}.guide{padding:20px 24px!important;margin-bottom:20px}.guide-heading h1{font-size:23px!important;margin:0!important;line-height:1.6}.guide figure{background:var(--yf-panel-alt)!important;border:1px solid var(--yf-line)!important;padding:14px!important}.guide figure h2{font-size:12px}.guide figure p{font-size:11px}.guide-cards{margin-top:16px}.footer-hub{margin-top:26px}.footer-hub .info-card,.footer-contact .telegram-help{background:var(--yf-panel-alt)!important;border-color:var(--yf-line)!important;color:var(--yf-text)!important}.footer-hub small,.footer-hub p{color:var(--yf-muted)!important}footer{color:var(--yf-muted)!important}
.studio-settings{width:min(660px,calc(100vw - 24px));max-height:88vh;overflow:auto;border:1px solid var(--yf-line);border-radius:22px;padding:26px;background:var(--yf-panel);color:var(--yf-text);box-shadow:0 30px 100px #0007}.studio-settings::backdrop{background:#050a14b8;backdrop-filter:blur(7px)}.settings-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-titlebar h2{font-size:22px;margin:4px 0}.panel-eyebrow{font-size:9px;letter-spacing:2px;color:var(--yf-accent)}#settings-close{width:36px;padding:0}.settings-description{font-size:12px;color:var(--yf-muted);line-height:1.9;margin:12px 0 24px}.setting-group{padding:20px 0;border-top:1px solid var(--yf-line)}.setting-group h3{font-size:14px;margin:0 0 16px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-grid+.setting-grid{margin-top:16px}.studio-settings label{font-size:12px;color:var(--yf-muted);line-height:1.9}.studio-settings .setting-toggle{display:flex;align-items:flex-start;gap:10px;line-height:1.9;padding:8px 0}.setting-toggle input{width:16px;height:16px;accent-color:var(--yf-accent);margin-top:4px;flex-shrink:0}.settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--yf-line);padding-top:18px}.settings-bottom span{font-size:11px;color:var(--yf-muted)}
html[data-density=compact]{--yf-space:13px}html[data-density=compact] .workspace{gap:12px}html[data-density=compact] .workspace button{min-height:32px;padding:7px 10px;font-size:11px}html[data-density=compact] .workspace label{font-size:10px}html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.workspace{grid-template-columns:260px minmax(300px,1fr) 310px}}@media(max-width:1150px){.workspace{grid-template-columns:210px minmax(260px,1fr)}.workspace>aside:last-child{grid-column:1/-1}.workspace>aside:last-child #controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workspace>aside:last-child #controls>p,.workspace>aside:last-child #controls>details{grid-column:1/-1}}@media(max-width:720px){html header{padding:14px 116px 14px 16px;min-height:74px}.brand .yf-logo{width:175px;height:42px}.header-icon,.header-right #account-open{top:18px!important}.workspace{display:flex;flex-direction:column}.workspace>aside,.editor{width:100%}.workspace>aside:last-child #controls{display:block}.guide-cards{grid-template-columns:1fr 1fr!important}html main{padding:16px 12px}.stage{min-height:340px}.guide{padding:16px!important}.guide-heading h1{font-size:19px!important}.studio-settings{padding:20px}.setting-grid{grid-template-columns:1fr}.settings-titlebar h2{font-size:20px}.exports{display:grid;grid-template-columns:1fr 1fr}.footer-hub-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

html[data-theme=light] .brand .yf-logo{content:url("yf-logo-light.svg")}
[hidden]{display:none!important}

/* Keep the three editing panels adjacent with a bounded canvas width. */
@media(min-width:1000px){html .workspace{display:grid;grid-template-columns:minmax(170px,205px) minmax(260px,660px) minmax(210px,250px);gap:16px;justify-content:center;align-items:start;max-width:1147px;margin-inline:auto}.workspace>aside:last-child{grid-column:auto}.workspace>aside:last-child #controls{display:block}.workspace>aside:last-child{width:auto}.editor{max-width:660px;min-width:0}}
@media(min-width:721px) and (max-width:999px){html .workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;max-width:860px;margin-inline:auto}.workspace>aside:last-child{grid-column:1/-1}.editor{max-width:660px}}
html .stage{height:clamp(350px,62vh,580px);min-height:0}html #empty{width:100%;max-width:100%;text-align:center;padding:20px;margin:auto}html #empty h2{font-size:19px;line-height:1.8}.studio-settings input[type=color]{width:100%;height:40px;padding:4px;border:1px solid var(--yf-line);border-radius:9px;background:var(--yf-bg);cursor:pointer}
@media(max-width:720px){html .stage{height:clamp(330px,58vh,500px)}.editor{align-self:center;max-width:660px}}

/* A small centered account card, with the editor visible behind it. */
html #account-dialog{position:fixed;inset:0;margin:auto;width:min(410px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 48px);padding:24px 26px;border-radius:20px;background:var(--yf-panel)!important;color:var(--yf-text)!important;border:1px solid var(--yf-line)!important;box-shadow:0 20px 70px #0005;--text:var(--yf-text);--muted:var(--yf-muted);--line:var(--yf-line);overflow:auto}
html #account-dialog::backdrop{background:rgba(8,15,25,.22)!important;backdrop-filter:none!important}
#account-dialog .cosmic-stars{display:none}html #account-dialog .account-emblem{width:36px;height:36px;margin:10px auto 12px;background:var(--yf-accent);color:var(--yf-accent-ink);animation:none;box-shadow:none}html #account-dialog h2{font-size:21px;margin:0 0 7px}html #account-dialog #account-description{font-size:11px;margin:0 0 16px;color:var(--yf-muted)}html #account-dialog label,html #account-dialog .account-remember{color:var(--yf-text)!important}html #account-dialog input:not([type=checkbox]){min-height:40px;padding:9px 12px;margin-top:5px;background:var(--yf-bg)!important;color:var(--yf-text)!important;border:1px solid var(--yf-line)!important}html #account-dialog form{gap:12px}html #account-dialog .account-tabs{margin-bottom:16px;background:var(--yf-bg);border-color:var(--yf-line)}html #account-dialog .account-tabs button{color:var(--yf-muted)!important}html #account-dialog .account-tabs button.selected{background:var(--yf-accent)!important;color:var(--yf-accent-ink)!important;box-shadow:none}html #account-dialog #account-submit,html #account-dialog #profile-save{min-height:41px;background:var(--yf-accent)!important;color:var(--yf-accent-ink)!important;box-shadow:none!important}html #account-dialog #account-submit::before{display:none}html #account-dialog #account-guest-note{margin-top:12px;padding-top:10px;color:var(--yf-muted)}html #account-dialog .profile-identity{padding:10px 0;gap:12px}html #account-dialog #profile-avatar{width:52px;height:52px;border-radius:16px}html #account-dialog .profile-stats{margin-top:8px}html #account-dialog .profile-stats>div{padding:8px}html #account-dialog .profile-stats b{font-size:20px}html #account-dialog .profile-photo-tools{margin:12px 0 5px}html #account-dialog #profile-photo-note{margin-bottom:12px!important}html #account-dialog.profile-mode h2{margin-top:10px}html #account-dialog .password-field button{top:8px;color:var(--yf-muted)}
@media(max-width:480px){html #account-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:20px}}

/* Remove the obsolete two-column authentication layout at every viewport. */
html #account-dialog[open]{display:block;overflow-x:hidden;overflow-y:auto}
html #account-dialog .account-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}
html #account-dialog .account-welcome{display:block;width:100%;min-width:0;max-width:100%;margin:0 0 16px;padding:0;border:0;border-radius:0;background:none!important;text-align:center;overflow-wrap:anywhere}
html #account-dialog #account-auth,html #account-dialog #account-profile{min-width:0;max-width:100%;width:100%;padding:0}
html #account-dialog #account-auth-form,html #account-dialog #profile-form{width:100%;min-width:0;display:flex;flex-direction:column}
html #account-dialog label,html #account-dialog .password-field{min-width:0;max-width:100%}
html #account-dialog input:not([type=checkbox]){width:100%;box-sizing:border-box}
html #account-dialog h2{color:var(--yf-text)!important;line-height:1.7}
html #account-dialog #account-description{color:var(--yf-muted)!important;line-height:1.8}
html #account-dialog .account-tabs{display:flex;width:100%;gap:4px;padding:4px;border-radius:12px}
html #account-dialog .account-tabs button{min-width:0;flex:1;white-space:normal;font-size:12px;padding:8px 6px;border-radius:9px}
html #account-dialog .account-remember{align-items:flex-start;font-size:11px;line-height:1.8}
html #account-dialog .account-remember input{flex:0 0 15px;width:15px;margin-top:3px}
html #account-dialog #account-guest-note{line-height:1.8;font-size:10px!important}
html #account-dialog .account-emblem{margin:8px auto 10px!important}

/* Compact support cards and a complete informational footer. */
html .footer-hub{padding:14px 18px!important;margin:22px 0 0!important;border-radius:14px!important}html .footer-hub .footer-kicker{font-size:8px;letter-spacing:1.5px}html .footer-hub-heading h2{font-size:15px!important;margin:5px 0 2px!important}html .footer-hub-heading p{font-size:11px!important}html .footer-hub-grid{margin-top:11px;gap:9px}html .footer-hub .info-card,html .footer-contact .telegram-help{min-height:60px!important;padding:9px 11px!important;gap:8px;border-radius:10px!important}html .footer-hub .info-card strong,html .footer-contact strong{font-size:12px!important}html .footer-hub .info-card small,html .footer-contact small{font-size:10px!important;line-height:1.7;margin-top:2px}html .footer-hub .info-symbol,html .footer-hub .telegram-mark{width:25px;height:25px;font-size:16px}html .footer-hub .telegram-mark svg{width:18px;height:18px}.site-footer{display:grid!important;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px;padding:28px 4px 24px!important;margin-top:22px!important;border-top:1px solid var(--yf-line);font-size:12px!important;line-height:1.9}.site-footer-brand b{font-size:15px;color:var(--yf-text)}.site-footer-brand p{font-size:11px;margin:7px 0 10px;color:var(--yf-muted)}.site-footer-brand small{display:block;font-size:10px}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.site-footer nav strong{font-size:12px;color:var(--yf-text);margin-bottom:5px}.site-footer a{color:var(--yf-muted)!important;text-decoration:none;font-size:11px}.site-footer a:hover{color:var(--yf-accent)!important;text-decoration:underline}.footer-details{background:var(--yf-panel)!important;color:var(--yf-text)!important;border-color:var(--yf-line)!important}.footer-details p{color:var(--yf-muted)!important;font-size:13px;line-height:1.95}.footer-details .info-dialog-top>span{font-size:10px;letter-spacing:1.7px;color:var(--yf-accent)}.footer-details h2{font-size:23px}.footer-details::backdrop{background:#07101c66;backdrop-filter:none}@media(max-width:700px){.site-footer{grid-template-columns:1fr 1fr;gap:24px 18px}.site-footer-brand{grid-column:1/-1}html .footer-hub .info-card,html .footer-contact .telegram-help{min-height:56px!important}}@media(max-width:380px){html .footer-hub-grid{grid-template-columns:1fr}}

/* YF Settings v2 — reference-inspired account/settings workspace */
#settings-dialog.studio-settings{position:fixed;inset:0;margin:auto;padding:0;width:min(1120px,calc(100vw - 36px));height:min(760px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);border:1px solid var(--yf-line);border-radius:20px;background:var(--yf-bg);color:var(--yf-text);box-shadow:0 28px 100px #0009;overflow:hidden}
#settings-dialog.studio-settings::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}
.settings-shell{display:grid;grid-template-columns:270px minmax(0,1fr);height:100%;min-height:0}
.settings-sidebar{background:var(--yf-panel);border-right:1px solid var(--yf-line);padding:0 16px 20px;overflow-y:auto}
.settings-side-head{height:66px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--yf-line);margin:0 -16px 12px;padding:0 18px;font-size:15px}
.settings-side-head button{border:0;background:transparent;color:var(--yf-text);font-size:24px;width:30px;height:36px;cursor:pointer}
.settings-nav-group{margin:18px 0 22px}
.settings-nav-group>small{display:block;color:var(--yf-muted);font-size:10px;font-weight:800;letter-spacing:.09em;padding:0 10px 9px}
.settings-nav{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--yf-text);text-align:left;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;margin:2px 0}
.settings-nav span{width:20px;text-align:center;color:var(--yf-muted);font-size:17px}
.settings-nav:hover,.settings-nav.active{background:var(--yf-panel-alt);color:var(--yf-text)}
.settings-nav.active{box-shadow:inset 3px 0 var(--yf-accent)}
.settings-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.settings-titlebar{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 30px 18px;border-bottom:1px solid var(--yf-line);background:var(--yf-bg)}
.settings-titlebar h2{margin:0;font-size:23px;line-height:1.35;color:var(--yf-text)}
.settings-titlebar p{margin:4px 0 0;color:var(--yf-muted);font-size:13px}
.settings-titlebar #settings-close{width:36px;height:36px;min-height:36px;border:1px solid var(--yf-line);border-radius:10px;background:var(--yf-panel);color:var(--yf-text);font-size:18px;cursor:pointer}
.settings-content{padding:22px 30px;overflow:auto;min-height:0;flex:1}
.settings-panel{display:none}.settings-panel.active{display:block}
.settings-card{background:var(--yf-panel);border:1px solid var(--yf-line);border-radius:16px;padding:22px 24px}
.settings-card h3{font-size:19px;margin:0 0 18px;color:var(--yf-text)}
.settings-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,1fr);align-items:center;gap:22px;padding:17px 0;border-top:1px solid var(--yf-line)}
.settings-row:first-of-type{border-top:0}
.settings-row b,.settings-switch b{display:block;font-size:13px;color:var(--yf-text)}
.settings-row p,.settings-switch small{display:block;margin:4px 0 0;color:var(--yf-muted);font-size:12px;line-height:1.55}
.settings-row button,.settings-row select,.settings-row input:not([type=color]),.settings-field input,.settings-action{justify-self:end;width:min(100%,360px);min-height:40px;padding:9px 12px;border:1px solid var(--yf-line);border-radius:10px;background:var(--yf-panel-alt);color:var(--yf-text);font:inherit;font-size:13px}
.settings-row button,.settings-action{width:auto;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.settings-row button.solid,.settings-field button.solid{background:var(--yf-accent);border-color:var(--yf-accent);color:var(--yf-accent-ink);font-weight:700}
.settings-field{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.settings-field input{width:100%}
.settings-field small{color:var(--yf-muted);font-size:11px}
.avatar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.settings-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--yf-panel-alt);border:1px solid var(--yf-line);font-size:18px;overflow:hidden}
.settings-avatar img{width:100%;height:100%;object-fit:cover}
.theme-options{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.theme-options button{width:92px;min-height:92px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}
.theme-options button.selected{outline:2px solid var(--yf-accent);outline-offset:1px}
.theme-swatch{width:54px;height:36px;border-radius:7px;border:1px solid #7783}
.theme-swatch.system{background:linear-gradient(90deg,#fff 50%,#17191e 50%)}
.theme-swatch.light{background:#fff}.theme-swatch.dark{background:#17191e}
.settings-row input[type=color]{width:66px;height:40px;padding:3px;border:1px solid var(--yf-line);border-radius:9px;background:var(--yf-panel-alt)}
.settings-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:16px}
.settings-controls label{display:flex;flex-direction:column;gap:6px;color:var(--yf-text);font-size:12px}
.settings-controls select,.settings-controls input:not([type=checkbox]){width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--yf-line);border-radius:9px;background:var(--yf-panel-alt);color:var(--yf-text)}
.settings-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--yf-line);cursor:pointer}
.settings-switch input{width:40px;height:22px;accent-color:var(--yf-accent);flex:0 0 auto}
.settings-note,.settings-feedback{color:var(--yf-muted);font-size:12px}
.settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 30px;border-top:1px solid var(--yf-line);background:var(--yf-panel);font-size:11px;color:var(--yf-muted)}
.settings-bottom button{border:1px solid var(--yf-line);border-radius:9px;padding:8px 12px;background:var(--yf-panel-alt);color:var(--yf-text);cursor:pointer}
html[data-density=compact] .settings-row{padding:11px 0}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html[data-canvas=plain] .stage{background-image:none!important}
html[data-font=poppins] body{font-family:'Studio Poppins','Poppins','Noto Sans Myanmar',sans-serif}
html[data-font=system] body{font-family:system-ui,'Noto Sans Myanmar',sans-serif}
@media(max-width:760px){
 #settings-dialog.studio-settings{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
 .settings-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .settings-sidebar{padding:0 10px 8px;border-right:0;border-bottom:1px solid var(--yf-line);overflow:visible}
 .settings-side-head{height:48px;margin:0 -10px 4px;padding:0 12px}
 .settings-nav-group{display:flex;gap:5px;overflow-x:auto;margin:7px 0 2px;align-items:center}
 .settings-nav-group>small{display:none}
 .settings-nav{white-space:nowrap;width:auto;flex:0 0 auto;padding:8px 10px;font-size:11px}
 .settings-nav span{display:none}
 .settings-main{min-height:0}
 .settings-titlebar{padding:16px 16px 12px}
 .settings-titlebar h2{font-size:19px}
 .settings-content{padding:12px}
 .settings-card{padding:16px}
 .settings-row{grid-template-columns:1fr;gap:10px;align-items:start}
 .settings-row button,.settings-row select,.settings-row input:not([type=color]),.settings-field input{justify-self:stretch;width:100%}
 .settings-field{align-items:stretch}
 .avatar-actions{justify-content:flex-start}
 .settings-controls{grid-template-columns:1fr}
 .settings-bottom{padding:10px 14px}
}

/* v6 reliability fixes: keep legacy selectors mounted for localization/theme events. */
header{position:relative;padding-right:190px!important}
.header-icon{right:158px!important}
.header-right #account-open{right:18px!important;width:auto!important;min-width:122px!important;max-width:150px!important;height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;font-size:12px!important;font-weight:700!important;overflow:visible!important}
.header-right #account-open .account-header-photo{width:22px;height:22px;flex:0 0 22px;margin:0}
.settings-content{scroll-behavior:auto}
.settings-content,.settings-card,.settings-row,.settings-field{box-sizing:border-box;min-width:0}
.settings-content{padding-top:24px}
.settings-card{width:100%;max-width:900px;margin:0 auto}
.settings-row>*{min-width:0}
.settings-row p,.settings-row small{overflow-wrap:anywhere}
.settings-row button:disabled,.settings-field input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){
 header{padding-right:164px!important}
 .header-icon{right:136px!important}
 .header-right #account-open{right:10px!important;min-width:112px!important;max-width:124px!important;padding:0 8px!important;font-size:11px!important}
 .brand .yf-logo{max-width:calc(100vw - 180px)}
}
@media(max-width:420px){
 header{padding-right:145px!important}
 .header-icon{right:122px!important;width:34px!important;height:34px!important}
 .header-right #account-open{right:8px!important;min-width:104px!important;max-width:108px!important;font-size:10px!important}
 .brand .yf-logo{max-width:calc(100vw - 160px)}
 .settings-sidebar{max-height:38vh;overflow:auto}
 .settings-nav{font-size:10px;padding:7px 8px}
 .settings-titlebar{padding:12px}
 .settings-titlebar h2{font-size:17px}
 .settings-content{padding:10px}
 .settings-card{padding:13px}
 .settings-bottom{flex-wrap:wrap}
}

.preferences[hidden]{display:none!important}