:is(:root,.studio-preview){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#eef5f0;--panel:#fcfefc;--header:#f4faf6;--surface:#f1f8f3;--ink:#172923;--muted:#4b5d55;--accent:#12624a;--accent-soft:#e4f2eb;--on-accent:#fff;--highlight:var(--accent);--button-hover:color-mix(in srgb, var(--accent), #000 12%);--wallpaper-strength:.38;--line:color-mix(in srgb, var(--panel), var(--accent) 17%);--control-line:color-mix(in srgb, var(--panel), var(--accent) 70%);--field:color-mix(in srgb, var(--panel), var(--background) 45%);--popover:color-mix(in srgb, var(--panel), var(--header) 32%);--danger:#9e282a;--danger-soft:#fff0f0;--credit:#176344;--shadow:0 2px 3px #17292305, 0 6px 20px #17292306;--popover-shadow:0 12px 38px #1729232b;--scrim:#10191a88}:is(:root,.studio-preview)[data-theme=blue]{--background:#eaf2fa;--panel:#f9fcff;--header:#edf5fd;--surface:#eff6fd;--accent:#1d5890;--accent-soft:#e1eefb}:is(:root,.studio-preview)[data-theme=indigo]{--background:#f0edf9;--panel:#fdfbff;--header:#f5f0fc;--surface:#f6f2fb;--accent:#5a3997;--accent-soft:#ede5fc}:is(:root,.studio-preview)[data-theme=navy]{--background:#e8edf5;--panel:#f8faff;--header:#edf2fa;--surface:#eef2f8;--accent:#243c65;--accent-soft:#e2e9f6}:is(:root,.studio-preview)[data-theme=amber]{--background:#f7f0e3;--panel:#fffdf7;--header:#fcf5e7;--surface:#fcf7ec;--accent:#825113;--accent-soft:#fff0d4}:is(:root,.studio-preview)[data-theme=rose]{--background:#f6edef;--panel:#fffbfc;--header:#faf0f1;--surface:#fbf3f4;--accent:#873f51;--accent-soft:#f7e7eb}:is(:root,.studio-preview)[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wallpaper-strength:.666667;--button-hover:color-mix(in srgb, var(--accent), #fff 12%);--background:#111d18;--panel:#1b2923;--header:#17251f;--surface:#23362d;--ink:#edf5f1;--muted:#b8c8c0;--accent:#91dfbf;--accent-soft:#294538;--on-accent:#121a18;--control-line:color-mix(in srgb, var(--panel), var(--accent) 60%);--danger:#ffb0ac;--danger-soft:#492e31;--credit:#92e3b4;--shadow:0 2px 12px #0002;--popover-shadow:0 12px 38px #0008}:is(:root,.studio-preview)[data-mode=dark][data-theme=blue]{--background:#121e2c;--panel:#1d2c3e;--header:#19283a;--surface:#26384e;--accent:#a8d1ff;--accent-soft:#2d4762}:is(:root,.studio-preview)[data-mode=dark][data-theme=indigo]{--background:#201a2e;--panel:#2b233c;--header:#271e37;--surface:#382d4c;--accent:#d2baff;--accent-soft:#49365f}:is(:root,.studio-preview)[data-mode=dark][data-theme=navy]{--background:#131a29;--panel:#20283a;--header:#1a2335;--surface:#29354d;--accent:#b7c8ef;--accent-soft:#364663}:is(:root,.studio-preview)[data-mode=dark][data-theme=amber]{--background:#241d16;--panel:#33281e;--header:#2c231a;--surface:#413326;--accent:#f2c77c;--accent-soft:#4b3b26}:is(:root,.studio-preview)[data-mode=dark][data-theme=rose]{--background:#251a21;--panel:#35252f;--header:#2e2029;--surface:#422e3a;--accent:#f8b8c3;--accent-soft:#523545}html{scroll-padding-block-start:var(--workspace-header-height,0px)}*,:before,:after{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font:1rem/1.55 system-ui,-apple-system,Segoe UI,sans-serif}:lang(ckb),:lang(ar){font-family:Geeza Pro,Noto Sans Arabic,system-ui,sans-serif}:lang(zh-CN){font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.2em}h1,h2,p{margin:0}h1{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:730;line-height:1.22}:lang(ckb) h1,:lang(ar) h1{letter-spacing:normal}h2{margin-block-end:.75rem;font-size:1.25rem;line-height:1.4}:where(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,.button{border:1px solid var(--accent);background:var(--accent);min-height:2.5rem;color:var(--on-accent);font:inherit;cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;padding:.45rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}:where(button:not(:disabled,.secondary),.button:not(.secondary)):hover{background:var(--button-hover)}button:disabled{opacity:.65;cursor:wait}.secondary{color:var(--accent);border-color:var(--control-line);background:0 0}.compact{min-height:2.3rem;padding-inline:.75rem}.icon{vertical-align:middle;flex:none;block-size:1.22em;inline-size:1.22em}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:.65rem;display:flex}.brand-mark{color:var(--accent);flex:none}.brand-wordmark{letter-spacing:.09em;font-family:system-ui,sans-serif;font-size:1.28rem;font-weight:830;line-height:1.06;display:block}.brand small{color:var(--muted);letter-spacing:.19em;margin-block-start:.28rem;font-size:.61rem;font-weight:720;display:block}.brand-link{text-decoration:none}.workspace{min-block-size:100svh}[data-wallpaper]{isolation:isolate}[data-wallpaper]:before{content:"";inset:var(--wallpaper-bleed,0px);z-index:-1;pointer-events:none;background:var(--wallpaper-image) var(--wallpaper-position) / var(--wallpaper-fit) no-repeat;opacity:calc(var(--wallpaper-opacity) * var(--wallpaper-strength));filter:var(--wallpaper-filter);transform:scale(var(--wallpaper-scale));position:absolute}.workspace[data-wallpaper]:before{position:fixed}.workspace-header{z-index:10;border-block-end:1px solid var(--line);background:var(--header);min-block-size:4.45rem;box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,1.75rem);padding:.55rem max(1rem,50% - 49rem);display:grid;position:sticky;inset-block-start:0}.workspace-header>.brand-link{justify-self:start}.top-navigation{scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;align-items:center;gap:.22rem;min-inline-size:0;padding:.22rem .25rem;display:flex;overflow-x:auto}.top-navigation a{min-block-size:2.65rem;color:var(--muted);white-space:nowrap;border-radius:.55rem;flex:none;align-items:center;gap:.45rem;padding:.4rem clamp(.55rem,.8vw,.75rem);font-size:1.025rem;font-weight:600;text-decoration:none;display:inline-flex}.top-navigation a:hover{background:var(--surface);color:var(--ink)}.top-navigation a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:730}.top-navigation a:focus-visible{outline-offset:-2px}[dir=rtl] .quick-action>.icon:last-of-type{transform:scaleX(-1)}.profile-menu{z-index:5;flex:none;position:relative}.profile-trigger{border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.35rem;padding:.24rem .32rem;list-style:none;display:flex}.profile-trigger::-webkit-details-marker{display:none}.profile-trigger:hover,.profile-menu[open]>.profile-trigger{background:var(--surface)}.avatar{background:var(--accent-soft);block-size:2.35rem;inline-size:2.35rem;color:var(--accent);border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid}.profile-popover{background:var(--popover);border:1px solid var(--line);max-block-size:calc(100dvh - 5rem);inline-size:min(19rem,100vw - 2rem);box-shadow:var(--popover-shadow);border-radius:.9rem;gap:.75rem;padding:.9rem;display:grid;position:absolute;inset-block-start:calc(100% + .55rem);inset-inline-end:0;overflow-y:auto}.profile-identity{overflow-wrap:anywhere;border-block-end:1px solid var(--line);padding:.15rem .25rem .7rem}.profile-identity .status{margin-block-start:.45rem}.profile-links{gap:.12rem;display:grid}.profile-links a{color:var(--ink);align-items:center;gap:.5rem;padding:.36rem .25rem;text-decoration:none;display:flex}.profile-links a:hover{color:var(--accent);text-decoration:underline}.profile-preferences{border:0;border-block:1px solid var(--line);gap:.5rem;min-inline-size:0;margin:0;padding:.65rem 0;display:grid}.profile-preferences label{font-size:.91rem}.profile-popover button{gap:.5rem;inline-size:100%}.actions-row{flex-wrap:wrap;align-items:center;gap:.55rem 1rem;display:flex}.content{width:min(94rem,100% - clamp(2rem,6vw,4.7rem));margin:clamp(1.25rem,3vw,2.35rem) auto 4rem}.eyebrow{color:var(--accent);margin-block:0 .35rem;font-size:.81rem;font-weight:750}.metrics,.split,.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.metrics{margin-block:1rem}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.panel{background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);border-radius:.95rem;padding:clamp(.9rem,3vw,1.35rem)}.metric{gap:.12rem;display:grid}.metric strong{font-size:2rem}.metric small,.hint,.empty{color:var(--muted)}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-block-end:1rem;display:flex}.fields{gap:.85rem;min-width:0;display:grid}.fields:not(.panel){border:0;margin:0;padding:0}label{align-content:start;gap:.25rem;min-width:0;font-weight:580;display:grid}input:not([type=checkbox]),select,textarea{background:var(--field);border:1px solid var(--control-line);width:100%;min-width:0;min-height:2.5rem;color:var(--ink);font:inherit;border-radius:.55rem;padding:.45rem .65rem}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical}.checkbox{align-items:center;gap:.45rem;display:flex}input[type=checkbox]{block-size:1.05rem;inline-size:1.05rem;accent-color:var(--accent)}.inline{align-items:end;gap:.55rem;display:flex}.inline label{flex:1}.search{max-width:35rem}.gate{background:radial-gradient(ellipse at 25% 25%, var(--accent-soft), transparent 52%), repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, var(--line) 45%, transparent) 23px 24px), repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, var(--line) 45%, transparent) 23px 24px);place-items:center;min-height:100svh;padding:1rem;display:grid}.gate-panel{width:min(100%,29rem);box-shadow:var(--popover-shadow);gap:1.55rem;padding:clamp(1.25rem,5vw,2.45rem);display:grid}.gate-heading .hint{margin-block-start:.45rem}.gate-panel fieldset button{margin-block-start:.35rem}.gate-language{border-block-start:1px solid var(--line);padding-block-start:.85rem}.notice{color:var(--accent);background:var(--accent-soft);border-radius:.6rem;margin-block-end:.85rem;padding:.65rem .85rem}.notice.error{color:var(--danger);background:var(--danger-soft)}form>.notice{margin-block:.75rem 0}.editor{margin-block-end:1rem}.scroll-table{margin-block:1rem .65rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-block-end:1px solid var(--line);vertical-align:top;padding:.76rem .8rem}thead th{white-space:nowrap;background:var(--surface);color:var(--muted);font-size:.9rem}td bdi[dir=ltr],.metric strong{font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface)}.phone{white-space:nowrap;display:block}.status{white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:1rem;padding:.15rem .55rem;font-size:.85rem;display:inline-block}.status.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.records{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.records>li{border-block-start:1px solid var(--line);overflow-wrap:anywhere;padding-block-start:.65rem}.private-attachments .record-heading{flex-wrap:wrap}.private-attachments input[type=file]{min-inline-size:0;max-inline-size:100%}.private-attachments progress,.invoice-controls progress{max-inline-size:100%;accent-color:var(--accent)}.record-heading{justify-content:space-between;align-items:start;gap:.65rem;display:flex}summary{cursor:pointer;color:var(--accent);padding-block:.25rem;font-weight:650}.create{margin-block-end:.85rem}.edit-form{padding-block:.45rem .7rem}.empty{padding-block:1rem}@media (max-width:1560px){.workspace-header{grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;padding-block-end:.3rem}.top-navigation{border-block-start:1px solid var(--line);grid-area:2/1/auto/-1;padding-block-start:.5rem}.profile-menu{grid-area:1/2}}@media (min-width:1000px) and (max-width:1560px){.top-navigation{flex-wrap:wrap;overflow-x:visible}}@media screen and (max-width:580px){.split,.field-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.55rem}.metric{overflow-wrap:anywhere}.workspace-header .brand-mark{block-size:2rem;inline-size:2rem}.workspace-header .brand-wordmark{font-size:1.12rem}.profile-trigger>.icon{display:none}}.invoice-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.invoice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem .65rem;display:grid}.invoice-grid-cost{grid-template-columns:repeat(5,minmax(0,1fr))}.invoice-line-field,.invoice-line-field label{grid-template-rows:subgrid;min-inline-size:0;display:grid}.invoice-line-field{grid-row:span 3;padding-block-end:.25rem}.invoice-line-field label{grid-row:span 2;align-items:end}.fabric-line.incomplete{border-inline-start:.25rem solid var(--danger)}.finance-error{color:var(--danger)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}.amounts{flex-wrap:wrap;gap:.45rem 1.5rem;display:flex}.amounts bdi,.balance bdi{white-space:nowrap;font-variant-numeric:tabular-nums}.balance{font-weight:700}.balance.owing{color:var(--danger)}.balance.availableCredit{color:var(--credit)}.balance small{font-weight:500;display:block}.multiline{white-space:pre-wrap;overflow-wrap:anywhere}.statement-filter{flex-wrap:wrap}.statement-filter label{flex:9rem;max-width:13rem}@media (max-width:850px){.invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{body{color:#000;background:#fff}[data-wallpaper]:before,.workspace-header,.no-print{display:none!important}.content{width:100%;margin:0}.print-invoice{color:#000;background:#fff;border:0}.print-invoice .scroll-table{overflow:visible}.print-invoice tr{break-inside:avoid}}.after-section{margin-block-start:1rem}.document-links{gap:.35rem;margin-block:.25rem;display:grid}.report-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.55rem;margin:0}.report-metrics .metric{overflow-wrap:anywhere;align-content:start;padding:.6rem .75rem;line-height:1.35}.report-metrics .report-value{white-space:normal;overflow-wrap:anywhere}.positive{color:var(--credit)}.icon-tile{block-size:2.15rem;inline-size:2.15rem;color:var(--highlight);background:var(--accent-soft);border-radius:.55rem;flex:none;place-items:center;display:inline-grid}.empty-state{border:1px dashed var(--line);background:var(--surface);border-radius:.8rem;justify-items:start;gap:.35rem;margin-block:.65rem .35rem;padding:clamp(.75rem,2vw,1.2rem);display:grid}.empty-state strong{font-size:1.08rem}.empty-state p{color:var(--muted)}.empty-state>div{inline-size:100%;margin-block-start:.35rem}.empty-state .create{margin-block-end:0}.empty-actions:empty{display:none}.dashboard{gap:1.55rem;display:grid}.dashboard-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.85rem;display:flex}.dashboard-heading .hint{margin-block-start:.45rem}.period-chip{border:1px solid var(--line);color:var(--accent);background:var(--panel);border-radius:.65rem;align-items:center;gap:.6rem;padding:.5rem .75rem;text-decoration:none;display:flex}.period-chip:hover{border-color:var(--accent)}.period-chip span{color:var(--muted);font-size:.76rem;font-weight:620;display:block}.period-chip bdi{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.87rem;font-weight:650}.dashboard-section h2{margin-block-end:.65rem}.dashboard-actions,.dashboard-metrics{gap:.8rem;display:grid}.dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action{min-inline-size:0;color:var(--ink);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:.8rem;align-items:center;gap:.6rem;padding:.68rem .78rem;text-decoration:none;display:flex}.quick-action strong{overflow-wrap:anywhere;font-weight:650}.quick-action>.icon{color:var(--muted);margin-inline-start:auto}a.quick-action:hover{border-color:var(--accent);background:var(--surface)}.quick-action[aria-disabled=true]{color:var(--muted);box-shadow:none;background:var(--surface)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.settings-section :is(h2,.hint){overflow-wrap:anywhere}.settings-option{overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr) auto;min-block-size:3rem;font-weight:650;display:grid}.settings-option>.icon{margin-inline-start:0}@media (max-width:640px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.kpi{align-content:start;gap:.42rem;padding:clamp(.8rem,2vw,1.05rem)}.kpi-label{min-inline-size:0;color:var(--muted);align-items:center;gap:.52rem;font-size:.93rem;font-weight:620;display:flex}a.kpi-label{color:var(--accent)}.kpi strong{overflow-wrap:anywhere;font-size:clamp(1.32rem,2.6vw,1.95rem);line-height:1.18}.dashboard-activity h2{align-items:center;gap:.55rem;display:flex}.dashboard-activity h2 .icon{color:var(--accent)}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{border-block-start:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.68rem 0;display:grid}.activity-list .hint{font-size:.9rem}.activity-amount{font-variant-numeric:tabular-nums;text-align:end}@media (max-width:1140px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.dashboard-actions{grid-template-columns:1fr;gap:.48rem}.dashboard-metrics{gap:.5rem}.kpi-label{flex-direction:column;align-items:start}.activity-list li{grid-template-columns:auto minmax(0,1fr) minmax(0,.75fr)}}.invoice-controls{z-index:2;position:sticky;inset-block-start:var(--workspace-header-height,0px)}.fabric-line{scroll-margin-block-start:9rem}.permission-grid{columns:3 16rem;column-gap:.75rem}.permission-group{border:1px solid var(--line);border-radius:.65rem;min-inline-size:0;margin:0;padding:.75rem}.permission-editor>legend{margin-block-end:.45rem;font-weight:700}.permission-group{break-inside:avoid;background:var(--surface);margin-block-end:.6rem;padding:.3rem .55rem .5rem}.permission-group legend{color:var(--accent);padding-inline:.35rem;font-weight:700}.permission-group .checkbox{cursor:pointer;border-radius:.35rem;grid-template-columns:1.15rem minmax(0,1fr);align-items:start;gap:.5rem;padding:.3rem .35rem;font-size:.9rem;display:grid}.permission-group .checkbox:has(input:checked){background:var(--accent-soft);color:var(--accent)}.permission-group .checkbox input{margin:.15rem 0 0}.permission-group .checkbox span{overflow-wrap:anywhere}.users-editor{scroll-margin-block-start:calc(var(--workspace-header-height,0px) + 1rem)}.users-editor h2{overflow-wrap:anywhere}.users-profile-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));align-items:start;gap:.8rem;display:grid}.users-password-field{max-inline-size:26rem}.users-table{margin-block:0 1rem;padding:0}.users-table :is(th,td){vertical-align:middle;overflow-wrap:anywhere;padding:.5rem .65rem}.users-table tbody tr:last-child>*{border-block-end:0}.users-row-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.users-row-actions :is(a,button){padding-inline:.55rem;font-size:.85rem}.users-history{margin-block-start:.2rem;font-size:.8rem}.users-mobile-label{display:none}.confirm-subject{overflow-wrap:anywhere;margin-block-end:.75rem;font-weight:700}@media (max-width:640px){.users-table thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.users-table :is(table,tbody){display:block}.users-table tbody tr{border-block-end:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));padding:.65rem;display:grid}.users-table tbody tr:last-child{border-block-end:0}.users-table :is(th,td){border:0;min-inline-size:0;padding:.25rem;display:block}.users-table :is(th,.users-action-cell){grid-column:1/-1}.users-mobile-label{color:var(--muted);font-size:.8rem;display:block}}.customer-editor{padding:clamp(.75rem,2vw,1.15rem)}.customer-editor h2{margin-block-end:.55rem}.customer-form,.command-form,.command-form>fieldset{gap:.55rem}.customer-form :is(input:not([type=hidden]),select){block-size:2.5rem}.customer-details-grid,.customer-phone-grid,.invoice-header-fields,.compact-form-grid{gap:.5rem .75rem;min-inline-size:0;display:grid}.customer-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.customer-choice{min-inline-size:0}.customer-notes{grid-column:span 2}.customer-city-search summary{font-size:.87rem}.customer-city-search[open] summary{margin-block-end:.2rem}.customer-form>.hint{font-size:.88rem}.phone-row{border:1px solid var(--line);border-radius:.65rem;min-inline-size:0;margin:0;padding:.35rem .65rem .55rem}.phone-row legend{padding-inline:.25rem;font-size:.87rem;font-weight:650}.customer-phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.customer-phone-grid:has(button){grid-template-columns:repeat(3,minmax(0,1fr)) auto}.customer-form-actions{border-block-start:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding-block-start:.55rem;display:flex}.customer-save{min-inline-size:min(100%,7rem);margin-inline-start:auto}.compact-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));align-items:end}.transaction-currency{border-block-start:1px solid var(--line);gap:.35rem;padding-block-start:.45rem}.transaction-currency h3{margin:0;font-size:1rem}.transaction-currency .hint{font-size:.88rem}@media (max-width:850px){.customer-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-phone-grid:has(button){grid-template-columns:repeat(3,minmax(0,1fr))}.customer-phone-grid button{grid-column:1/-1;justify-self:start}}@media (max-width:540px){.customer-details-grid{grid-template-columns:minmax(0,1fr)}.customer-notes{grid-column:auto}:is(.customer-phone-grid,.customer-phone-grid:has(button)){grid-template-columns:repeat(2,minmax(0,1fr))}.customer-phone-number{grid-column:1/-1}}.audit-details{white-space:pre-wrap;overflow-wrap:anywhere;max-inline-size:min(100%,64rem)}.confirm-dialog{inline-size:min(28rem,100% - 2rem);color:var(--ink)}.confirm-dialog::backdrop{background:var(--scrim)}.confirm-dialog .actions-row{justify-content:end}.danger-button,.danger-button:hover{background:var(--danger);border-color:var(--danger);color:var(--on-accent)}button.secondary.danger-button{color:var(--danger);border-color:var(--danger);background:0 0}.deletion-note{max-inline-size:20rem;margin-block-start:.35rem;font-size:.9rem}.document-logo{object-fit:contain;max-block-size:4.5rem;max-inline-size:min(100%,12rem);display:block}.invoice-workspace{gap:1rem;min-inline-size:0;display:grid}.invoice-workspace>.page-heading{margin:0}.invoice-list-panel{gap:1rem;display:grid}.invoice-tabs{border-block-end:1px solid var(--line);flex-wrap:wrap;gap:.45rem;padding-block-end:.65rem;display:flex}.invoice-tabs a{color:var(--muted);border-radius:.55rem;align-items:center;gap:.5rem;padding:.45rem .7rem;font-weight:650;text-decoration:none;display:flex}.invoice-tabs a[aria-current]{background:var(--accent-soft);color:var(--accent)}.invoice-tabs a:hover{text-decoration:underline}.invoice-tabs bdi{border:1px solid var(--line);border-radius:1rem;padding-inline:.42rem;font-size:.86em}.invoice-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.7rem;display:grid}.invoice-search{grid-column:span 2}.invoice-list-table{margin:0}.invoice-list-table td,.invoice-list-table th{vertical-align:middle}.invoice-list-table tbody td:nth-child(4){font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-page-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.invoice-status{white-space:nowrap;background:var(--surface);color:var(--muted);border-radius:1rem;padding:.17rem .62rem;font-size:.9rem;font-weight:700;display:inline-block}.invoice-status-completed{color:var(--credit)}.invoice-status-hold{background:var(--accent-soft);color:var(--accent)}.invoice-status-canceled{color:var(--danger);background:var(--danger-soft)}.invoice-controls{padding:.55rem .85rem}.invoice-controls .button,.invoice-controls button{padding:.35rem .7rem}.invoice-save-state{font-weight:650}.invoice-save-saved{color:var(--credit)}.invoice-save-saving,.invoice-save-unsaved{color:var(--muted)}.invoice-details h2,.invoice-lines h2{margin-block-end:.2rem}.invoice-lines,.invoice-details,.fabric-line,.invoice-charges,.invoice-payment,.invoice-payment form>fieldset{gap:.5rem}.invoice-workspace :is(.invoice-details,.fabric-line,.invoice-charges,.invoice-payment){padding:clamp(.75rem,1.6vw,1rem)}.invoice-header-fields{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.invoice-charges .field-grid{align-items:end;gap:.5rem .65rem}.invoice-charges[open]>summary{margin-block-end:.55rem}.invoice-payment-history dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}.invoice-payment-history .scroll-table{margin-block:0}.invoice-payment h2{margin-block-end:0}.invoice-line-heading h3{margin:.25rem 0;font-size:1.04rem}.invoice-fabric{gap:.25rem}.fabric-search summary{padding-block:.25rem}.fabric-search label{margin-block-end:.3rem}.invoice-line-amounts{background:var(--surface);border-radius:.6rem;padding:.4rem .6rem}.invoice-line-amounts bdi{font-weight:700}.invoice-summary dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.invoice-summary dl>div{background:var(--surface);border-radius:.6rem;min-inline-size:0;padding:.6rem .7rem}.invoice-summary dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.2rem;font-weight:740}.invoice-cancellation{border-inline-start:.25rem solid var(--danger)}.invoice-cancellation h2{margin-block-end:.2rem}@media (max-width:850px){.invoice-filters,.invoice-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:620px){.invoice-list-table table,.invoice-list-table tbody{display:block}.invoice-list-table thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.invoice-list-table tbody tr{border:1px solid var(--line);border-radius:.65rem;gap:.3rem;margin-block-end:.6rem;padding:.65rem;display:grid}.invoice-list-table tbody :is(th,td){overflow-wrap:anywhere;border:0;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.15rem 0;display:flex}.invoice-list-table td:before{content:attr(data-label);color:var(--muted);flex-shrink:0;font-size:.87rem}.invoice-list-table td .actions-row{justify-content:end;gap:.35rem .6rem}}@media (max-width:540px){.invoice-header-fields{grid-template-columns:minmax(0,1fr)}}.settings-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin-block-end:.35rem;font-size:.9rem;display:flex}.settings-breadcrumb [aria-current]{color:var(--ink);font-weight:650}.settings-list,.settings-form{gap:.85rem;display:grid}.settings-editor{margin-block-end:1rem}.settings-editor .page-heading{margin-block-end:.65rem}.settings-editor h2{margin:0}.settings-editor .settings-form{max-inline-size:38rem}.settings-filters{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto;align-items:end;gap:.65rem;display:grid}.settings-filters:not(:has(select[name=season])){grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}.settings-table{margin:0}.settings-table :is(th,td){vertical-align:middle;overflow-wrap:anywhere;padding:.55rem .7rem}.settings-table .actions-row{gap:.4rem}.settings-row-actions{gap:.35rem;display:grid}.settings-protected{max-inline-size:36ch;font-size:.86rem}.settings-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.settings-numbering{gap:.85rem;max-inline-size:42rem;display:grid}.settings-numbering dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.65rem;margin:0;display:grid}.settings-numbering dl>div{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;padding:.65rem .85rem}.settings-numbering dd{overflow-wrap:anywhere;margin:.15rem 0 0;font-size:1.2rem;font-weight:740}.settings-branding{max-inline-size:56rem}.settings-branding .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-audit-details{max-inline-size:38rem}@media (max-width:920px){:is(.settings-filters,.settings-filters:not(:has(select[name=season]))){grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:620px){.settings-branding .field-grid{grid-template-columns:minmax(0,1fr)}.settings-filters>label:first-child,.settings-filters>.actions-row{grid-column:1/-1}.settings-table :is(table,tbody){display:block}.settings-table thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.settings-table tbody tr{border:1px solid var(--line);border-radius:.65rem;gap:.35rem;margin-block-end:.5rem;padding:.7rem;display:grid}.settings-table tbody :is(th,td){border:0;padding:0}.settings-table td{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.settings-table td:before{content:attr(data-label);color:var(--muted);font-size:.87rem}.settings-table td .actions-row{justify-content:end}.settings-protected{text-align:end}}.invoice-status-deleted{color:var(--danger);background:var(--danger-soft)}.invoice-status-updated{color:var(--accent);background:var(--accent-soft);margin-inline-start:.35rem}.invoice-version-snapshot{min-inline-size:0}.invoice-detail-heading{align-items:end}.invoice-detail-status{flex-wrap:wrap;gap:.35rem;margin-block-end:.25rem;display:flex}.invoice-detail-status .invoice-status{margin-inline-start:0}.invoice-detail-meta{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem 1rem;margin:0;display:grid}.invoice-detail-meta dt{color:var(--muted);font-size:.9rem}.invoice-detail-meta dd{overflow-wrap:anywhere;margin:.15rem 0 0}.invoice-detail-notes{grid-column:1/-1}.report-workspace{min-inline-size:0}.report-tabs{border-block-end:1px solid var(--line);gap:.35rem;padding:.25rem;display:flex;overflow-x:auto}.report-tabs a{white-space:nowrap;border-radius:.45rem;padding:.6rem .85rem;display:block}.report-tabs a[aria-current=page]{color:var(--accent);box-shadow:inset 0 -3px var(--accent);font-weight:700}.report-panel{min-inline-size:0}.report-value{white-space:nowrap;font-variant-numeric:tabular-nums}.report-text{overflow-wrap:anywhere;min-inline-size:6rem;max-inline-size:22rem}.report-panel tfoot{font-weight:700}.report-workspace .metric{min-inline-size:0}.report-workspace .metric strong{font-size:clamp(1.05rem,2.2vw,1.45rem)}.customer-workspace,.customer-overview,.customer-list{gap:1rem;min-inline-size:0;display:grid}.customer-workspace>:is(.page-heading,.editor),.customer-list>.page-heading{margin:0}.customer-overview h2,.customer-list h2,.customer-rankings h3{margin-block-end:.2rem}.customer-metrics{grid-template-columns:repeat(10,minmax(0,1fr));gap:.75rem;display:grid}.customer-metrics .metric{overflow-wrap:anywhere;grid-column:span 2;align-content:space-between;gap:.4rem}.customer-metrics .metric strong{font-size:clamp(1.15rem,2.4vw,1.85rem)}.customer-metrics [data-metric=outstanding],.customer-status-debt{color:var(--danger)}.customer-metrics [data-metric=credit],.customer-status-creditStatus{color:var(--credit)}.customer-rankings ol{margin:.45rem 0 0;padding-inline-start:1.4rem}.customer-rankings li{border-block-start:1px solid var(--line);overflow-wrap:anywhere;padding:.45rem 0}.customer-rankings li>a{max-inline-size:100%;padding-block:.22rem;padding-inline-end:.75rem;display:inline-block}.customer-rankings li>strong{float:inline-end;font-variant-numeric:tabular-nums}.customer-rankings li{display:flow-root list-item}.customer-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.7rem;display:grid}.customer-search{grid-column:span 2}.customer-export .notice{margin-block:.45rem 0}.customer-table{margin:0}.customer-table :is(th,td){padding:.6rem .55rem}.customer-table tbody :is(th,td){overflow-wrap:anywhere}.customer-identifier{color:var(--muted);max-inline-size:17rem;font-size:.74rem;font-weight:450;display:block}.customer-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem 1rem;display:flex}.customer-account-metrics{margin-block:1rem}.customer-account-metrics time{font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:1000px){.customer-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.customer-metrics .metric:nth-child(-n+2){grid-column:span 3}}@media screen and (max-width:760px){.customer-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-table{overflow:visible}.customer-table :is(table,tbody){display:block}.customer-table thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.customer-table tbody tr{border:1px solid var(--line);border-radius:.65rem;gap:.25rem;margin-block-end:.55rem;padding:.7rem;display:grid}.customer-table tbody :is(th,td){border:0;min-inline-size:0;padding:.16rem 0}.customer-table td[data-label]{text-align:end;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.5rem;display:grid}.customer-table td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:start;font-size:.86rem}.customer-table :is(.balance bdi,.phone,.status){white-space:normal}.customer-actions .actions-row{justify-content:start;gap:.35rem .75rem}.customer-actions :is(a,button),.customer-export button{align-items:center;min-block-size:2.75rem;display:inline-flex}.customer-export button{white-space:normal}}@media screen and not (min-width:1000px){html{scroll-padding-block-end:1rem}.workspace-header{min-block-size:0;padding:calc(.35rem + env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .35rem max(.75rem, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem}.workspace-header:has(>.top-navigation a){grid-template-columns:2.75rem minmax(0,1fr) auto}.workspace-header>.top-navigation{display:none}.workspace-header>.brand-link{grid-area:1/2}.workspace-header>.profile-menu{grid-area:1/3}.profile-trigger{justify-content:center;min-block-size:2.75rem;min-inline-size:2.75rem}.profile-popover{max-block-size:calc(100dvh - var(--workspace-header-height,4rem) - env(safe-area-inset-bottom) - 1rem);overscroll-behavior:contain}.profile-links a{min-block-size:2.75rem}.navigation-trigger{inline-size:2.75rem;padding:0}.navigation-drawer{--drawer-offset:-100%;block-size:100dvh;max-block-size:none;inline-size:min(22rem,100% - 3rem);max-inline-size:none;padding:calc(.65rem + env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));border:0;border-inline-end:1px solid var(--line);background:var(--header);color:var(--ink);box-shadow:var(--popover-shadow);translate:var(--drawer-offset) 0;transition:translate .18s ease, display .18s allow-discrete, overlay .18s allow-discrete;margin:0;margin-inline-end:auto;position:fixed;inset:0}[dir=rtl] .navigation-drawer{--drawer-offset:100%}.navigation-drawer[open]{grid-template-rows:auto minmax(0,1fr);display:grid;translate:0}@starting-style{.navigation-drawer[open]{translate:var(--drawer-offset) 0}}.navigation-drawer::backdrop{background:var(--scrim)}.navigation-drawer-heading{justify-content:space-between;align-items:center;gap:.75rem;padding-block-end:.65rem;display:flex}.navigation-drawer-heading h2{overflow-wrap:anywhere;margin:0}.navigation-drawer .top-navigation{overscroll-behavior:contain;flex-direction:column;align-items:stretch;padding:.6rem .15rem .25rem;overflow:auto}.navigation-drawer a{white-space:normal;min-block-size:3rem}.navigation-drawer a span{overflow-wrap:anywhere}:is(html:has(.navigation-drawer[open]),body:has(.navigation-drawer[open])){overscroll-behavior:none;overflow:hidden}.content{width:auto;margin:1rem max(.75rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left))}.gate{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}input:not([type=checkbox]),select,textarea{min-block-size:2.75rem;max-inline-size:100%;font-size:max(16px,1rem)}.customer-form :is(input:not([type=hidden]),select){block-size:2.75rem}input[type=date]{inline-size:100%;display:block}input[type=date]::-webkit-date-and-time-value{text-align:start}input[type=file]::file-selector-button{font:inherit}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.content :is(button,.button,summary,.checkbox,.actions-row>a,.page-heading>a,.scroll-table td a,.records li>a){min-block-size:2.75rem}.content summary{padding-block:.55rem}.content :is(.actions-row>a,.page-heading>a,.scroll-table td a,.records li>a){align-items:center;display:inline-flex}.content :is(.record-heading,.inline,.actions-row)>*{min-inline-size:0;max-inline-size:100%}.content :is(.record-heading,.notice,.hint,label,legend,.button,button,summary){overflow-wrap:anywhere}.content .button,.content button{text-align:center}.content .record-heading{flex-wrap:wrap}.content .panel.fields{border:1px solid var(--line);padding:.85rem}.content .fabric-line.incomplete{border-inline-start:.25rem solid var(--danger)}.metric :is(.balance,.balance bdi){white-space:normal;overflow-wrap:anywhere}.scroll-table{overscroll-behavior-inline:contain;max-inline-size:100%}.scroll-table:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll-table :is(td,th){padding-inline:.65rem}.scroll-table bdi[dir=ltr]{font-variant-numeric:tabular-nums}.report-workspace .metric{overflow-wrap:anywhere;overflow:visible}.report-tabs{flex-wrap:wrap;overflow:visible}.report-tabs a{white-space:normal;min-block-size:2.75rem}.invoice-tabs a{min-block-size:2.75rem}.invoice-controls{padding:.5rem .65rem}.invoice-workspace:has(:is(input,textarea,select):focus)>.invoice-controls{position:static}.fabric-line{scroll-margin-block-start:.75rem}.confirm-dialog{max-block-size:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2rem);overflow:auto}}@media screen and (max-width:620px){.content :is(.field-grid,.split){grid-template-columns:minmax(0,1fr)}.content .metrics:not(.report-metrics){grid-template-columns:repeat(2,minmax(0,1fr))}.content .inline{flex-wrap:wrap}.content .inline label{flex:11rem;max-inline-size:none}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-metrics .metric:nth-child(n){grid-column:auto}.customer-metrics .metric:last-child{grid-column:1/-1}.customer-rankings li>a{min-block-size:2.75rem}.invoice-list-table tbody td:nth-child(4){white-space:normal}.invoice-list-table td:before,.settings-table td:before{overflow-wrap:anywhere;flex:0 42%}.invoice-list-table tbody :is(th,td),.settings-table tbody :is(th,td){min-inline-size:0;padding-inline:0}.invoice-list-table tbody td>*,.settings-table tbody td>*{min-inline-size:0}.activity-list li{grid-template-columns:auto minmax(0,1fr);gap:.25rem .55rem}.activity-amount{text-align:start;grid-column:2}.content .amounts bdi{white-space:normal;overflow-wrap:anywhere}}@media screen and (max-width:440px){.customer-metrics .metric:nth-child(-n+2){grid-column:1/-1}}@media screen and (max-width:390px){:is(.invoice-filters,.customer-filters,.settings-filters,.settings-filters:not(:has(select[name=season]))){grid-template-columns:minmax(0,1fr)}.invoice-search,.customer-search{grid-column:auto}}@media screen and (not (min-width:1000px)) and (max-height:420px){.invoice-controls{position:static}}@media (prefers-reduced-motion:reduce){.navigation-drawer{transition:none}}.filter-status{grid-column:1/-1}.customer-export{flex-wrap:wrap;align-items:start;gap:.5rem;display:flex}.customer-export>:is(details,.notice){flex-basis:100%}.customer-maintenance{margin-block-start:.2rem}.customer-maintenance>summary{font-size:.85rem}.customer-maintenance[open]>summary{margin-block-end:.35rem}@media screen and (min-width:1000px){.content>.page-heading,.content>:is(.customer-workspace,.invoice-workspace)>.page-heading{gap:.85rem 1.25rem}.top-navigation a{font-size:.92rem}.content .scroll-table{border:1px solid var(--line);scrollbar-color:var(--control-line) var(--surface);border-radius:.7rem}.content .panel.fields>.scroll-table{margin-block:.1rem}.content .scroll-table>table :is(th,td){vertical-align:middle;overflow-wrap:anywhere;padding:.65rem clamp(.45rem,.8vw,.85rem);line-height:1.4}.content .scroll-table thead th{background:color-mix(in srgb, var(--surface), var(--accent) 8%);color:var(--ink);white-space:normal;overflow-wrap:normal;font-size:.85rem}.content .scroll-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--panel), var(--surface) 55%)}.content .scroll-table tbody tr:is(:hover,:focus-within){background:var(--accent-soft)}.content .scroll-table tbody:last-child tr:last-child>:is(th,td){border-block-end:0}.content .scroll-table :is(.table-amount,.report-value){text-align:end;font-variant-numeric:tabular-nums}.content .scroll-table :is(.table-amount,.report-value) bdi{white-space:normal;overflow-wrap:anywhere;max-inline-size:15ch;display:inline-block}.content .scroll-table :is(.table-date,th[scope=row] a bdi[dir=ltr]){white-space:nowrap;font-variant-numeric:tabular-nums}.invoice-list-table th[scope=row]{min-inline-size:7rem}.invoice-list-table :is(th,td):nth-child(3){inline-size:35%}.invoice-list-table :is(th,td):last-child{min-inline-size:8rem}.invoice-list-table td .actions-row{gap:.25rem .65rem}.customer-table th[scope=row]{min-inline-size:10rem}.customer-table .customer-actions{min-inline-size:8rem}.customer-table .customer-identifier{max-inline-size:25ch}.content :is(.customer-filters,.invoice-filters,.settings-filters) label{font-size:.89rem}.content :is(.customer-filters,.invoice-filters,.settings-filters) :is(input,select){font-size:.94rem}}.studio-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.45rem;margin-block-end:.4rem;display:flex}.studio{gap:1rem;display:grid}.studio-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,27rem);align-items:start;gap:1rem;display:grid}.studio-workbench{grid-area:1/1}.studio-aside{grid-area:1/2;position:sticky;inset-block-start:calc(var(--workspace-header-height,0px) + 1rem)}.studio-sections{border-block-end:1px solid var(--line);flex-wrap:wrap;gap:.45rem;margin-block-end:.85rem;padding-block-end:.85rem;display:flex}.studio :is(.studio-sections,.studio-saved,.studio-builtins) button[aria-pressed=true],.studio-classic[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.studio-filters,.studio-adjustments{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.studio-classic{justify-self:start}.studio-gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:.75rem;display:grid}button.studio-card{text-align:start;border-color:var(--line);background:var(--field);min-width:0;color:var(--ink);grid-template:auto 1fr/minmax(0,1fr);align-items:start;gap:0;padding:0;display:grid;overflow:hidden}.studio-card:hover,.studio-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.studio-card-art{aspect-ratio:2.3;background:var(--background);border-block-end:1px solid var(--line);grid-template-rows:1fr 1fr;grid-template-columns:1.3fr 1fr 1fr;gap:.25rem;padding:.5rem;display:grid}.studio-card-art>span{background:var(--panel);border:1px solid var(--line);border-radius:.23rem}.studio-card-art>:first-child{background:var(--header);grid-row:1/3}.studio-card-art>:nth-child(2){background:var(--surface);grid-column:span 2}.studio-card-art>:nth-child(3){background:var(--accent);border:0}.studio-card-art>:nth-child(4){background:var(--highlight);border:0}.studio-card-name{overflow-wrap:anywhere;padding:.55rem .65rem;line-height:1.3}.studio-card-name small{color:var(--muted);margin-block-start:.2rem;font-size:.8rem;display:block}.studio-preview{isolation:isolate;border:1px solid var(--line);background:var(--background);color:var(--ink);border-radius:.65rem;position:relative;overflow:hidden}.studio-preview-nav{background:var(--header);flex-wrap:wrap;gap:.35rem;padding:.5rem;display:flex}.studio-preview-nav>span{padding:.22rem .4rem;font-size:.88rem}.studio-preview-nav-active{background:var(--accent-soft);color:var(--accent);border-radius:.35rem;font-weight:700}.studio-preview-content{gap:.55rem;padding:.65rem;display:grid}.studio-preview-panel{border:1px solid var(--line);background:var(--panel);border-radius:.55rem;min-inline-size:0;overflow:hidden}.studio-preview :is(th,td){white-space:normal;padding:.45rem .5rem;font-size:.85rem}.studio-preview-actions{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem;display:flex}.studio-preview-field{border:1px solid var(--control-line);background:var(--field);color:var(--muted);border-radius:.4rem;flex:7rem;padding:.4rem;font-size:.86rem}.studio-preview-actions .button{cursor:default}.studio-preview-colors{grid-template-columns:repeat(5,1fr);gap:.2rem;display:grid}.studio-preview-colors>span{border:1px solid var(--line);border-radius:.2rem;min-block-size:.8rem}.studio-preview-colors>:first-child{background:var(--accent)}.studio-preview-colors>:nth-child(2){background:var(--highlight)}.studio-preview-colors>:nth-child(3){background:var(--header)}.studio-preview-colors>:nth-child(4){background:var(--ink)}.studio-preview-colors>:nth-child(5){background:var(--panel)}.studio-saved{flex-wrap:wrap;gap:.5rem;display:flex}.studio-saved-swatch{border:1px solid var(--line);border-radius:.25rem;flex:none;block-size:1rem;inline-size:1rem}.studio-saved button{overflow-wrap:anywhere;gap:.5rem;max-inline-size:100%}fieldset.studio-editor{border-block-start:1px solid var(--line);padding-block-start:.55rem}.studio-editor legend{padding-inline:0 .5rem;font-weight:700}.studio-delete{color:var(--danger)}.studio-colors{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.55rem;display:grid}.studio-color-input{align-items:center;gap:.5rem;display:flex}.studio-color-input input{cursor:pointer;flex:none;inline-size:2.75rem;padding:.2rem}.studio-color-input code{color:var(--muted);direction:ltr}.studio-builtins{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.6rem;display:grid}.studio-builtins button{grid-template-columns:minmax(0,1fr);gap:.4rem;padding:.4rem;display:grid}.studio-builtins button span{border-radius:.35rem;min-block-size:3.1rem;inline-size:100%}.studio-range>span{flex-wrap:wrap;justify-content:space-between;gap:.3rem;display:flex}.studio-range bdi{color:var(--muted)}.studio-range input[type=range]{accent-color:var(--accent);border:0;padding:0}.studio-footer{z-index:2;position:sticky;inset-block-end:.5rem}.studio-footer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.studio-edit-notice{margin-block-end:.65rem}.studio-preview-link{display:none}@media (max-width:860px){.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-aside{grid-area:1/1;position:static}.studio-workbench{grid-row:2}.studio-preview-link{display:inline}.studio-footer{position:static}}@media (max-width:430px){.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.studio-filters{grid-template-columns:1fr}}