.workspace-settings-dialog{width:min(440px,calc(100vw - 24px));max-height:min(80dvh,680px);overflow:auto;padding:24px;border:1px solid var(--line,#c9d8d0);border-radius:18px;background:var(--card,#f6faf7);color:var(--text,#24483a);box-shadow:0 22px 60px #071c1240}
.workspace-settings-dialog::backdrop{background:#091d1480}
.workspace-settings-dialog h2{margin:0 0 18px;font-size:21px}
.workspace-settings-close{float:right;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line,#c9d8d0);border-radius:10px;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.workspace-settings-controls{display:grid;gap:10px}
.workspace-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 12px;border:1px solid var(--line,#c9d8d0);border-radius:12px}
.workspace-settings-row strong{flex:none;font-size:13px;font-weight:650}
.workspace-settings-row>:last-child{min-width:0}
.workspace-settings-row .appearance-picker{margin:0!important;display:inline-flex;flex-wrap:wrap;justify-content:flex-end}
.workspace-settings-row .appearance-picker>span{display:none!important}
.workspace-settings-row .appearance-select{min-width:120px;max-width:190px!important}
.workspace-settings-row button{min-height:38px;min-width:38px}
.face-reference-tips{margin:8px 0 10px;font-size:12px;color:var(--muted,#83988d)}
.face-reference-tips summary{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid var(--line,#9db9aa);border-radius:9px;background:var(--soft,#e9f6f0);color:var(--text,#24483a);font-weight:650;cursor:pointer;list-style:none;touch-action:manipulation}
.face-reference-tips summary::-webkit-details-marker{display:none}
.face-reference-tips summary:after{content:'⌄';margin-left:8px}
.face-reference-tips[open] summary:after{transform:rotate(180deg)}
.face-reference-tips .face-reference-notice{margin:8px 0 0;padding:10px 12px;border:1px solid var(--line,#9db9aa);border-radius:10px;background:var(--soft,#e9f6f0)}
.workspace-studio #refHelp{display:none!important}
.customer-personal-actions[hidden]{display:none!important}
.customer-personal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.customer-personal-actions button,.customer-personal-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--theme-line,#c7d8ce);border-radius:10px;background:var(--theme-surface-soft,#eef6f1);color:var(--theme-text,#1d5b3e);font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}
.customer-personal-actions [hidden]{display:none!important}
.customer-dialog.profile-mode .customer-balances{margin:8px 0 16px}
body.workspace-canvas > header{gap:10px;padding:0 14px}
.workspace-canvas .header-left,.workspace-canvas .mode-switch,.workspace-canvas .canvas-actions,.workspace-canvas .canvas-primary-actions,.workspace-canvas .canvas-secondary-actions{min-width:0}
.workspace-canvas .canvas-actions,.workspace-canvas .canvas-primary-actions,.workspace-canvas .canvas-secondary-actions{display:flex;align-items:center;gap:7px}
.workspace-canvas .canvas-actions{flex:1;justify-content:flex-end}
.workspace-canvas .canvas-primary-actions .customer-account{margin:0;gap:7px}
body.workspace-canvas > header :is(button,a){white-space:nowrap}
.workspace-canvas .canvas-save-status[hidden],.workspace-studio .autosave-status[hidden]{display:none!important}
.workspace-canvas .canvas-save-status:not([hidden]){position:fixed;left:50%;bottom:calc(var(--workspace-footer-height,56px) + 22px);transform:translateX(-50%);z-index:8;max-width:min(480px,calc(100vw - 24px));padding:9px 12px;border:1px solid #d97777;border-radius:10px;background:#fff0f0;color:#9c2734;white-space:normal;text-align:center}
.workspace-canvas #stage{top:var(--workspace-header-height,70px)}
.workspace-canvas #toast{top:calc(var(--workspace-header-height,70px) + 8px);max-width:calc(100vw - 20px);text-align:center}
.workspace-canvas footer .mobile-arrange{display:none!important}
.workspace-canvas footer #arrange{min-height:36px}
.workspace-studio .workspace-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.workspace-studio .workspace-top-actions .customer-account{margin-left:0}
.workspace-studio .shell{min-height:calc(100dvh - var(--workspace-header-height,62px))}
@media(max-width:900px){
  .workspace-studio .shell{width:min(100%,650px);padding-left:16px;padding-right:16px}
  .workspace-studio .grid{grid-template-columns:minmax(0,1fr)!important}
  .workspace-studio .card,.workspace-studio .upload,.workspace-studio .field{min-width:0}
}
@media(max-width:1180px){
  body.workspace-canvas > header{height:auto;min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:5px 10px;padding:6px 10px}
  .workspace-canvas .header-left{grid-column:1}
  .workspace-canvas .mode-switch{grid-column:2;justify-self:center}
  .workspace-canvas .canvas-actions{display:contents}
  .workspace-canvas .canvas-primary-actions{grid-column:3;justify-self:end}
  .workspace-canvas .canvas-secondary-actions{grid-column:1/-1;justify-content:center;flex-wrap:wrap}
  .workspace-canvas .header-left #help{display:inline-flex}
}
@media(max-width:700px){
  body.workspace-canvas > header{font-size:11px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:center;min-height:0;gap:5px 8px;padding:7px 10px}
  .workspace-canvas .header-left{grid-column:1;grid-row:1;overflow:visible}
  .workspace-canvas .mode-switch{grid-column:2;grid-row:1;position:static;left:auto;transform:none;justify-self:end}
  .workspace-canvas .canvas-primary-actions{grid-column:1/-1;grid-row:2;justify-self:center;justify-content:center;flex-wrap:wrap}
  .workspace-canvas .canvas-secondary-actions{grid-column:1/-1;grid-row:3;justify-content:center;flex-wrap:wrap}
  .workspace-canvas .canvas-actions #nodeSearch,.workspace-canvas .canvas-actions #viewOptions{display:inline-flex!important}
  .workspace-canvas .header-left button,body.workspace-canvas > header nav button,body.workspace-canvas > header nav a,.workspace-canvas .customer-account button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 8px;font-size:11px}
  .workspace-canvas .canvas-secondary-actions button{min-height:34px}
  .workspace-canvas #stage{bottom:calc(var(--workspace-footer-height,56px) + 12px)}
  .workspace-canvas footer{bottom:6px;width:min(420px,calc(100vw - 12px));max-width:calc(100vw - 12px);max-height:34dvh;overflow-x:hidden;overflow-y:auto;flex-wrap:wrap;justify-content:center;gap:3px;padding:5px;white-space:normal}
  .workspace-canvas footer button{min-height:36px;padding:6px 8px;touch-action:manipulation}
  .workspace-canvas footer .layout-tools{flex-wrap:wrap;justify-content:center}
  .workspace-canvas footer .dock-separator{display:none}
  .workspace-studio .top{height:auto!important;min-height:62px;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:8px 12px!important}
  .workspace-studio .top .brand{grid-column:1;min-width:0}
  .workspace-studio .top .top-nav{grid-column:2;position:static;transform:none;margin:0}
  .workspace-studio .top .workspace-top-actions{grid-column:1/-1;min-width:0;max-width:100%;justify-content:flex-end;flex-wrap:wrap}
  .workspace-studio .top .workspace-top-actions :is(button,a){min-height:38px}
  .workspace-studio .top .workspace-top-actions .customer-account{flex-basis:auto}
}
@media(max-width:380px){
  .workspace-canvas .canvas-secondary-actions{gap:4px}
  .workspace-studio .top{grid-template-columns:1fr auto}
  .workspace-studio .top .brand{font-size:12px}
  .workspace-studio .top .top-nav a{padding:6px 8px}
}