/* Shared navigation and shelf, kept in the studio's quiet terminal palette. */
[hidden]{display:none!important}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 0 23px;margin-bottom:26px;border-bottom:1px solid #34503c}.site-wordmark{font-size:21px;font-weight:650;color:#e1ebdb;text-decoration:none;letter-spacing:-.8px}.site-wordmark span{color:#b8f5b1}.site-nav>div{display:flex;flex-wrap:wrap;gap:5px}.site-nav>div>a{font:11px ui-monospace,SFMono-Regular,monospace;text-decoration:none;color:#a2b4a5;border:1px solid transparent;border-radius:5px;padding:10px 12px;min-height:36px;display:flex;align-items:center}.site-nav>div>a:hover,.site-nav>div>a[aria-current=page]{border-color:#557d5b;background:#223c2b;color:#dbffdf}.site-nav a:focus-visible,.shelf-cover:focus-visible,.shelf-new:focus-visible{outline:2px solid #bdffb2;outline-offset:4px}body:not([data-site-view=studio]) .sidebar,body:not([data-site-view=studio]) .topbar,body:not([data-site-view=studio]) .mobile-shelf,body:not([data-site-view=studio]) .mobile-studio-tabs,body:not([data-site-view=studio]) .studio{display:none!important}body:not([data-site-view=studio]) .app{display:block}body:not([data-site-view=studio]) .workspace{max-width:1200px;margin:0 auto;min-height:100dvh;padding:28px 38px 20px}body[data-site-view=studio] #site-pages{display:none}.site-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:30px 0}.site-page-heading h1{color:#e1e9d9;font-weight:500;font-size:clamp(30px,4.5vw,52px);letter-spacing:-1.7px;line-height:1.16;margin:13px 0}.site-page-heading h1 em{color:#b6d29a;font-weight:400;font-family:Georgia,serif}.site-page-heading p{font-size:13px;color:#95ad99;line-height:1.7}.site-view .eyebrow{font:10px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.3px;color:#a1bd9d}.shelf-count{flex:none;font:12px ui-monospace,monospace;border:1px solid #4b6b50;border-radius:30px;background:#1d3425;color:#d0eec5;padding:10px 14px}.shelf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:17px 0;border-top:1px solid #2e4435;border-bottom:1px solid #2e4435}.shelf-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.site-view .button,.import-dialog .button{display:inline-flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;min-height:40px;font-size:12px}.site-view .button .icon{height:16px;width:16px}.site-note{margin:16px 0 22px;color:#8da28f;font-size:11px;line-height:1.7}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shelf-card{min-width:0;border:1px solid #3e5945;border-radius:11px;background:#16251c;overflow:hidden;box-shadow:0 9px 30px #0002}.shelf-cover{position:relative;display:block;aspect-ratio:5/6;color:#eff6e7;text-decoration:none;background:radial-gradient(ellipse at 70% 15%,#ffffff17,transparent 65%),var(--shelf-color);overflow:hidden;border-bottom:1px solid #46604b}.shelf-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.shelf-cover:hover .shelf-cover-art{transform:scale(1.025)}.shelf-cover-spine{position:absolute;inset:0 auto 0 10px;border-left:1px solid #ffffff20;border-right:1px solid #0005;width:7px;z-index:2}.shelf-cover-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 25px 25px 32px}.shelf-cover-copy>strong{font:500 clamp(22px,2.3vw,32px)/1.2 Georgia,serif;overflow-wrap:anywhere;margin:18px 0 10px}.shelf-cover-copy>span:not(.eyebrow):not(.shelf-open-label):not(.shelf-featured){font-size:11px;line-height:1.7;max-width:26ch;overflow-wrap:anywhere;color:#e3edda}.shelf-cover.has-art .shelf-cover-copy{justify-content:flex-end;background:linear-gradient(transparent 25%,#0a140df2);text-shadow:0 1px 4px #000}.shelf-cover-copy .eyebrow{color:#d0edc3}.shelf-open-label{display:flex;align-items:center;gap:8px;margin-top:25px;font:10px ui-monospace,monospace}.shelf-open-label .icon{width:14px}.shelf-featured{display:flex;margin-top:18px;gap:6px;height:88px}.shelf-featured img{width:auto;max-width:32%;height:100%;object-fit:contain;border-radius:3px}.shelf-card-info{padding:18px 16px}.shelf-card-info h2{font-size:16px;color:#deebd7;overflow-wrap:anywhere;line-height:1.4}.shelf-card-info>p{font-size:11px;line-height:1.8;color:#8ca28e;margin:6px 0 15px}.shelf-card-actions{display:flex;flex-wrap:wrap;gap:6px}.shelf-card-actions .button{font-size:10px;padding:8px 9px;flex:1;min-height:38px}.site-view .danger{background:#392925;color:#e4b6aa;border:1px solid #79564b}.site-view .danger:hover{background:#51352d;color:#ffe0d5;border-color:#c38c78}.shelf-new{min-height:340px;border:1px dashed #577a58;border-radius:11px;color:#bbd5b3;background:linear-gradient(135deg,#192d2070,#102015);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:18px}.shelf-new:hover{background:#203b29;border-color:#b1e9ac}.shelf-new>.icon{width:35px;height:35px;color:#aacd98}.shelf-new>strong{font:400 25px/1.2 Georgia,serif;max-width:15ch}.shelf-new>span:not(.button){color:#8da28d;font-size:11px;line-height:1.8}.shelf-save-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0 40px;padding:15px 18px;background:#182d1f;border:1px solid #365c3e;border-radius:7px;font:10px/1.8 ui-monospace,monospace;color:#aac7a7}.shelf-save-note a{display:flex;align-items:center;gap:6px;margin-left:auto;color:#c0dfa9}.shelf-save-note .icon{width:14px;height:14px}.site-panel{border:1px solid #3e5a44;background:linear-gradient(135deg,#1a2d21,#14231a);border-radius:10px;padding:28px;min-width:0}.site-panel h2{font:400 27px/1.25 Georgia,serif;color:#dcead3;margin:15px 0}.site-panel p{font-size:12px;line-height:1.9;color:#a0b49d;margin:12px 0 20px}.site-panel .text-button{display:block;margin-top:14px;font-size:11px;color:#b7d79e}.account-page-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.account-page-card{min-height:360px}.account-page-card label{display:grid;gap:8px;font-size:12px;margin:18px 0;color:#b4cfaa}.account-page-card input,.site-panel textarea,.support-search input{background:#0d1c12;border:1px solid #507054;border-radius:6px;padding:12px;color:#effbe8;font-size:14px;width:100%;min-height:44px}.account-page-card .form-grid{display:block}.account-page-card .auth-error,.import-dialog .auth-error{font-size:12px;line-height:1.6;color:#ffc0ac}.account-page-card .button{margin-top:10px;margin-right:10px}.account-page-card .account-note{font-size:11px}.plan-number{display:block;font:400 30px/1.4 Georgia,serif!important;color:#c8edae!important;margin:16px 0!important}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.current-plan{border-color:#87ab76}.plan-usage{display:inline-block;padding:6px 10px;border:1px solid #57754c;border-radius:20px;font:11px ui-monospace,monospace;color:#c6deb9}.site-panel ul{padding-left:18px;margin:20px 0 26px;font-size:13px;line-height:2.2;color:#b0c6a4}.future-plan{margin-top:35px}.support-search{display:block;max-width:560px;font:11px ui-monospace,monospace;color:#9db799;margin-bottom:28px}.support-search>span{display:block;margin-bottom:10px}.support-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}.support-faq details{border-bottom:1px solid #3b5743;padding:19px 0}.support-faq details:first-child{border-top:1px solid #3b5743}.support-faq summary{color:#d4e6c9;font-size:14px;line-height:1.6;cursor:pointer}.support-faq details p{font-size:12px;line-height:1.9;color:#a3baa0;padding-top:12px;max-width:65ch}.site-panel>label{font-size:11px;display:block;margin:14px 0 8px;color:#b4ccaa}.site-panel textarea{resize:vertical;line-height:1.6;margin-bottom:10px}.site-view input:focus-visible,.site-view textarea:focus-visible{outline:2px solid #a9dc96;outline-offset:2px}.import-dialog{width:min(570px,calc(100vw - 28px))!important;max-height:90dvh;overflow:auto}.import-dialog h2{font-size:26px;margin:10px 0}.import-dialog>p{font-size:12px;color:#a0b69b;line-height:1.8;margin:12px 0}.import-dialog #import-filename{font:11px ui-monospace,monospace;color:#cbe0b7;overflow-wrap:anywhere}.import-binder-option{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid #436447;border-radius:7px;background:#15281b;margin:10px 0;cursor:pointer}.import-binder-option>span{display:grid;gap:7px;min-width:0}.import-binder-option strong{font-size:14px;color:#d7eac8;overflow-wrap:anywhere}.import-binder-option small{font-size:10px;line-height:1.6;color:#94ad8c}.import-binder-option input,.import-extras input{width:18px;height:18px;accent-color:#abd899;flex:none}.import-extras{display:flex;gap:10px;align-items:center;margin:18px 0;font-size:11px;line-height:1.7;color:#adc5a2}.editor-back-link{display:inline-flex;align-items:center;gap:7px;color:#acd094;text-decoration:none;font:11px ui-monospace,monospace;margin-bottom:12px}.editor-back-link .icon{height:14px;width:14px}
@media(min-width:1200px){body[data-site-view=studio] .site-nav{margin-bottom:25px}.site-nav>div>a{padding:9px;font-size:10px}}
@media(max-width:900px){.shelf-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-cover{aspect-ratio:5/6}.shelf-new{min-height:380px}.site-nav{align-items:flex-start}.site-nav>div{justify-content:flex-end}.support-layout{grid-template-columns:1fr}.support-layout>.site-panel{max-width:650px}}
@media(max-width:700px){body:not([data-site-view=studio]) .workspace{padding:20px 16px}.site-nav{display:block;padding-bottom:16px;margin-bottom:20px}.site-nav>div{margin-top:14px;gap:3px;justify-content:flex-start}.site-nav>div>a{font-size:10px;padding:9px}.site-page-heading{margin:25px 0;align-items:flex-start;flex-direction:column;gap:8px}.site-page-heading h1{font-size:36px}.site-page-heading p{font-size:12px}.shelf-count{font-size:10px;padding:8px 12px}.shelf-grid{gap:20px}.shelf-toolbar .button{font-size:10px;padding:9px 10px}.shelf-cover-copy{padding:20px 15px 22px 25px}.shelf-cover-copy>strong{font-size:24px}.shelf-cover-copy .eyebrow{font-size:8px}.shelf-card-actions .button{font-size:10px;padding:8px}.shelf-new{padding:20px;min-height:330px}.shelf-new>strong{font-size:23px}.shelf-save-note{font-size:10px}.shelf-save-note a{margin-left:0;width:100%;padding-left:15px}.account-page-grid,.plans-grid{grid-template-columns:1fr}.site-panel{padding:23px}.future-plan{margin-top:0}.workspace-footer{margin-top:35px}.import-dialog{padding:22px!important}.site-view .shelf-card-info .button .icon{height:13px;width:13px}}
@media(max-width:480px){.shelf-grid{grid-template-columns:1fr}.shelf-cover{aspect-ratio:1.12}.shelf-cover-copy>strong{font-size:29px}.shelf-cover-copy{padding-left:32px}.shelf-card-info{padding:20px}.shelf-new{min-height:290px}.shelf-cover-copy .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shelf-cover-art{transition:none}}
@media print{.site-nav,#site-pages,.editor-back-link{display:none!important}}

/* Buttons also appear as labels inside a clickable shelf tile. */
.site-view .button,.import-dialog .button{padding:11px 16px;border:1px solid var(--line);border-radius:8px;line-height:1.35;white-space:normal;box-sizing:border-box}
.site-view .button.primary{border-color:var(--lime)}
.shelf-new>.button{pointer-events:none;min-height:44px}

/* Support and collector links */
.site-social-footer{display:flex;flex-wrap:wrap;gap:12px 24px;padding:28px 20px;border-top:1px solid var(--line,#303a31);font-size:13px}.site-social-footer a{color:var(--muted,#a4b29a)}
#support-form{display:grid;gap:10px}#support-form label{margin-top:6px}#support-form input,#support-form textarea{width:100%;padding:12px;border:1px solid #3a443c;border-radius:8px;background:#0b100d;color:#e0e8dc;font:inherit}#support-form[hidden],#support-form [hidden],#support-receipt[hidden]{display:none}.support-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.support-owner-list{display:grid;gap:8px;margin:18px 0}.support-report-item{text-align:left;white-space:normal;overflow-wrap:anywhere}.support-report-message{white-space:pre-wrap;overflow-wrap:anywhere}.support-report-diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:15px;border-radius:8px;background:#070c08;font-size:12px}#support-owner-detail{margin-top:22px}#support-owner-detail h3{overflow-wrap:anywhere}#support-owner-panel{margin-top:22px}
.pending-binders{position:fixed;z-index:1000;bottom:20px;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 24px));max-height:35vh;overflow:auto;border:1px solid #35533c;background:#101b14;box-shadow:0 12px 50px #0008;border-radius:12px;padding:8px 14px;color:#e4eee3;font-size:13px}.pending-binders[hidden]{display:none}.pending-binders>div{display:flex;align-items:center;gap:12px;padding:7px 0}.pending-binders>div>span:first-child{flex:1}.pending-seconds{font-variant-numeric:tabular-nums;color:#a1c99d;min-width:3ch}.pending-confirm{max-width:480px;padding:28px}.pending-confirm p{line-height:1.65}.pending-confirm .modal-actions{margin-top:24px}[data-pending-request="true"]{display:none!important}