/* Design Studio in the one-author shell: the website palette and type over the studio's own layout (studio.css). Loaded after it. */
:root{
  --ink:#1F2A33; --ink-soft:#2E3B45; --paper:#F3F5F6; --paper-soft:#FFFFFF; --brass:#F06A24; --brass-light:#FF8A47; --denim:#445159; --rust:#D05028;
  --ds-bg:#F3F5F6; --ds-panel:#FFFFFF; --ds-ink:#1F2A33; --ds-muted:#2E3B45; --ds-line:rgba(31,42,51,.14);
  --ds-navy:#1F2A33; --ds-accent:#F06A24; --ds-accent-deep:#D05028; --ds-accent-soft:#FFFFFF; --ds-orange:#FF8A47;
}
:root:not([data-hu-theme="soft"]) body.ds-dark{--ds-bg:#1F2A33;--ds-panel:#2E3B45;--ds-ink:#F3F5F6;--ds-muted:#FF8A47;--ds-line:rgba(255,255,255,.18)}
body{font-family:'Inter',Georgia,serif}
h1,h2,h3,.ds-tabs button,.ds-btn,.ds-chips button,.ds-price,.ds-back{font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:500}
h2{font-size:1rem;letter-spacing:.06em;color:var(--ds-ink)}
.ds-bar{background:var(--ink);color:var(--paper);border-bottom:2px solid var(--brass);padding:8px 12px}
.ds-bar h1{font-size:1rem;letter-spacing:.08em;white-space:nowrap}
@media(max-width:480px){.ds-bar h1{font-size:.85rem}}
.ds-back{color:var(--brass-light);font-size:.8rem;text-decoration:none;white-space:nowrap}.ds-back:hover{color:var(--paper)}
.ds-price{background:var(--brass);color:var(--ink);border-radius:2px;font-weight:600}
.ds-tabs{background:var(--ds-panel)}.ds-tabs button{font-size:.78rem}.ds-tabs button[aria-selected="true"]{color:var(--ds-ink);border-bottom-color:var(--brass)}.ds-tabs button[aria-selected="true"] span{background:var(--brass);color:var(--ink)}
.ds-chips button{border-radius:999px;font-size:.78rem}.ds-chips button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.ds-btn{border-radius:2px;background:var(--brass);color:var(--ink);font-size:.85rem}.ds-btn:active{background:var(--brass-light)}
.ds-btn-soft{background:transparent;color:var(--ds-ink);border:1.5px solid var(--ds-ink)}
.ds-swatches button{border-radius:2px}.ds-swatches button.on{border-color:var(--brass);box-shadow:0 0 0 2px var(--brass-light)}
input,select,textarea{font-family:'Inter',serif}
label,.ds-muted,small{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;letter-spacing:.04em}
.ds-howto{color:var(--rust);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.ds-howto-bar{display:block;box-sizing:border-box;min-height:44px;padding:11px 16px;text-align:center;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;color:var(--ink);background:var(--brass-light);text-decoration:none;border-bottom:1px solid var(--ds-line)}
.ds-bar .hu-theme-toggle{display:none}.ds-account:empty{display:none}.ds-bar .hu-account-menu a.hu-signin{font-family:'Oswald',sans-serif;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:5px 9px}
.ds-bar .hu-world{padding:2px!important;margin:0!important;border-color:rgba(255,255,255,.18)!important}.ds-bar .hu-world span{display:none}
.ds-bar a[href="/apps/install/"]{display:none}
body.hu-visual-system .ds-bar,body .ds-bar{background:var(--ink)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important;padding:8px 12px!important;gap:10px!important;min-height:0!important}
body.hu-visual-system .ds-bar > a:not(.brand),body .ds-bar .ds-back{background:none!important;border:0!important;color:var(--brass-light)!important;padding:4px 2px!important}
body.hu-visual-system{font-family:'Inter',Georgia,serif!important}

/* phone: the price chip needs the room more than the globe does */
@media(max-width:480px){.hu-world{display:none!important}.ds-price{max-width:none!important}.ds-bar h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
#cab-walls{margin-bottom:.4rem}
.ds-back{display:inline-flex;align-items:center;gap:6px}.ds-logo{height:30px;width:auto;display:block}
@media(max-width:480px){.ds-back-text{display:none}}
@media(max-width:480px){.ds-account{margin-left:auto}.ds-account:empty+.ds-price{margin-left:auto}}
