/* Account interface: Graphik Studio's Ubuntu type scale.
   The customer's digital-card design retains its own typography. */
body,dialog{font:16px/1.6 Ubuntu,Arial,sans-serif}
.eyebrow,.editor-heading .eyebrow,dialog .eyebrow,.field-section,.sidebar-caption{
  font-size:11px;line-height:1.5;letter-spacing:2px;font-weight:700
}
.button,.editor-actions .button,.share-actions .button{
  font-size:14px;font-weight:700;line-height:1.4
}
.text-button,.back-home,.auth-content .back-home,.auth-story>a:last-child,
.auth-tabs button,.sidebar-bottom,#editor-nav button,.workspace-header a,
.panel-footer button{font-size:14px;line-height:1.6}
.status{font-size:14px;line-height:1.6}
.hint,.auth-note,.auth-bottom,.sidebar-note p,.account-chip small,
.panel-heading>span,.upload-zone small,.file-input,.remove-image,
.panel-footer>span,.preview-caption,.studio-footer,.slug-prefix,.state-pill{
  font-size:12px;line-height:1.6
}
label{font-size:14px;line-height:1.6;font-weight:700}
input:not([type=checkbox]):not([type=color]):not([type=file]),textarea,select,
input::placeholder,textarea::placeholder{font-size:16px;line-height:1.6}
.auth-story h1{
  font-size:clamp(45px,5.2vw,74px);line-height:1.04;
  letter-spacing:-3.5px;font-weight:700
}
.auth-story h1+p{font-size:19px;line-height:1.6;color:#bbb}
.auth-box h2,.editor-heading h1{
  font-size:clamp(28px,3vw,42px);line-height:1.14;
  letter-spacing:-1.5px;font-weight:700
}
.auth-box h2+p,.editor-heading h1+p{font-size:16px;line-height:1.6}
.auth-box{width:min(100%,440px)}
.auth-tabs{flex-wrap:wrap;gap:12px 30px}
.password-wrap button{font-size:12px;line-height:1.6;top:13px}
.password-wrap input{padding-right:65px!important}
.sidebar{width:260px}
.workspace-shell{margin-left:260px}
.account-chip>span{flex-shrink:0;font-size:16px}
.account-chip strong{font-size:14px;font-weight:700;max-width:150px}
.account-chip small{overflow-wrap:anywhere}
#editor-nav button{gap:10px;padding:12px;white-space:normal}
#editor-nav button>span{font-size:12px}
.sidebar-note strong{font-size:16px;font-weight:700;line-height:1.6}
.workspace-header{font-size:14px;min-height:77px;height:auto;padding-block:15px;gap:15px;flex-wrap:wrap}
.workspace-header>div{flex-wrap:wrap;gap:12px 20px}
.editor-heading{align-items:flex-start;flex-wrap:wrap}
.editor-heading>div:first-child{min-width:0;flex:1 1 440px}
.editor-actions{flex-wrap:wrap;max-width:100%}
.editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:32px}
.panel-heading h2{font-size:21px;line-height:1.25;letter-spacing:-.5px;font-weight:700}
.panel-heading p{font-size:14px;line-height:1.6}
.upload-zone{min-height:160px;height:auto;padding:16px 10px}
.upload-zone strong{font-size:14px;line-height:1.4;font-weight:700}
.upload-zone small{overflow-wrap:anywhere}
.upload-grid>div{min-width:0}
.file-input::file-selector-button{padding:7px 5px;max-width:100%}
.preview-label{font-size:11px;line-height:1.5;letter-spacing:1.4px;gap:12px}
.private-notice,.public-url{font-size:16px;line-height:1.6}
.panel-footer{flex-wrap:wrap}
.panel-footer button{font-weight:700}
dialog h2{font-size:28px;line-height:1.14;letter-spacing:-1px;font-weight:700}
dialog p,.delete-account p{font-size:16px;line-height:1.6}
.check-label,.delete-account summary{font-size:14px;line-height:1.6}
.check-label input{flex-shrink:0;margin-top:5px}
.dialog-actions{flex-wrap:wrap}
.settings-heading{align-items:flex-start;gap:15px}
.auth-box h2+p,.hint,.auth-note,.auth-bottom,.editor-heading h1+p,
.panel-heading p,.sidebar-note p,.account-chip small,.sidebar-caption,
.panel-footer>span,.preview-label,.preview-caption,.studio-footer,
.upload-zone small,.remove-image{color:#666}
@media(max-width:1150px){
  .sidebar{width:240px}
  .workspace-shell{margin-left:240px}
  .editor-heading{flex-direction:row}
  .editor-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:24px}
  .upload-grid{grid-template-columns:1fr}
}
@media(max-width:1050px){
  .auth-story h1{letter-spacing:-2px}
}
@media(max-width:900px){
  .sidebar{
    width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;gap:12px
  }
  .sidebar>.brand{grid-row:1;grid-column:1;margin:0}
  .sidebar-bottom{position:static;grid-row:1;padding:8px 0;font-size:14px}
  #settings-button{grid-column:2}
  #logout-button{grid-column:3}
  #editor-nav{grid-column:1/-1;grid-row:2;margin-top:5px}
  #editor-nav button{font-size:14px;white-space:nowrap;flex-shrink:0}
  .workspace-shell{margin-left:0}
  .editor-heading>div:first-child{flex-basis:360px}
  .editor-actions .button{font-size:14px}
  .workspace-header{min-height:60px}
}
@media(max-width:760px){
  .editor-grid{grid-template-columns:minmax(0,1fr);gap:35px}
  .preview-column{position:static}
  .preview-label{max-width:360px;margin:0 auto 18px}
  .card-preview{max-height:none}
  .upload-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .auth-story h1{font-size:46px;letter-spacing:-2px}
  .auth-story h1+p{font-size:17px}
}
@media(max-width:650px){
  .editor-heading>div:first-child{flex-basis:auto}
  .editor-heading h1+p{max-width:none}
  .workspace-header{font-size:14px}
  .workspace-header>div{gap:12px;flex-wrap:wrap}
  .editor-actions .button{font-size:14px}
  .share-actions .button{font-size:14px}
  .panel-heading,.form-panel{padding:22px}
  .studio-footer{font-size:12px}
}
@media(max-width:480px){
  .sidebar{grid-template-columns:1fr 1fr}
  .sidebar>.brand{grid-column:1/-1;grid-row:1}
  #settings-button{grid-column:1;grid-row:2;justify-self:start}
  #logout-button{grid-column:2;grid-row:2;justify-self:end}
  #editor-nav{grid-row:3}
  .workspace-header>span{width:100%}
  .workspace-header>div{width:100%;justify-content:space-between}
}
@media(max-width:420px){
  .upload-grid{grid-template-columns:1fr}
}