/* Presentation-only theme. No changes to recipes, geometry, storage or engine controls. */
:root{--catalog-paper:#f6f5f0;--catalog-ink:#252722;--catalog-line:#d0d0c7;--catalog-mono:'Courier New',Courier,monospace}
.catalog-detail,.catalog-atelier{background:var(--catalog-paper);color:var(--catalog-ink);font-family:var(--catalog-mono);--ivory:var(--catalog-paper);--paper:var(--catalog-paper);--ink:var(--catalog-ink);--line:var(--catalog-line);--brass:var(--catalog-ink);--clay:var(--catalog-ink);--gold:var(--catalog-ink)}
.catalog-detail #design-page,.catalog-detail .detail-header,.catalog-detail .detail-sheet,.catalog-detail .profile-body{background:var(--catalog-paper)}
.catalog-detail .detail-header{border-bottom:1px solid var(--catalog-line)}.catalog-detail .detail-header strong{font-size:16px;text-transform:uppercase}.catalog-detail .back{border-radius:0;background:transparent}.catalog-detail .brand-small{width:32px;height:32px}.catalog-detail .detail-sheet{border-radius:0;border-top:1px solid var(--catalog-line)}.catalog-detail h1{font-size:23px;text-transform:uppercase;letter-spacing:-.035em}.catalog-detail h2{font-size:15px;text-transform:uppercase}.catalog-detail .title-price{align-items:flex-start}.catalog-detail .title-price .price{font-size:12px}.catalog-detail .description{font-size:13px}.catalog-detail .materials td{border-radius:0!important;background:#e5e0d6}.catalog-detail .material-name{font-weight:400}.catalog-detail .size-choice label{border-radius:0;border:1px solid var(--catalog-line);background:transparent}.catalog-detail .size-choice input{accent-color:var(--catalog-ink)}.catalog-detail .gallery button{border-radius:0}.catalog-detail .designer-card{background:transparent;border-block:1px solid var(--catalog-line);border-radius:0}.catalog-detail .designer-card>a{border-radius:0;background:transparent;border:1px solid var(--catalog-line);padding:12px;font-size:11px}.catalog-detail .action-bar{background:var(--catalog-paper);border-color:var(--catalog-line)}.catalog-detail .action-bar button,.catalog-detail .action-bar>a{border-radius:0;font:12px var(--catalog-mono);border-color:var(--catalog-ink)}.catalog-detail .action-bar>a{background:var(--catalog-ink)}.catalog-detail .work{border-radius:0!important;border:1px solid var(--catalog-line);background:transparent}.catalog-detail .work img{border-radius:0!important}.catalog-detail .profile-stats,.catalog-detail .profile-badge{border-radius:0}.catalog-detail .profile-copy{font-size:13px}.catalog-detail .catalog-wordmark{position:relative;display:block;width:196px;height:34px;overflow:hidden;mix-blend-mode:multiply;margin:28px auto}.catalog-detail .catalog-wordmark img{position:absolute;max-width:none;width:139%;height:auto;left:-19%;top:-34px}
.catalog-atelier .atelier-shell{background:var(--catalog-paper)}.catalog-atelier .atelier-header{border-bottom:1px solid var(--catalog-line)}.catalog-atelier .atelier-header h1,.catalog-atelier .atelier-readout>div>strong{font-family:var(--catalog-mono)}.catalog-atelier .atelier-header__back{border-radius:0}.catalog-atelier .atelier-readout>div>strong{font-size:21px}.catalog-atelier .atelier-search,.catalog-atelier .atelier-bag{border-radius:0}.catalog-atelier .guide-dialog{border-radius:0;font-family:var(--catalog-mono)}.catalog-atelier .guide-dialog h2{font-family:var(--catalog-mono);font-size:21px}.catalog-atelier .atelier-header h1>span{font-weight:700;letter-spacing:.02em}.catalog-atelier .atelier-bag{background:var(--catalog-ink)}

@font-face{font-family:CatalogSans;src:url('./assets/brand/dm-sans-400.woff2') format('woff2');font-display:swap}
@font-face{font-family:CatalogSans;src:url('./assets/brand/dm-sans-500.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--catalog-paper:#eeeae1;--catalog-ink:#1d1c19;--catalog-line:#aaa69d;--catalog-accent:#1d1c19}
.catalog-detail,.catalog-atelier{font-family:CatalogSans,Arial,sans-serif;--brass:var(--catalog-accent);--clay:var(--catalog-accent);--gold:var(--catalog-accent)}
.catalog-detail h1,.catalog-detail h2,.catalog-detail .detail-header strong{text-transform:none;font-family:CatalogSans,Arial,sans-serif}.catalog-detail h1{font-size:26px}.catalog-detail .detail-header strong{font-size:16px}.catalog-detail h2{font-size:17px}.catalog-detail .description{font-size:14px}.catalog-detail .action-bar>a{background:var(--catalog-accent);border-color:var(--catalog-accent)}.catalog-detail .action-bar button,.catalog-detail .action-bar>a{font:600 13px CatalogSans,Arial,sans-serif}.catalog-detail .catalog-wordmark{position:static;width:auto;height:auto;overflow:visible;margin:30px auto;text-align:center;font:600 22px CatalogSans,Arial,sans-serif;letter-spacing:.1em}.catalog-detail .designer-card>a{color:var(--catalog-accent)}.catalog-detail .size-choice input{accent-color:var(--catalog-accent)}.catalog-atelier .atelier-header h1,.catalog-atelier .atelier-readout>div>strong,.catalog-atelier .guide-dialog,.catalog-atelier .guide-dialog h2{font-family:CatalogSans,Arial,sans-serif}.catalog-atelier .atelier-bag{background:var(--catalog-accent)}.catalog-atelier .atelier-header h1>span{letter-spacing:.1em}

/* Keep the worktable functional while aligning its surfaces and controls. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
.catalog-atelier .atelier-header h1 span,.catalog-atelier .bracelet-diy__material-name,.catalog-atelier .bracelet-diy__material-meta,.catalog-atelier .bracelet-diy__material-price,.catalog-atelier .bracelet-diy__size-option{font-family:CatalogSans,Arial,sans-serif}
.catalog-atelier .atelier-header h1 span{font-size:14px;font-weight:600;color:var(--catalog-ink)}
.catalog-atelier .bracelet-diy-host{--diy-celadon:#e5e0d6;--diy-brass:var(--catalog-accent);--diy-ruby:var(--catalog-accent);--diy-line:var(--catalog-line)}
.catalog-atelier .bracelet-diy__material-browser{border-radius:0;background:var(--catalog-paper)}
.catalog-atelier .bracelet-diy__sub-categories{background:#e5e0d6}
.catalog-atelier .bracelet-diy__material-grid{background:#eeeae1}
.catalog-atelier .bracelet-diy .bracelet-diy__material{border-radius:2px;box-shadow:none}
.catalog-atelier .bracelet-diy .bracelet-diy__material-name{font-size:11px;font-weight:500}
.catalog-atelier .bracelet-diy .bracelet-diy__material-meta{font-size:9px}
.catalog-atelier .bracelet-diy .bracelet-diy__main-category{border-radius:0}
.catalog-atelier .bracelet-diy .bracelet-diy__main-category.is-active{background:#ddd7cb;color:var(--catalog-accent)}
.catalog-atelier .bracelet-diy .bracelet-diy__toolbar button{border-radius:2px}
.catalog-atelier .bracelet-diy .bracelet-diy__toolbar .bracelet-diy__primary{background-color:var(--catalog-accent);border-color:var(--catalog-accent);font-family:CatalogSans,Arial,sans-serif}
.catalog-atelier .bracelet-diy .atelier-bag{border-radius:0;background:var(--catalog-accent)}
.catalog-atelier .bracelet-diy .atelier-bag:hover:not(:disabled){background:#34312c}
.catalog-atelier .reconstruction-notice{background:#e5e0d6!important;color:#625e57!important;border-bottom-color:var(--catalog-line)!important}
.catalog-atelier .atelier-shell{box-shadow:none}
.catalog-atelier :where(a,button,input):focus-visible{outline-color:var(--catalog-accent)}

.catalog-atelier .bracelet-diy .bracelet-diy__material .bracelet-diy__material-name,.catalog-atelier .bracelet-diy .bracelet-diy__material .bracelet-diy__material-meta,.catalog-atelier .bracelet-diy .bracelet-diy__material .bracelet-diy__material-price{font-family:CatalogSans,Arial,sans-serif;font-style:normal}

/* Match the original paper-label direction throughout supporting pages. */
.catalog-detail{font-family:'Courier New',Courier,monospace}
.catalog-detail h1,.catalog-detail h2{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.04em}
.catalog-detail h1{font-size:28px}.catalog-detail h2{font-size:18px}.catalog-detail .detail-header strong{font:700 14px 'Courier New',monospace;text-transform:uppercase}
.catalog-detail .description,.catalog-detail .profile-copy{font-size:12px;line-height:1.75}.catalog-detail .catalog-wordmark{font:900 28px 'Arial Black',Arial,sans-serif;letter-spacing:-.05em}
.catalog-detail .action-bar button,.catalog-detail .action-bar>a{font:700 12px 'Courier New',monospace;text-transform:uppercase}.catalog-detail .profile-avatar{filter:grayscale(1)}
.catalog-atelier .atelier-header h1 span{font:900 16px 'Arial Black',Arial,sans-serif;letter-spacing:-.035em}.catalog-atelier .atelier-readout>div>strong{font-family:'Courier New',monospace;font-weight:700}.catalog-atelier .guide-dialog h2{font:900 25px 'Arial Black',Arial,sans-serif;text-transform:uppercase}.catalog-atelier .reconstruction-notice{font-family:'Courier New',monospace!important;font-size:11px!important}

.catalog-detail .catalog-wordmark{display:flex;justify-content:center;align-items:center;gap:9px}.catalog-detail .catalog-wordmark>.catalog-brand-symbol{position:static;width:60px;height:42px;max-width:none;object-fit:contain;transform:none}
