/* Interface components only: never target SVG text, canvas, contenteditable or font previews. */
body{font-family:var(--tg-font)}
button,input,select,textarea{font-family:var(--tg-font)}
.ui-icon,.ce-icon{stroke-width:var(--tg-icon-stroke)}
.canvas-studio{--ce-ink:var(--tg-ink);--ce-muted:var(--tg-muted);--ce-subtle:var(--tg-soft);--ce-line:var(--tg-line);--ce-blue:var(--tg-primary);--ce-blue-soft:var(--tg-primary-soft);--ce-surface:var(--tg-surface);--ce-bg:var(--tg-canvas)}
.auth-page .auth-shell{min-height:0}.auth-page .auth-form h2{font-size:var(--tg-text-xl)}
.auth-page .auth-mobile-brand{display:none;width:190px;max-width:100%;margin-bottom:var(--tg-space-6)}
.auth-page .auth-form label{font-size:var(--tg-text-sm)}
.auth-page .auth-form input{font-size:var(--tg-text-base);min-height:var(--tg-control-height)}
.site-account,.site-error{width:min(560px,calc(100% - 32px));margin:var(--tg-space-12) auto;padding:var(--tg-space-8);background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:16px;overflow-wrap:anywhere}
.site-account h1,.site-error h1{font-size:var(--tg-text-xl)}
.site-account>p{margin:var(--tg-space-3) 0}.site-account>a{display:inline-flex;margin-top:var(--tg-space-5)}
.admin-shell>.main{min-width:0}.admin-shell header{gap:var(--tg-space-3);flex-wrap:wrap}.admin-shell .content{overflow-wrap:anywhere}.admin-shell .table-wrap{max-width:100%}
@media(max-width:760px){.auth-page .auth-mobile-brand{display:block;}
 .auth-page{padding:var(--tg-space-4);min-height:100dvh}.auth-page .auth-shell{max-width:520px;grid-template-columns:minmax(0,1fr);min-height:0}.auth-page .auth-story{display:none}.auth-page .auth-form{padding:var(--tg-space-7) 22px;min-width:0}
 .site-account,.site-error{margin:var(--tg-space-6) auto;padding:var(--tg-space-6) var(--tg-space-5)}
 /* Preserve text editing/preview styles inside the document; only form controls get the mobile scale. */
 .auth-page .auth-form input,.site-account input,.auth-body .input-shell input,.admin-shell input{font-size:var(--tg-text-md)}
 .auth-page .button,.site-account .button{min-height:44px}.auth-page h1{font-size:var(--tg-text-xl)}
}
@media(max-width:620px){
 #canvas-editor .ce-topbar{min-width:0}.ce-document{min-width:0!important}.ce-document>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .ce-library,.ce-properties{max-width:calc(100vw - 58px)}
 .ce-modal{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto}
 #canvas-editor .ce-contextbar{min-width:0;overflow-x:auto;scrollbar-width:thin}
 /* Do not change canvas text or text-entry overlays. */
 #canvas-editor :is(.ce-inspector,.ce-modal,.ce-library,.ce-properties) :is(input,select,textarea){font-size:var(--tg-text-md)}
}

/* Narrow-screen corrections found during the full-page audit. */
.site-account{min-height:0}.admin-shell table{min-width:620px}.admin-shell :is(th,td){overflow-wrap:normal}.admin-shell .cell-email{overflow-wrap:anywhere}
@media(max-width:760px){
 .auth-page .auth-form{min-height:0}
 .auth-page .auth-form input:not([type=hidden]),.site-account input:not([type=hidden]),.auth-body .input-shell input{font-size:var(--tg-text-md)!important}
 .admin-shell .sidebar{padding:var(--tg-space-4);gap:6px}.admin-shell .eyebrow{margin:6px 0}.admin-shell .back{margin-top:var(--tg-space-2)}
 .admin-shell .admin-user{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--tg-space-1);margin-top:var(--tg-space-2);padding-top:var(--tg-space-3)}.admin-shell .admin-user span{grid-column:1}.admin-shell .admin-user form{grid-column:2;grid-row:1/span 2;align-self:center}.admin-shell .admin-user button{margin:0;padding:var(--tg-space-2) 10px;min-height:40px}
}

.tg-access-banner{position:fixed;bottom:var(--tg-space-4);left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 32px));z-index:25;box-shadow:var(--tg-shadow-popover);border-radius:var(--tg-radius-control);background:var(--tg-info-soft);color:var(--tg-ink);border-bottom:1px solid var(--tg-info-line);font:400 var(--tg-text-sm)/1.7 var(--tg-font);padding:var(--tg-space-2) var(--tg-space-4);overflow-wrap:anywhere}.tg-access-banner[hidden]{display:none}






#ce-account .ce-account-dropdown{max-height:calc(100dvh - var(--tg-space-12) - var(--tg-space-12));overflow-y:auto}

#ce-account>summary{position:relative;overflow:visible}#ce-account .ce-plan-badge{position:absolute;top:calc(-1 * var(--tg-space-2));left:calc(-1 * var(--tg-space-1));display:inline-flex;align-items:center;gap:var(--tg-space-1);padding:0 var(--tg-space-1);min-height:var(--tg-space-4);border:1px solid var(--tg-line);border-radius:var(--tg-radius-pill);background:var(--tg-primary-soft);color:var(--tg-primary);font:600 var(--tg-editor-text-10)/1.4 var(--tg-editor-font);white-space:nowrap;pointer-events:none}#ce-account .ce-plan-badge[hidden]{display:none}#ce-account .ce-plan-badge svg{width:var(--tg-icon-sm);height:var(--tg-icon-sm)}#ce-account .ce-plan-badge[data-kind="basic"] svg{display:none}
@media(max-width:1100px){#ce-account .ce-plan-badge[data-kind="pro"] [data-plan-badge-label]{display:none}#ce-account .ce-plan-badge[data-kind="basic"]{left:auto;right:0;font-size:var(--tg-editor-text-10)}}

#ce-account .ce-plan-badge[data-kind="pro"]{background:var(--tg-pro-gold-soft);border-color:var(--tg-pro-gold-line);color:var(--tg-pro-gold);padding:0 var(--tg-space-1)}#ce-account .ce-plan-badge[data-kind="pro"] [data-plan-badge-label]{display:none}

#ce-account .ce-plan-badge[data-kind="pro"] svg path{fill:currentColor}