/* Shared ROAM identity: charcoal, warm gold, existing compass mark. */
:root{--bg:#141414;--panel:#1c1c1b;--panel2:#242422;--line:#3c3a33;--text:#f3f0e8;--muted:#b2afa6;--accent:#d7bb7e;--accent-dark:#30291c}
.site-header{height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}
.site-header .brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:3px}
.site-header nav{display:flex;gap:26px;font-size:13px;color:var(--muted)}
.site-header [aria-current=page]{color:var(--accent)}
.release-label{font-size:10px;letter-spacing:.8px;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:4px}
.launch-hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:530px;gap:64px;align-items:center;padding-block:64px}
.launch-kicker{font-size:10px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;line-height:1.8}
.launch-hero h1{font-size:clamp(42px,5vw,68px);font-weight:500;letter-spacing:-2.5px;line-height:1.12;margin:19px 0 25px}
.launch-hero p:not(.launch-kicker){font-size:16px;color:var(--muted);line-height:1.85;max-width:520px}
.launch-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px;align-items:center}
.launch-actions .button{font-size:12px;min-height:46px;gap:20px}
.cover-art{position:relative;min-height:410px;background:linear-gradient(0deg,#111d,transparent 70%),url('/assets/waterfront-1000.webp') center/cover;border:1px solid #6f6040;border-radius:7px;overflow:hidden;box-shadow:0 25px 60px #0003}
.cover-art:before{content:'';position:absolute;inset:17px;border:1px solid #d7bb7e60;border-radius:2px}
.cover-top{position:absolute;left:38px;right:38px;top:38px;display:flex;align-items:center;justify-content:space-between;color:#f7e9ca;font-size:10px;letter-spacing:2px}
.cover-top img{width:35px;height:35px}
.cover-bottom{position:absolute;bottom:40px;left:38px;right:38px}
.cover-bottom strong{display:block;font-size:37px;font-weight:450;letter-spacing:-1px;line-height:1.2}
.cover-bottom p{margin-top:15px;font-size:10px!important;color:#e6dcc7!important;letter-spacing:1px;text-transform:uppercase}
.catalogue{padding:42px 0 65px;border-top:1px solid var(--line)}
.launch-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:27px}
.launch-heading h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin-top:10px}
.launch-heading>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:350px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.product-card{padding:30px;border:1px solid var(--line);border-radius:7px;background:var(--panel);position:relative}
.product-card.featured{border-color:#8a7548;background:linear-gradient(120deg,#29251d,#1c1c1b)}
.product-card h3{font-size:27px;letter-spacing:-.7px;font-weight:500;margin:18px 0 15px}
.product-card p{font-size:13px;line-height:1.8;color:var(--muted)}
.product-card ul{padding-left:18px;font-size:13px;line-height:2.1;color:#d6d1c6;margin-block:20px}
.product-price{font-size:26px;color:var(--text);margin:22px 0 8px}
.product-price small{font-size:11px;color:var(--muted);font-weight:400}
.product-card .button{margin-top:23px;font-size:12px;min-height:44px}
.product-card .fineprint{font-size:10px;margin-top:12px}
.launch-note{margin:0 auto 42px;padding:20px 25px;border-left:2px solid var(--accent);background:var(--panel);font-size:12px;color:var(--muted);line-height:1.9}
.launch-note strong{color:var(--text);font-weight:500}
.kit-stats{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}
.kit-stats div{padding-right:25px;border-right:1px solid var(--line)}
.kit-stats div:last-child{border-right:0}.kit-stats strong{display:block;font-size:27px;color:var(--accent);font-weight:450}.kit-stats span{font-size:11px;color:var(--muted)}
.brief-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:0;padding:0;list-style:none}
.brief-list li{display:flex;gap:17px;padding:19px 0;border-top:1px solid var(--line);align-items:start}
.brief-list .num{font-size:12px;color:var(--accent);padding-top:2px}
.brief-list h3{font-size:14px;line-height:1.6;font-weight:500}.brief-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.sample-section{padding-block:45px;border-top:1px solid var(--line)}
.sample-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}
.sample-nav{display:flex;flex-direction:column;gap:8px}
.sample-nav button{text-align:left;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:17px;font-size:13px;line-height:1.7;color:var(--muted)}
.sample-nav button[aria-pressed=true]{background:#30291f;border-color:#9b8251;color:var(--text)}
.sample-nav button small{display:block;font-size:9px;letter-spacing:1px;color:var(--accent);margin-bottom:5px}
.sample-body{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:7px;min-width:0}
.sample-body h3{font-size:23px;line-height:1.5;font-weight:500;margin-bottom:12px}.sample-body h4{font-weight:500;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--accent);margin:25px 0 10px}
.sample-body p,.sample-body li{font-size:13px;line-height:1.9;color:#cecbc3}.sample-body ul{padding-left:20px}.sample-body .hook{font-size:19px;line-height:1.6;color:#f1e6cc;padding:18px 0;border-block:1px solid var(--line)}
.source-line{margin-top:16px;font-size:11px!important;color:var(--muted)!important}.source-line a{text-decoration:underline;text-underline-offset:3px}
.editor-section{padding-block:45px;border-top:1px solid var(--line)}
.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
.editor-form label{display:block;font-size:12px;color:var(--muted);margin:0 0 9px}
.editor-form input,.editor-form textarea,.editor-form select{width:100%;padding:13px;border:1px solid #504b3f;border-radius:4px;background:#20201e;color:var(--text);margin-bottom:20px;font-size:16px;line-height:1.5}
.editor-form textarea{min-height:130px;resize:vertical}.editor-form .button{font-size:12px;min-height:44px}
.editor-preview{border:1px solid #70603f;border-radius:7px;overflow:hidden;background:#191b1e}.editor-preview svg{width:100%;height:auto;display:block}.editor-preview-label{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.8}
.local-status{font-size:11px!important;min-height:24px;color:var(--accent)!important;margin-top:13px;line-height:1.7}
.faq-simple{padding:30px 0 50px}.faq-simple details{border-top:1px solid var(--line);padding:20px 0}.faq-simple summary{font-size:14px;cursor:pointer}.faq-simple p{font-size:13px;line-height:1.9;color:var(--muted);max-width:750px;margin-top:15px}.faq-simple a{text-decoration:underline}
.launch-footer{border-top:1px solid var(--line);padding-block:28px 40px;display:flex;justify-content:space-between;gap:25px;align-items:start;font-size:10px;line-height:1.9;color:var(--muted)}.launch-footer a{text-decoration:underline;text-underline-offset:4px}.launch-footer strong{color:var(--text);letter-spacing:2px;font-weight:500}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.launch-hero{gap:30px;min-height:0}.cover-art{min-height:360px}.sample-layout{grid-template-columns:220px 1fr}.cover-bottom strong{font-size:30px}.cover-top,.cover-bottom{left:28px;right:28px}.launch-hero h1{font-size:46px}}
@media(max-width:680px){.site-header{height:auto;min-height:83px;flex-wrap:wrap;gap:15px;padding-block:20px}.site-header .brand{font-size:21px}.site-header nav{font-size:12px;gap:19px;order:3;flex-basis:100%}.release-label{font-size:9px}.launch-hero{grid-template-columns:1fr;padding-block:32px;gap:28px}.launch-hero h1{font-size:43px;letter-spacing:-1.5px}.launch-hero p:not(.launch-kicker){font-size:14px}.cover-art{min-height:280px}.cover-bottom strong{font-size:34px}.cover-top{top:28px}.cover-bottom{bottom:28px}.launch-heading{display:block}.launch-heading>p{margin-top:15px}.launch-heading h2{font-size:27px}.product-grid{grid-template-columns:1fr}.product-card{padding:24px}.product-card h3{font-size:25px}.brief-list{grid-template-columns:1fr}.sample-layout{grid-template-columns:1fr}.sample-nav{flex-direction:column}.sample-nav button{padding:13px 17px}.sample-body{padding:22px}.sample-body h3{font-size:21px}.editor-layout{grid-template-columns:1fr}.launch-footer{flex-direction:column;gap:12px}.kit-stats{gap:16px}.kit-stats div{padding-right:16px}.kit-stats strong{font-size:23px}.launch-actions .button{flex:1;justify-content:space-between}.catalogue{padding-block:30px 40px}.launch-note{padding:18px;font-size:12px}.sample-section,.editor-section{padding-block:32px}}
@media print{.site-header,.launch-footer,.launch-actions,.sample-nav,.editor-form{display:none}body{background:white;color:#111}.sample-body,.product-card{background:white;color:#111;break-inside:avoid}.sample-body p,.sample-body li{color:#222}.wrap{width:100%}}

/* File export stays available until replaced or the page is closed. */
.creator-export{padding:28px;background:var(--panel);border:1px solid #8a7548;border-radius:8px;margin-block:28px;scroll-margin-top:24px}.creator-export h2{font-size:27px;font-weight:500;margin:14px 0}.creator-export p{font-size:13px;line-height:1.85;color:var(--muted);max-width:730px}.creator-export #export-name{color:var(--accent);overflow-wrap:anywhere}.creator-export details{margin-top:20px}.creator-export summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:13px}.creator-export label{display:block;font-size:12px;margin:12px 0}.creator-export textarea{width:100%;max-width:100%;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:12px;line-height:1.6;font-size:13px}.creator-export .text-link{font-size:12px;text-decoration:underline;text-underline-offset:3px}.creator-export #export-file[hidden]{display:none}.creator-export .button{min-height:48px}.creator-export .local-status{margin-top:18px}
@media(max-width:680px){.creator-export{padding:22px}.creator-export h2{font-size:24px}.creator-export .launch-actions{align-items:stretch}.creator-export .button{justify-content:center}}
.graphic-tools{min-width:0}.graphic-options{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin-bottom:18px}.graphic-options label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.graphic-options select{width:100%;min-height:48px;padding:10px 8px;border:1px solid #70603f;border-radius:4px;background:#20201e;color:var(--text);font:inherit;font-size:14px}.graphic-stage{display:flex;align-items:center;justify-content:center;min-width:0;padding:12px;background:#111718;border:1px solid var(--line);border-radius:8px}.graphic-stage .editor-preview{width:100%}.graphic-stage .is-portrait{width:min(100%,260px)}.graphic-size{color:var(--muted);font-size:12px;margin:14px 0}.graphic-tools #download-image{width:100%;justify-content:center;min-height:48px}.graphic-tools button:disabled{cursor:wait;opacity:.65}.graphic-tools .local-status{margin-top:12px;font-size:12px;line-height:1.6}.svg-options{margin-top:18px;border-top:1px solid var(--line)}.svg-options summary{cursor:pointer;padding-block:15px;font-size:13px;color:var(--accent);min-height:48px}.svg-options .launch-actions{margin-top:0}.creator-export [hidden]{display:none!important}.creator-export #export-preview{display:block;width:auto;height:auto;max-width:100%;max-height:400px;border:1px solid var(--line);border-radius:5px;margin-top:20px}.graphic-options select:focus-visible,.svg-options summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:680px){.graphic-options{grid-template-columns:1fr}.graphic-options select{font-size:16px}.graphic-stage{padding:8px}.creator-export .launch-actions .text-link{padding:12px 0}.svg-options .launch-actions{flex-direction:column;align-items:stretch}}
.project-library{padding-block:36px;border-top:1px solid var(--line)}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-heading h2{font-size:30px;font-weight:500;margin:12px 0}.library-heading p,.library-note,.library-backups p{color:var(--muted);font-size:13px;line-height:1.8}.library-note{max-width:700px;margin-block:18px}.library-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin-block:22px}.library-filters label,.backup-input label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.library-filters input,.library-filters select{width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:12px;font-size:16px;min-height:48px}.project-library .local-status{font-size:13px;line-height:1.7;margin:16px 0;color:var(--muted)}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:540px;overflow:auto;padding:3px}.project-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.project-card.is-active{border-color:var(--accent)}.project-card h3{font-size:17px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.project-meta{color:var(--muted);font-size:11px;margin:10px 0}.project-title-preview{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-height:34px}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-actions button{background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--text);min-height:44px;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px}.project-actions button:first-child{color:var(--accent);border-color:var(--accent)}.project-actions button:hover{background:var(--bg)}.project-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-library button:disabled{opacity:.55;cursor:wait}.library-empty{font-size:14px;color:var(--muted);padding:22px 0;grid-column:1/-1}.library-backups{border-top:1px solid var(--line);margin-top:22px;padding-top:5px}.library-backups summary{cursor:pointer;font-size:13px;color:var(--accent);padding-block:15px;min-height:48px}.library-backups .launch-actions{margin-top:14px}.backup-input{max-width:100%}.backup-input input{max-width:100%;font-size:14px;color:var(--muted)}.backup-input input::file-selector-button{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:13px;margin-right:10px;border-radius:5px;cursor:pointer}.project-library [hidden]{display:none!important}.active-project{font-size:12px;color:var(--accent);margin:0 0 20px;overflow-wrap:anywhere}.editor-form .text-link{font-size:12px;text-decoration:underline;text-underline-offset:3px}#import-preview{padding:18px;border:1px solid var(--line);border-radius:5px;margin-top:20px}
@media(max-width:900px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.library-heading{align-items:flex-start;flex-direction:column}.library-heading .button{width:100%;justify-content:center}.library-filters{grid-template-columns:minmax(0,1fr)}.library-filters .button{justify-content:center}.project-list{grid-template-columns:minmax(0,1fr);max-height:480px}.library-backups .launch-actions{align-items:stretch;flex-direction:column}.project-card{padding:18px}}