@font-face{font-family:"Plus Jakarta Sans";src:url("/__l5e/assets-v1/0ee40043-6647-4234-8a88-54bbf1536279/plus-jakarta-sans.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/__l5e/assets-v1/84592d04-6c20-4f21-84e0-15b3c45ddd0b/barlow-condensed.woff2") format("woff2");font-weight:700 900;font-display:swap}
/* Makers Army theme over the offline bundle */
:root{--paper:#fbf7ee;--ink:#111111;--muted:#5b5750;--line:rgba(17,17,17,.16);--accent:#ffd400;--panel:#ffffff;--shadow:none}
html,body{background:var(--paper)!important}
body{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;letter-spacing:0}
.app-shell{padding:16px 0 24px;width:100%}
h1,h2{font-family:"Barlow Condensed","Plus Jakarta Sans",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.button-dark,#exportSvgBtn:not(:disabled),.preset-card-apply{background:var(--accent)!important;color:var(--ink)!important;border:2px solid var(--ink)!important;font-weight:800}
button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.comparison-section,.controls,.preset-card{border-radius:6px!important;border:1px solid var(--line)!important;background:var(--panel)!important;box-shadow:none!important}
.split-divider{background:var(--accent)!important}
.eyebrow{color:var(--ink)!important;font-weight:800;letter-spacing:.12em}

/* Customer mode: upload, two presets, zoom, before/after, PNG/SVG export only */
.customer-mode .topbar .brand,.customer-mode .topbar .title-block,
.customer-mode #browseEffectsBtn,.customer-mode #browseEffectsInlineBtn,.customer-mode #savePresetShortcut,
.customer-mode .project-tools,.customer-mode .add-effect-label,.customer-mode .add-effect,.customer-mode #addLayerNote,
.customer-mode .recipe-actions,.customer-mode .controls-footer,.customer-mode #layerList,.customer-mode .paper-note,
.customer-mode #layerEditor,.customer-mode .effect-help,.customer-mode .setting-group,.customer-mode #recipeStatus,
.customer-mode #layerCount,.customer-mode #traceSettings,.customer-mode .library-tabs,.customer-mode #effectCatalog,
.customer-mode .preset-card-save,.customer-mode .preset-browser-categories,.customer-mode .preset-browser-field,
.customer-mode .preset-browser-more,.customer-mode .preset-card-stack-names,.customer-mode #adminModeLink,
.customer-mode #renderRuntime,.customer-mode .footer,
.customer-mode .library-experiment,.customer-mode .preset-browser-hint,
.customer-mode .preset-card-stack,.customer-mode .preset-browser-count,
.customer-mode .controls > .layer-hint,.customer-mode #undoPresetBtn,
.customer-mode .vector-heading label{display:none!important}
.customer-mode .controls-heading h2::after{content:'Upload & choose a preset'}
.customer-mode .topbar{display:flex;justify-content:flex-end;margin-bottom:12px}
.customer-mode .customer-presets-inline{display:block!important}
.customer-preset-bar{display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;align-items:stretch;margin:0 0 12px}
.customer-preset-label{align-self:center;margin:0;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.customer-preset-button{display:block;text-align:left;padding:10px 12px;border:2px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);cursor:pointer;font:inherit}
.customer-preset-button:hover{border-color:var(--ink)}
.customer-preset-button[aria-checked="true"]{border-color:var(--ink);background:var(--accent)}
.customer-preset-button strong{display:block;font-size:15px}
.customer-preset-button small{display:block;margin-top:2px;font-size:12px;opacity:.8}
@media (max-width:640px){.customer-preset-bar{grid-template-columns:1fr 1fr}.customer-preset-label{grid-column:1/-1}}
.customer-mode .customer-preset-bar{display:grid!important;grid-template-columns:1fr 1fr;margin:12px 0}
.customer-mode .customer-preset-label{grid-column:1/-1}
.render-progress{display:flex;align-items:center;gap:10px;margin:8px 0;font:600 13px/1.2 inherit}
.render-progress[hidden]{display:none}
.render-progress-track{flex:1;height:8px;background:#ece6d6;border-radius:99px;overflow:hidden}
.render-progress-fill{display:block;height:100%;width:0;background:#f5c400;transition:width .12s linear}
.render-progress.is-complete .render-progress-fill{background:#111}
.render-progress-label{min-width:3.5em;font-variant-numeric:tabular-nums}

/* Customer Presets panel (replaces the effect/mix library in customer mode) */
.customer-mode #effectLibrary{display:none!important}
.customer-presets-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:2px solid var(--ink);border-radius:8px;background:var(--panel);color:var(--ink)}
.customer-presets-dialog::backdrop{background:rgba(17,17,17,.45)}
.customer-presets-dialog[open]{display:flex;flex-direction:column}
.cp-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.cp-head h2{margin:0;font-size:22px}
.cp-close{width:40px;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:22px;cursor:pointer}
.cp-body{overflow:auto;padding:16px}
.cp-save label{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.cp-save-row{display:flex;gap:8px;flex-wrap:wrap}
.cp-save-row input{flex:1;min-width:160px;padding:10px;border:1px solid var(--ink);border-radius:6px;font:inherit}
.cp-save-row button,.cp-load{padding:10px 14px;border:2px solid var(--ink);border-radius:6px;background:var(--accent);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.cp-status{min-height:1.2em;font-size:13px;margin:8px 0}
.cp-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cp-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:6px}
.cp-item.is-selected{border-color:var(--ink)}
.cp-item strong{flex:1;min-width:120px}
.cp-delete{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font:inherit;cursor:pointer}