/* ASKI Studio — shared interface, based on aski-studio.de, October 2026. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-bold.ttf') format('truetype');font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-extrabold.ttf') format('truetype');font-weight:800 900;font-style:normal;font-display:swap}
:root,:root.light,:root.theme-light{color-scheme:light;--studio-bg:#fcfbf7;--studio-panel:#fffdf8;--studio-surface:#f2eee6;--studio-deep:#eae4d7;--studio-ink:#25251f;--studio-muted:#706e65;--studio-line:#dedacf;--studio-orange:#f47e2b;--studio-accent:#b75815;--studio-soft:#f6f3eb;--studio-green:#366247;--studio-red:#a93f35;--studio-blue:#365f83;--studio-shadow:0 16px 60px #6252370b;--font:Manrope,Arial,sans-serif;--bg:var(--studio-bg);--panel:var(--studio-panel);--panel-2:var(--studio-surface);--panel-3:var(--studio-deep);--card:var(--studio-panel);--surface:var(--studio-panel);--soft:var(--studio-soft);--text:var(--studio-ink);--ink:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);--orange:var(--studio-orange);--danger:var(--studio-red);--shadow:var(--studio-shadow)}
:root[data-studio-theme="dark"]{color-scheme:dark;--studio-bg:#111210;--studio-panel:#191b17;--studio-surface:#20231c;--studio-deep:#292e23;--studio-ink:#f1f1e9;--studio-muted:#a6aaa0;--studio-line:#363c30;--studio-accent:#f6802b;--studio-soft:#1d2119;--studio-green:#80c79b;--studio-red:#ff9185;--studio-blue:#91b9df;--studio-shadow:0 18px 64px #0002}
html{background:var(--studio-bg);scroll-padding-top:105px}
body.studio-admin,body.studio-portal,body.studio-auth,body.studio-install{font-family:var(--font);-webkit-font-smoothing:antialiased;color:var(--studio-ink);background:var(--studio-bg)}
::selection{background:#f47e2b55;color:var(--studio-ink)}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(h1,h2,h3){font-weight:800;letter-spacing:-.045em;line-height:1.14}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--studio-orange);outline-offset:4px}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(button,input,select,textarea){font-family:var(--font)}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(input,select,textarea){border-color:var(--studio-line);border-radius:5px;color:var(--studio-ink);background:var(--studio-panel)}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) select{height:54px;min-height:54px}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) select{appearance:none;-webkit-appearance:none;padding:0 42px 0 14px;background-image:url('/assets/brand/studio-chevron.svg');background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;cursor:pointer}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(input,textarea)::placeholder{color:var(--studio-muted);opacity:.75}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(input,select,textarea):focus{border-color:var(--studio-orange);box-shadow:0 0 0 3px #f47e2b14}
:is(.studio-admin,.studio-portal,.studio-auth,.studio-install) :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--studio-orange)}
.studio-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;min-height:0;padding:0;border:1px solid var(--studio-line);border-radius:50%;color:var(--studio-muted);background:transparent;cursor:pointer;font-size:19px;line-height:1}
.studio-theme-toggle:hover{color:var(--studio-accent);border-color:var(--studio-orange)}
.studio-brand-logo{display:block;width:138px;height:48px;object-fit:contain}
.studio-brand-logo--dark{display:none}
:root[data-studio-theme="dark"] .studio-brand-logo--dark{display:block}
:root[data-studio-theme="dark"] .studio-brand-logo--light{display:none}
.studio-admin{padding:18px}
.studio-admin .app-frame{width:min(1640px,100%);min-height:calc(100vh - 36px);border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-bg);box-shadow:var(--studio-shadow)}
.studio-admin .window-bar{height:86px;padding:0 27px;gap:24px;background:var(--studio-bg)}
.studio-admin .wordmark{gap:20px}
.studio-admin .wordmark>span{padding-left:20px;border-left:1px solid var(--studio-line)}
.studio-admin .wordmark strong{font-size:10px;letter-spacing:1.8px;color:var(--studio-muted);font-weight:700}
.studio-admin .wordmark small{margin-top:4px;font-size:10px;letter-spacing:1.8px;color:var(--studio-accent)}
.studio-header-account{justify-self:end;display:flex;align-items:center;gap:22px}
.studio-admin .profile-pill{gap:11px}
.studio-admin .profile-pill strong{font-size:12px}
.studio-admin .profile-pill small{font-size:10px;color:var(--studio-muted)}
.studio-admin .avatar{width:37px;height:37px;border-radius:50%;border-color:var(--studio-line);color:var(--studio-accent);background:var(--studio-surface);font-size:11px}
.studio-admin .workspace{min-height:calc(100vh - 124px);grid-template-columns:242px minmax(0,1fr)}
.studio-admin .sidebar{padding:34px 18px 23px;background:var(--studio-bg)}
.studio-admin .sidebar nav{gap:5px}
.studio-admin .nav-label{font:700 9px/1.6 var(--font);letter-spacing:1.7px;padding:0 13px 14px}
.studio-admin .nav-label--gap{margin-top:30px}
.studio-admin .nav-link{min-height:45px;border-radius:4px;font-size:12px;border:1px solid transparent;gap:12px;padding:0 13px}
.studio-admin .nav-link>span:first-child{color:var(--studio-muted);font-size:17px;width:20px}
.studio-admin .nav-link:hover{background:var(--studio-surface)}
.studio-admin .nav-link--active{border-color:var(--studio-line);background:var(--studio-surface);color:var(--studio-ink)}
.studio-admin .nav-link--active>span:first-child{color:var(--studio-accent)}
.studio-admin .nav-count{background:var(--studio-orange);color:#25251f;box-shadow:none;font-size:10px;min-width:22px;height:22px}
.studio-admin .sidebar__foot{padding:14px 12px;border:0;border-top:1px solid var(--studio-line);border-radius:0;background:transparent}
.studio-admin .sidebar__foot small{font-size:10px}.studio-admin .sidebar__foot strong{font-size:11px;font-weight:600}
.studio-admin .status-dot{width:7px;height:7px;background:#73966c;box-shadow:0 0 0 4px #73966c13}
.studio-admin .main-content{padding:clamp(28px,4vw,58px);max-width:100%}
.studio-admin .page-head{margin-bottom:34px;gap:26px}
.studio-admin .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--studio-accent)}
.studio-admin h1{font-size:clamp(32px,3.5vw,52px);margin:12px 0 14px;line-height:1.1}
.studio-admin h2{font-size:23px;line-height:1.2}
.studio-admin .page-head p{max-width:64ch;font-size:12px;line-height:1.85;color:var(--studio-muted)}
.studio-admin :is(.button,.button-secondary,.button-danger,.button-quiet){min-height:43px;border-radius:4px;padding:0 18px;font-size:11px;line-height:1.5;font-weight:700;transition:background .18s,border-color .18s}
.studio-admin .button{background:var(--studio-orange);color:#25251f}
.studio-admin .button:hover{background:#ff984d}
.studio-admin .button-secondary{background:transparent;border-color:var(--studio-line);color:var(--studio-ink)}
.studio-admin .button-secondary:hover{background:var(--studio-surface);border-color:var(--studio-muted)}
.studio-admin .button-danger{color:var(--studio-red);border-color:color-mix(in srgb,var(--studio-red) 35%,transparent);background:color-mix(in srgb,var(--studio-red) 5%,transparent)}
.studio-admin :is(.panel,.entity-card,.project-card,.security-card,.table-wrap,.empty-state){border-radius:6px;box-shadow:none}
.studio-admin .panel{padding:27px;background:var(--studio-panel)}
.studio-admin .panel-head{gap:20px;margin-bottom:24px}
.studio-admin .panel-head p{font-size:11px;line-height:1.8;max-width:68ch}
.studio-admin .stats{gap:0;border:1px solid var(--studio-line);border-radius:6px;overflow:hidden;background:var(--studio-surface);margin-bottom:28px}
.studio-admin .stat{border:0;border-right:1px solid var(--studio-line);border-radius:0;min-height:150px;background:transparent;padding:23px 25px}
.studio-admin .stat:last-child{border-right:0}
.studio-admin .stat small{font-size:9px;letter-spacing:1.2px}
.studio-admin .stat strong{font-size:43px;line-height:1.15;letter-spacing:-2px;font-weight:800}
.studio-admin .stat span{font-size:10px;color:var(--studio-muted)}
.studio-admin :is(.badge,.view-chip,.personal-view){font-size:9px;letter-spacing:.75px;border-radius:4px;font-weight:700}
.studio-admin .badge{color:var(--studio-accent);border-color:#dfc8ae;background:#f47e2b0c;padding:5px 8px;line-height:1.4;white-space:nowrap}
.studio-admin .badge--green{color:var(--studio-green);border-color:color-mix(in srgb,var(--studio-green) 24%,var(--studio-line));background:color-mix(in srgb,var(--studio-green) 5%,transparent)}
.studio-admin .badge--red{color:var(--studio-red);border-color:color-mix(in srgb,var(--studio-red) 24%,var(--studio-line));background:color-mix(in srgb,var(--studio-red) 5%,transparent)}
.studio-admin .badge--blue{color:var(--studio-blue);border-color:color-mix(in srgb,var(--studio-blue) 24%,var(--studio-line));background:color-mix(in srgb,var(--studio-blue) 5%,transparent)}
.studio-admin .badge--muted{color:var(--studio-muted);border-color:var(--studio-line);background:var(--studio-soft)}
.studio-admin .dashboard-ticket-list{gap:0}
.studio-admin .dashboard-ticket{border:0;border-top:1px solid var(--studio-line);border-radius:0;background:transparent;padding:19px 0;grid-template-columns:3px minmax(0,1fr) auto auto;gap:17px}
.studio-admin .dashboard-ticket:hover{transform:none;background:var(--studio-soft)}
.studio-admin .dashboard-ticket__marker{background:var(--studio-orange);width:3px;border-radius:0}
.studio-admin .dashboard-ticket__main strong{font-size:12px;font-weight:700}.studio-admin .dashboard-ticket__main small{font-size:10px;margin-top:6px}
.studio-admin .dashboard-ticket time{font-size:10px}
.studio-admin .ticket-stats{border-radius:6px;background:var(--studio-surface)}
.studio-admin .view-chip{border-color:var(--studio-line);background:transparent;color:var(--studio-muted);padding:9px 12px}
.studio-admin .view-chip--active{color:var(--studio-ink);background:var(--studio-surface);border-color:var(--studio-muted)}
.studio-admin .ticket-row{border-radius:5px;background:var(--studio-panel);border-color:var(--studio-line);padding:19px 17px;gap:15px}
.studio-admin .ticket-row:hover{border-color:var(--studio-orange);background:var(--studio-soft)}
.studio-admin .ticket-row__number{font:10px/1.6 ui-monospace,monospace;color:var(--studio-muted);letter-spacing:.3px}
.studio-admin .ticket-row__main strong{font-size:15px;margin-top:6px}.studio-admin .ticket-row__main small{font-size:11px;margin-top:5px}
.studio-admin .ticket-row__owner{font-size:11px}.studio-admin .ticket-row__owner small{font-size:10px}
.studio-admin .ticket-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:22px}
.studio-admin .message{border-radius:5px;background:var(--studio-bg);padding:24px;border-color:var(--studio-line)}
.studio-admin .message--internal{background:var(--studio-surface);border-color:var(--studio-line)}
.studio-admin .message__body{font-size:13px;line-height:1.9;color:var(--studio-ink)}
.studio-admin .message__avatar{border-radius:50%;background:var(--studio-surface);color:var(--studio-accent)}
.studio-admin .message header strong{font-size:11px}.studio-admin .message header small{font-size:10px}
.studio-admin :is(.inline-reply-form,.reply-addresses,.reply-addresses>div,.reply-attachment,.preview-meta,.preview-attachments,.reply-workflow-choice,.reply-workflow-preview,.customer-transfer,.attachment-row,.reply-attachments-empty){border-radius:5px}
.studio-admin .inline-reply-form{background:var(--studio-surface);border-color:var(--studio-line)}
.studio-admin .field{font-size:11px;font-weight:700;gap:9px}
.studio-admin :is(.upload-drop,.reply-attachments-empty){border-color:#c6b799;background:color-mix(in srgb,var(--studio-orange) 3%,var(--studio-panel));border-radius:5px}
.studio-admin .upload-drop__icon{border-radius:4px;background:var(--studio-orange);color:#25251f}
.studio-admin :is(.upload-drop strong,.reply-attachment strong){font-size:11px}
.studio-admin :is(.upload-drop small,.reply-attachment small,.reply-address-panel p){color:var(--studio-muted)}
.studio-admin .meta-list dt{font-size:11px}.studio-admin .meta-list dd{font-size:11px;overflow-wrap:anywhere;min-width:0}
.studio-admin .notice{border-radius:5px;font-size:12px}
.studio-admin .notice--success{color:var(--studio-green);border-color:color-mix(in srgb,var(--studio-green) 30%,var(--studio-line));background:color-mix(in srgb,var(--studio-green) 5%,var(--studio-bg))}
.studio-admin .notice--error,.studio-admin .upload-guard-message--error{color:var(--studio-red);border-color:color-mix(in srgb,var(--studio-red) 30%,var(--studio-line));background:color-mix(in srgb,var(--studio-red) 5%,var(--studio-bg))}
.studio-admin .reply-preview{border-radius:8px;background:var(--studio-bg);box-shadow:0 30px 130px #25251f40}
.studio-admin .reply-preview__actions{background:var(--studio-bg)}
.studio-admin .email-preview-toolbar{background:var(--studio-surface);color:var(--studio-ink);border-color:var(--studio-line)}
.studio-admin .email-preview-toolbar small{color:var(--studio-muted)}
.studio-admin .email-preview-stage{background:var(--studio-deep)}
.studio-admin .search-field{border-radius:5px}.studio-admin .search-field input{height:auto!important}
.studio-admin .empty-state{background:transparent}.studio-admin .table-wrap th{font-size:9px;background:var(--studio-surface)}
.studio-admin .table-wrap td{font-size:12px}.studio-admin .entity-card{background:var(--studio-panel)}
.studio-portal .shell{width:min(1240px,calc(100% - 64px));margin:26px auto 54px;border-radius:8px;box-shadow:var(--studio-shadow);border-color:var(--studio-line);background:var(--studio-bg)}
.studio-portal .window{height:94px;padding:0 30px;background:var(--studio-bg);display:grid;grid-template-columns:1fr auto 1fr;gap:20px}
.studio-portal .lights{position:static;justify-self:start}
.studio-portal .brand{transform:none;margin:0;justify-self:center;align-items:center}
.studio-portal .brand img{filter:none;width:145px;height:50px;object-fit:contain}
.studio-portal .theme{position:static;justify-self:end}
.studio-portal .intro{padding:62px 64px 50px}
.studio-portal .intro>small,.studio-portal .intro .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--studio-accent)}
.studio-portal h1{font-size:clamp(37px,5vw,62px);line-height:1.1;margin:18px 0 24px;letter-spacing:-2.5px;max-width:850px}
.studio-portal .intro p{font-size:14px;line-height:1.95;max-width:620px;color:var(--studio-muted)}
.studio-portal .intro--new{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr);gap:36px;align-items:center;padding-top:43px;padding-bottom:35px}
.studio-portal .intro--new h1{font-size:clamp(38px,4.4vw,58px);letter-spacing:-2.3px}
.studio-portal .intro--new h1 span{color:#d7681e}
:root[data-studio-theme="dark"] .studio-portal .intro--new h1 span{color:#f6802b}
.studio-portal .intro--new .intro-copy>small{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;color:var(--studio-muted)}
.studio-portal .intro--new .intro-copy>small:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--studio-orange)}
.studio-portal .studio-hero-art{position:relative;align-self:stretch;min-height:290px;display:flex;align-items:center;justify-content:center;border-block:1px solid var(--studio-line)}
.studio-portal .studio-hero-art img{display:block;width:100%;height:310px;object-fit:contain}
.studio-portal .studio-hero-art span{position:absolute;left:0;top:10px;font:8px/1.5 ui-monospace,monospace;letter-spacing:1.3px;color:var(--studio-muted)}
.studio-portal .studio-hero-art span:last-child{top:auto;bottom:10px;left:auto;right:0;color:var(--studio-accent)}
.studio-portal .studio-hero-note{font-size:10px;color:var(--studio-muted);display:flex;align-items:center;gap:10px;margin-top:24px}
.studio-portal .studio-hero-note:before{content:"✳";font-size:27px;color:var(--studio-orange);line-height:1}
.studio-portal .ticket-form{padding:6px 64px 42px}
.studio-portal .form-step{grid-template-columns:62px minmax(0,1fr);gap:20px;padding:38px 0;border-color:var(--studio-line)}
.studio-portal .form-step h2{font-size:25px;margin-bottom:12px;letter-spacing:-.8px}
.studio-portal .form-step p{font-size:12px;color:var(--studio-muted)}
.studio-portal .step{font:10px/1.7 ui-monospace,monospace;color:var(--studio-accent);padding-top:6px}
.studio-portal label{font-size:11px;gap:9px;color:var(--studio-muted)}
.studio-portal .fields{gap:21px}
.studio-portal textarea{line-height:1.8;padding:14px}
.studio-portal .upload{border-radius:5px;background:#f47e2b05;border-color:#c6b799;padding:23px}
.studio-portal .upload strong{font-size:13px;color:var(--studio-ink)}
.studio-portal .upload>span{font-size:10px;line-height:1.8}
.studio-portal .upload input{font-size:11px;border-radius:4px;color:var(--studio-muted)}
.studio-portal input::file-selector-button{font:700 11px var(--font);padding:9px 13px;margin-right:12px;background:var(--studio-surface);color:var(--studio-ink);border:1px solid var(--studio-line);border-radius:4px;cursor:pointer}
.studio-portal :is(.primary,.secondary){min-height:46px;font-size:11px;font-weight:700;border-radius:4px;padding:12px 20px;gap:25px}
.studio-portal .primary{background:var(--studio-orange);color:#25251f}
.studio-portal .primary:after{content:"↗";font-size:20px;line-height:1}
.studio-portal .primary:hover{background:#ff984d}
.studio-portal .secondary{background:transparent;border-color:var(--studio-line);color:var(--studio-ink)}
.studio-portal .summary dl{gap:10px}.studio-portal .summary dl>div{border-radius:4px;background:var(--studio-surface);border-color:var(--studio-line)}
.studio-portal .summary dt{font-size:9px;color:var(--studio-muted)}.studio-portal .summary dd{font-size:12px;color:var(--studio-ink)}
.studio-portal .consent{font-size:10px;font-weight:400;line-height:1.8}
.studio-portal .text-link,.studio-portal .footer-link,.studio-portal a{color:var(--studio-accent)}
.studio-portal .micro{font-size:10px;line-height:1.8}
.studio-portal footer{padding:25px 40px;color:var(--studio-muted);font-size:10px;gap:24px}
.studio-portal footer a,.studio-portal footer .footer-link{color:var(--studio-muted)}
.studio-portal .timeline{padding:40px 64px;gap:20px}
.studio-portal .message{border-radius:5px;background:var(--studio-panel);border-color:var(--studio-line)}
.studio-portal .message.aski{background:var(--studio-surface);border-color:#d6b99a}
.studio-portal .body{font-size:13px;line-height:1.9}.studio-portal .meta span{color:var(--studio-accent)}
.studio-portal .pill{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:4px;color:var(--studio-accent);font-size:11px}
.studio-portal .facts{font-size:11px}.studio-portal .timeline-order{font-size:9px;font-weight:600;letter-spacing:1.5px}
.studio-portal .actions-area{padding:0 64px 44px}.studio-portal .action-card{padding:26px;border-radius:5px;background:var(--studio-panel)}
.studio-portal .notice{border-radius:5px;font-size:12px}.studio-portal .notice.error{color:var(--studio-red)}
.studio-portal .legal-dialog{border-radius:7px;background:var(--studio-bg)}
.studio-portal .legal-dialog__head{background:var(--studio-bg);border-color:var(--studio-line)}
.studio-portal .legal-dialog__body{font-size:13px;line-height:1.9}
.studio-auth .page,.studio-auth #auth-theme:checked~.page{--bg:var(--studio-bg);--panel:var(--studio-panel);--text:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);background:var(--studio-bg);color:var(--studio-ink);padding:35px}
.studio-auth .card{width:min(1120px,100%);grid-template-columns:1.06fr 1fr;border-radius:8px;box-shadow:var(--studio-shadow);background:var(--studio-bg)}
.studio-auth .visual{min-height:670px;background:var(--studio-surface);padding:32px;position:relative;overflow:hidden;border-right:1px solid var(--studio-line)}
.studio-auth .auth-visual-logo{position:relative;z-index:1;margin-top:30px}
.studio-auth .auth-visual-art{position:absolute;width:92%;height:65%;object-fit:contain;top:17%;left:4%}
.studio-auth .visual-copy{position:relative;z-index:1;border-top:1px solid var(--studio-line);padding-top:23px;margin-top:auto}
.studio-auth .visual-copy small{color:var(--studio-muted);font-size:9px;letter-spacing:1.5px}
.studio-auth .visual-copy strong{color:var(--studio-ink);font-size:30px;line-height:1.17;letter-spacing:-1.2px;margin-top:10px}
.studio-auth .auth{padding:46px 50px}
.studio-auth .mode{align-self:flex-end;margin-bottom:42px}
.studio-auth .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--studio-accent)}
.studio-auth h1{font-size:49px;line-height:1.08;letter-spacing:-2px;margin:19px 0 23px}
.studio-auth h1 em{color:#d7681e}
:root[data-studio-theme="dark"] .studio-auth h1 em{color:#f6802b}
.studio-auth .intro{font-size:12px;line-height:1.85;margin-bottom:27px}
.studio-auth label{font-size:11px;gap:9px}
.studio-auth .primary{font-size:12px;min-height:50px;border-radius:4px;background:var(--studio-orange);color:#25251f;box-shadow:none}
.studio-auth .error{border-radius:4px;color:var(--studio-red);font-size:12px}
.studio-auth .footnote{font-size:10px;line-height:1.8}
.studio-install .page,.studio-install #theme-toggle:checked~.page{--bg:var(--studio-bg);--surface:var(--studio-panel);--surface-2:var(--studio-surface);--surface-3:var(--studio-deep);--text:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);--soft:var(--studio-soft);background:var(--studio-bg);color:var(--studio-ink)}
.studio-install .window{border-radius:8px;box-shadow:var(--studio-shadow);background:var(--studio-bg)}
.studio-install .chrome{min-height:90px;background:var(--studio-bg)}
.studio-install :is(.panel,.launch,.hero__status,.check,.facts span,.token,fieldset,.notice){border-radius:5px}
.studio-install .primary{border-radius:4px;background:var(--studio-orange);color:#25251f;box-shadow:none;font-size:12px}
.studio-install .eyebrow,.studio-install h1 em{color:var(--studio-accent)}
.studio-install h1{line-height:1.1}.studio-install .brand>span{display:none}
.studio-install .brand .brand__logo{display:none}.studio-install .brand .studio-brand-logo{display:block}
.studio-install .brand .studio-brand-logo--dark{display:none}
:root[data-studio-theme="dark"] .studio-install .brand .studio-brand-logo--dark{display:block}
:root[data-studio-theme="dark"] .studio-install .brand .studio-brand-logo--light{display:none}
@media(min-width:1101px){.studio-admin .dashboard-attention{padding:29px 31px}}
@media(max-width:1200px){.studio-admin .workspace{grid-template-columns:210px minmax(0,1fr)}.studio-admin .main-content{padding:32px}.studio-admin .ticket-detail-grid{grid-template-columns:1fr}.studio-admin .stat{padding:22px 18px}.studio-admin .stat strong{font-size:36px}.studio-admin .wordmark>span{display:none}}
@media(max-width:1100px){.studio-admin .stats--4{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-admin .stat:nth-child(2){border-right:0}.studio-admin .stat:nth-child(-n+2){border-bottom:1px solid var(--studio-line)}.studio-portal .intro{padding:45px 40px}.studio-portal .ticket-form{padding-inline:40px}.studio-portal .intro--new{gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr)}.studio-portal .intro--new h1{font-size:43px}}
@media(max-width:800px){.studio-admin{padding:8px}.studio-admin .app-frame{border-radius:6px}.studio-admin .window-bar{height:77px;padding:0 17px;gap:15px;grid-template-columns:auto minmax(0,1fr) auto}.studio-admin .wordmark{justify-self:center}.studio-brand-logo{width:121px;height:43px}.studio-header-account{gap:11px}.studio-admin .profile-pill>span:last-child{display:none}.studio-admin .workspace{grid-template-columns:minmax(0,1fr)}.studio-admin .sidebar{padding:11px}.studio-admin .sidebar nav{gap:4px}.studio-admin .nav-label,.studio-admin .sidebar__foot{display:none}.studio-admin .nav-link{padding:0 12px;font-size:11px;min-height:40px}.studio-admin .main-content{padding:30px 21px}.studio-admin .page-head{margin-bottom:25px}.studio-admin .panel{padding:22px}.studio-admin .stats--4{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-admin .stat{min-height:133px;padding:20px 17px}.studio-admin .stat strong{font-size:34px}.studio-admin .dashboard-ticket{grid-template-columns:3px minmax(0,1fr);gap:12px}.studio-admin .dashboard-ticket>.badge{grid-column:2;justify-self:start}.studio-admin .dashboard-ticket time{grid-column:2}.studio-admin .dashboard-ticket__main strong{white-space:normal}.studio-admin .ticket-row{padding:16px}.studio-portal .shell{width:calc(100% - 26px);margin:13px auto 30px}.studio-portal .intro--new{grid-template-columns:minmax(0,1fr)}.studio-portal .studio-hero-art{display:none}.studio-portal .intro--new h1{font-size:clamp(39px,7vw,54px)}.studio-auth .card{grid-template-columns:1fr}.studio-auth .visual{min-height:190px;display:block;border-right:0;border-bottom:1px solid var(--studio-line)}.studio-auth .auth-visual-logo{margin-top:32px}.studio-auth .auth-visual-art{left:auto;right:10px;width:220px;height:230px;top:-6px}.studio-auth .visual-copy{display:none}.studio-auth .auth{padding:32px}.studio-auth .mode{margin-bottom:27px}}
@media(max-width:560px){.studio-admin .window-bar{padding:0 13px;gap:10px}.studio-admin .traffic{gap:6px}.studio-admin .traffic button,.studio-admin .traffic label{width:10px;height:10px}.studio-header-account .profile-pill{display:none}.studio-admin .main-content{padding:25px 15px}.studio-admin h1{font-size:35px}.studio-admin h2{font-size:22px}.studio-admin .panel{padding:19px}.studio-admin .stat{padding:17px 14px;min-height:125px}.studio-admin .stat small{font-size:8px}.studio-admin .stat strong{font-size:32px}.studio-admin .stat span{font-size:9px}.studio-admin .panel-head{flex-wrap:wrap}.studio-admin .ticket-row__tags{flex-wrap:wrap}.studio-admin .ticket-row__tags .badge{white-space:normal}.studio-admin .message{padding:19px}.studio-admin .message header{gap:12px}.studio-portal .window{height:82px;padding:0 18px;gap:12px}.studio-portal .brand img{width:122px;height:43px}.studio-portal .lights{gap:6px}.studio-portal .lights button{width:10px;height:10px}.studio-portal .intro{padding:33px 24px}.studio-portal h1{font-size:37px;letter-spacing:-1.6px}.studio-portal .intro--new h1{font-size:39px;letter-spacing:-1.8px}.studio-portal .intro p{font-size:13px}.studio-portal .ticket-form{padding:0 24px 30px}.studio-portal .form-step{grid-template-columns:minmax(0,1fr);gap:9px;padding:29px 0}.studio-portal .fields{grid-template-columns:minmax(0,1fr);gap:17px}.studio-portal .form-step h2{font-size:24px}.studio-portal .step{font-size:9px}.studio-portal .form-step .summary dl{grid-template-columns:1fr}.studio-portal .timeline{padding:28px 24px}.studio-portal .message{max-width:100%;padding:20px}.studio-portal .actions-area{padding:0 24px 30px}.studio-portal .action-card{padding:20px}.studio-portal footer{padding:24px;display:grid;gap:18px}.studio-portal footer nav{gap:18px}.studio-portal .legal-dialog__head{padding:20px}.studio-portal .legal-dialog__body{padding:22px}.studio-auth .page,.studio-auth #auth-theme:checked~.page{padding:12px}.studio-auth .visual{padding:23px;min-height:166px}.studio-auth .auth-visual-art{width:190px;height:195px;right:-8px}.studio-auth .auth{padding:28px 24px}.studio-auth h1{font-size:43px}.studio-install .brand .studio-brand-logo{width:112px}.studio-install .chrome{gap:10px;padding:0 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
