.cs-page{--cs-muted:#aaa;--cs-border:#303030;background:#0a0a0a}
.cs-page [hidden]{display:none!important}.cs-page *{box-sizing:border-box}
.cs-page :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid #eee;outline-offset:4px}
.cs-skip{position:fixed;top:-90px;left:16px;padding:12px 20px;background:#fff;color:#111;z-index:10001;border-radius:10px}.cs-skip:focus{top:12px}
/* Shell values deliberately match PDF to Image; avoid global button/link overrides. */
.lang-toggle{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.lang-btn{padding:5px 12px;font-size:12px;font-weight:600;color:rgba(255,255,255,.3);cursor:pointer;transition:all .25s;border:none;background:none;font-family:'Space Grotesk',sans-serif}
.lang-btn:hover{color:rgba(255,255,255,.6)}.lang-btn.lang-active{background:rgba(255,255,255,.1);color:#fff}
.hero-nav-link{display:inline-block}.bw-link{color:rgba(255,255,255,.3);text-decoration:none;transition:color .25s;display:inline-block;padding:6px 0}.bw-link:hover{color:rgba(255,255,255,.7)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:40px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:64px}.footer-links{display:contents}}
@media(min-width:640px){#hero-hamburger,#hero-hamburger-menu{display:none!important}}
@media(max-width:639px){.hero-nav-link{display:none!important}}
.cs-container{width:100%;max-width:1180px;padding:0 24px;margin:auto}.cs-eyebrow{font-size:10px;letter-spacing:.18em;color:#999;font-weight:600;margin-bottom:12px}
.cs-page .cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:44px;border-radius:11px;border:1px solid #3c3c3c;background:#202020;color:#eee;font:600 13px/1.45 'Space Grotesk',sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.cs-page .cs-primary{background:#eee;border-color:#eee;color:#111}.cs-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.cs-primary:hover:not(:disabled){background:#fff}
.cs-btn:disabled{opacity:.4;cursor:not-allowed}.cs-btn[aria-pressed=true]{background:#eee;color:#111;border-color:#eee}
.cs-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cs-actions-center{justify-content:center}
.cs-upload{border:1px dashed #444;border-radius:22px;padding:45px 24px;text-align:center;background:radial-gradient(ellipse at 50% 0,#242424 0,transparent 65%),#101010}
.cs-upload.drag-over{background:#222;border-color:#fff}.cs-upload h2{font-size:24px;font-weight:600;margin:0 0 10px;letter-spacing:-.03em}.cs-upload p{font-size:13px;line-height:1.8;color:#aaa;margin:0 auto 23px;max-width:650px}.cs-upload .cs-formats{margin:18px auto 0;font-size:11px}
.cs-privacy{font-size:11px;color:#8f8f8f;line-height:1.8;margin:18px auto 30px;max-width:800px;text-align:center}
.cs-source{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid var(--cs-border);border-radius:18px;background:#131313;margin-bottom:16px}.cs-source strong{font-size:14px}.cs-source p{color:#999;font-size:12px;line-height:1.7;margin:5px 0 0;overflow-wrap:anywhere}.cs-source>div{min-width:0}
.cs-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:start;gap:18px}.cs-column{min-width:0;display:grid;gap:18px}
.cs-panel{padding:24px;border-radius:18px;border:1px solid var(--cs-border);background:#111;min-width:0}.cs-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cs-panel h2{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0}.cs-small,.cs-caption{font-size:11px;color:#999;line-height:1.8;margin:10px 0 0}.cs-caption{min-height:40px}
.cs-checker{background-color:#171717;background-image:conic-gradient(#212121 25%,transparent 0 50%,#212121 0 75%,transparent 0);background-size:20px 20px}
.cs-map-wrap{border-radius:12px;min-height:180px;max-height:340px;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.cs-map-wrap canvas{display:block;max-width:100%;height:auto;max-height:300px;object-fit:contain}
.cs-preview-frame{max-width:340px;margin:18px auto 0;position:relative}.cs-viewport{display:flex;overflow:auto;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;border:1px solid #444;border-radius:12px;touch-action:pan-x pan-y;max-height:400px;scroll-behavior:smooth}
.cs-viewport canvas{flex-shrink:0;scroll-snap-align:start;display:block;width:100%;height:100%;object-fit:fill}.cs-viewport.is-vertical{flex-direction:column;scroll-snap-type:y mandatory}.cs-viewport.is-vertical canvas{width:100%;flex:0 0 100%}
.cs-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 0 0}.cs-pagination span{min-width:100px;text-align:center;font-size:12px;color:#ccc;font-variant-numeric:tabular-nums}.cs-pagination button{width:44px;padding:10px}
.cs-settings{display:grid;gap:18px}.cs-settings fieldset{border:0;padding:0;margin:0;min-width:0}.cs-field{display:block;font-size:12px;color:#ccc;font-weight:500}.cs-field>span,.cs-settings legend{display:block;font-size:12px;color:#ccc;margin-bottom:9px}
.cs-page .cs-settings :is(select,input[type=number]){display:block;width:100%;height:44px;border:1px solid #383838;background:#1a1a1a;border-radius:9px;color:#eee;padding:9px 12px;font:13px 'Space Grotesk',sans-serif}.cs-settings select{cursor:pointer}.cs-settings input[type=range]{width:100%;accent-color:#eee;cursor:pointer}.cs-shortcuts{display:flex;gap:8px;margin-top:8px}.cs-shortcuts button{min-width:44px;padding:8px}
.cs-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs-fit-settings{display:grid;gap:16px;padding:17px;border:1px solid #333;border-radius:12px;background:#151515}.cs-summary{font-size:12px;color:#ccc;line-height:1.9;border-top:1px solid #303030;padding-top:18px;margin-top:4px}.cs-summary strong{display:block;color:#fff;margin-bottom:8px}.cs-summary p{margin:6px 0}.cs-warning{border-left:2px solid #ddd;padding-left:10px;color:#eee}
.cs-notice{padding:14px 18px;border:1px dashed #666;border-radius:12px;font-size:13px;line-height:1.8;color:#eee;background:#1a1a1a;margin:16px 0}.cs-status{display:flex;align-items:center;gap:18px;justify-content:space-between;margin:14px 0;padding:15px 18px;background:#191919;border:1px solid #444;border-radius:12px;font-size:13px}.cs-budget{margin:20px 0 0;font-size:11px;color:#888;line-height:1.8}
.cs-content{padding:72px 0;border-top:1px solid #252525;margin-top:64px}.cs-content h2{font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:600;letter-spacing:-.03em;text-wrap:balance;margin:0 0 18px}.cs-intro{font-size:14px;color:#aaa;line-height:1.9;max-width:720px;margin:0 0 30px}.cs-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px}.cs-info-grid p{font-size:13px;line-height:1.9;color:#aaa;margin:12px 0}.cs-info-grid h3,.cs-steps h3{font-size:16px;color:#eee;font-weight:600;margin:0 0 10px}.cs-info-grid article+article{border-top:1px solid #333;margin-top:22px;padding-top:22px}.cs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cs-steps article{border:1px solid #333;border-radius:16px;padding:25px}.cs-steps p{font-size:13px;color:#aaa;line-height:1.9;margin:0}
.cs-faq details{border-bottom:1px solid #333;overflow:hidden}.cs-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none;font-size:16px;color:#ddd}.cs-faq summary::-webkit-details-marker{display:none}.cs-faq summary svg{width:14px;height:14px;flex-shrink:0;transition:transform .26s}.cs-faq details[open] summary svg{transform:rotate(180deg)}.cs-faq details.is-closing summary svg{transform:rotate(0)}.cs-faq-body p{padding:0 28px 23px 0;margin:0;color:#aaa;font-size:14px;line-height:1.9}
.cs-guide-link{margin-top:28px}.cs-related{padding-bottom:80px;text-align:center}.cs-related h2{font-size:27px;font-weight:600;margin-bottom:10px}.cs-related p{color:#888;font-size:13px;margin-bottom:25px}
.cs-dialog{width:760px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto;background:#131313;border:1px solid #555;border-radius:22px;color:#eee;padding:32px;margin:auto}.cs-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.cs-dialog h2{font-size:28px;font-weight:600;letter-spacing:-.03em;margin:0 0 12px}.cs-dialog p{font-size:13px;color:#aaa;line-height:1.8;margin:10px 0 20px}.cs-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.cs-file{padding:12px;border:1px solid #333;border-radius:13px;min-width:0}.cs-file img{width:100%;height:100px;object-fit:contain}.cs-file p{font-size:11px;overflow-wrap:anywhere;margin:9px 0}.cs-file a{width:100%;font-size:11px!important;padding:8px!important}.cs-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;border:1px solid #555;border-radius:12px;background:#eee;color:#111;padding:13px 20px;z-index:99999;font-size:13px;box-shadow:0 10px 40px #0008;pointer-events:none}
@media(max-width:900px){.cs-workspace{grid-template-columns:1fr}.cs-info-grid{gap:35px}.cs-preview-frame{max-width:320px}.cs-source{flex-wrap:wrap}}
@media(max-width:639px){.cs-container{padding:0 16px}.cs-panel{padding:18px}.cs-source{padding:18px}.cs-source .cs-actions{gap:7px}.cs-source .cs-btn{font-size:11px;padding:9px 12px}.cs-steps,.cs-info-grid{grid-template-columns:1fr;gap:20px}.cs-content{padding:40px 0;margin-top:38px}.cs-dialog{padding:22px 18px}.cs-files{grid-template-columns:1fr 1fr}.cs-settings{gap:16px}.cs-viewport{max-height:340px}}
@media(prefers-reduced-motion:reduce){.cs-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}