:root{--bg: #ffffff;--surface: #f6f7f9;--border: #e2e5ea;--text: #14171c;--muted: #5a6270;--accent: #1c5cff;--accent-hover: #1747cc;--accent-contrast: #ffffff;--focus: #1c5cff;--radius: 10px;--space: 1rem;--maxw: 68rem;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0e1116;--surface: #161b22;--border: #262d38;--text: #e8eaed;--muted: #9aa4b2;--accent: #6f9bff;--accent-hover: #8fb1ff;--accent-contrast: #0e1116;--focus: #6f9bff}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0 0 .5em;font-weight:650;letter-spacing:-.01em}h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem)}h2{font-size:clamp(1.25rem,1.1rem + .8vw,1.5rem)}h3{font-size:1.05rem}p{margin:0 0 1rem}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}img,svg{max-width:100%;height:auto}ul{margin:0;padding:0;list-style:none}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space)}.page{display:flex;flex-direction:column;min-height:100vh}.page>main{flex:1;padding-block:1.5rem 3rem}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-contrast);padding:.5rem .75rem;z-index:10}.skip-link:focus{left:.5rem;top:.5rem}.section{margin-top:2.5rem}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:var(--bg)}.site-header .container{display:flex;align-items:center;gap:1rem;min-height:3.5rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;letter-spacing:-.02em;margin-right:auto}.brand svg,.footer-brand svg{flex:none}.nav-toggle{display:block;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;font-size:.9rem;padding:.4rem .7rem;cursor:pointer}.site-nav{display:none;width:100%;padding-bottom:.75rem}.site-nav[data-open=true]{display:block}.nav-group+.nav-group{margin-top:.25rem}.nav-group>summary{cursor:pointer;padding:.5rem 0;font-weight:600;font-size:.95rem;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"";display:inline-block;width:.4rem;height:.4rem;margin-left:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.nav-list{display:grid;gap:.1rem;padding:.25rem 0 .5rem}.nav-list a{display:block;padding:.35rem 0;color:var(--muted);text-decoration:none;font-size:.95rem}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--accent)}@media (min-width: 48rem){.nav-toggle{display:none}.site-nav{display:block;width:auto;padding-bottom:0}.site-header .container{flex-wrap:nowrap}.nav-groups{display:flex;gap:1.25rem}.nav-group{position:relative}.nav-group+.nav-group{margin-top:0}.nav-group[open]>.nav-list{position:absolute;top:100%;left:-.75rem;z-index:5;min-width:13rem;max-height:60vh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}}.hero{padding-block:.5rem .25rem}.hero p{color:var(--muted);font-size:1.05rem;max-width:46rem}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.breadcrumbs li+li:before{content:"/";margin-right:.4rem;color:var(--border)}.tool-slot{display:grid;place-items:center;text-align:center;gap:.25rem;min-height:14rem;padding:2rem 1rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.tool-slot .tool-slot-label{font-weight:600}.link-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.link-grid a{display:block;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);font-weight:550;font-size:.95rem}.link-grid a:hover{border-color:var(--accent);color:var(--accent)}.faq-item{border-bottom:1px solid var(--border);padding:.75rem 0}.faq-item>summary{cursor:pointer;font-weight:600}.site-footer{margin-top:4rem;border-top:1px solid var(--border);padding-block:2.5rem;font-size:.9rem}.footer-cols{display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.footer-heading{margin:0 0 .5rem;font-size:.85rem;font-weight:650;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer li{padding:.15rem 0}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted)}.footer-bottom p{margin:0}.footer-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-weight:700;letter-spacing:-.02em;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.15rem;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.home-section{margin-top:3.5rem}.section-head{max-width:44rem;margin-bottom:1.5rem}.section-head p{margin:0;color:var(--muted)}.section-head p+p{margin-top:.75rem}.prose{max-width:44rem}.prose p{color:var(--muted)}.prose p:last-child{margin-bottom:0}.section-link{font-weight:550}.contact-email{font-size:1.15rem;font-weight:650}.doc-date{font-size:.9rem}.hero-home{display:grid;gap:2rem;padding-block:2rem .5rem}.hero-copy h1{font-size:clamp(2rem,1.5rem + 2.6vw,3rem);margin-bottom:.6rem;text-wrap:balance}.hero-lead{color:var(--muted);font-size:1.1rem;max-width:34rem}@media (min-width: 60rem){.hero-home{gap:2.5rem;padding-block:3.5rem 1rem}.hero-copy{max-width:48rem;margin-inline:auto;text-align:center}.hero-lead{max-width:40rem;margin-inline:auto}.hero-tool{width:100%;max-width:46rem;margin-inline:auto}}.dpt-box{display:flex;flex-direction:column;gap:.9rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}.ct-preview{position:relative;display:block;width:100%;aspect-ratio:16 / 10;min-height:11rem;padding:0;border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden}.ct-preview:hover{border-color:var(--accent)}.ct-expand{position:absolute;right:.75rem;bottom:.75rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:8px;background:#00000059;color:#fff}.ct-note{margin:0;font-size:.9rem;text-align:center}.ct-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ct-actions .btn{flex:1 1 10rem;padding-inline:.75rem}.ct-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;padding-top:.9rem;border-top:1px solid var(--border)}.ct-field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 8rem}.ct-field-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.ct-color-input{display:flex;align-items:center;gap:.5rem;height:2.5rem;padding:0 .6rem;background:var(--bg);border:1px solid var(--border);border-radius:8px}.ct-color-input input[type=color]{width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}.ct-color-input code{font-size:.85rem;color:var(--muted)}.ct-hex{width:100%;min-width:0;padding:0;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;text-transform:uppercase;color:var(--text);background:none;border:0}.ct-hex:focus{outline:none}.ct-field select{height:2.5rem;padding:0 .5rem;font:inherit;font-size:.9rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}.ct-download{height:2.5rem;flex:1 1 9rem;font-size:.9rem}.ct-reset{align-self:center;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:.9rem;cursor:pointer}.swatches{padding-top:.9rem;border-top:1px solid var(--border)}.swatches ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.swatch{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-decoration:none;color:var(--muted);font-size:.7rem}.swatch-chip{display:block;width:100%;height:1.9rem;border:1px solid var(--border);border-radius:7px}.swatch:hover{color:var(--accent)}.swatch:hover .swatch-chip,.swatch[aria-current=page] .swatch-chip{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.swatch[aria-current=page]{color:var(--text);font-weight:600}@media (min-width: 60rem){.ct-preview{min-height:14rem}}.dpt-stage{position:fixed;inset:0;z-index:1000;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.dpt-stage:focus{outline:none}.ct-settle{position:absolute;left:50%;bottom:2.5rem;transform:translate(-50%);color:#666;font-size:.85rem;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.spf-warning{margin:0;padding:.7rem .85rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg);font-size:.95rem}.spf-stage{position:fixed;inset:0;z-index:1000;background:#000}.spf-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.spf-hud{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem .5rem 1rem;border-radius:999px;background:#000000bf;color:#fff}.spf-clock{font-variant-numeric:tabular-nums;font-weight:600}.category-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.category-card{border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem}.category-card h3{margin-bottom:.4rem;font-size:1rem}.category-card>p{margin:0 0 .85rem;color:var(--muted);font-size:.95rem}.category-card li{padding:.2rem 0}.category-card a{color:var(--muted);text-decoration:none;font-size:.95rem}.category-card a:hover{color:var(--accent)}.reason-grid{display:grid;gap:1.75rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.reason h3{margin:.7rem 0 .25rem;font-size:1rem}.reason p,.step p,.topic p{margin:0;color:var(--muted);font-size:.95rem}.reason p+p,.step p+p,.topic p+p{margin-top:.6rem}.topic-grid{display:grid;gap:1.75rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.topic h3{margin:0 0 .35rem;font-size:1rem}.topic h3 a{color:var(--text);text-decoration:none}.topic h3 a:hover,.icon{color:var(--accent)}.step-list{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));list-style:none;margin:0;padding:0}.step{padding-top:.9rem;border-top:2px solid var(--border)}.step-number{display:block;font-size:1.15rem;font-weight:700;line-height:1.2;color:var(--accent);font-variant-numeric:tabular-nums}.step h3{margin:.4rem 0 .25rem;font-size:1rem}.cta{background:var(--surface);border-radius:16px;padding:2.5rem 1.5rem;text-align:center}.cta h2{margin-bottom:.35rem}.cta p{max-width:34rem;margin-inline:auto;margin-bottom:.4rem;color:var(--muted)}.cta p:last-of-type{margin-bottom:1.5rem}.notfound{text-align:center;padding-block:3rem}