@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap);.tool-section,body{flex-direction:column}.logo,body{color:var(--fg);display:flex}.logo,body,main,nav,nav ul{display:flex}.col-label,.hero-tag,nav a{font-family:'DM Mono',monospace;text-transform:uppercase}#drop p,body{line-height:1.6}#drop small,nav a{letter-spacing:.08em}#file,#preview{position:absolute;inset:0}#canvas,#preview{object-fit:contain;height:100%;display:none}#drop.has-preview .drop-placeholder,#file{opacity:0}#progress-fill,.hero-tag::before,.nav-hub:hover{background:var(--yellow)}#canvas,#preview,#result{display:none}#drop p,#status,.hero,footer{text-align:center}.footer-links,.prose li,nav ul{list-style:none}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0D0D0D;--surface:#141414;--surface2:#1A1A1A;--border:#2A2A2A;--border2:#333;--fg:#F0EEE8;--muted:#666;--muted2:#888;--yellow:#E8C840;--yellow-dim:#B89E2A;--carbon:repeating-linear-gradient(
    0deg,transparent,transparent 2px,rgba(255,255,255,.012) 2px,rgba(255,255,255,.012) 4px
  ),repeating-linear-gradient(
    90deg,transparent,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 4px
  )}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);font-family:Syne,sans-serif;font-weight:400;min-height:100vh;background-image:var(--carbon)}.logo,h1{font-weight:800}a{color:inherit;text-decoration:none}nav{padding:1.25rem 2.5rem;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;background:rgba(13,13,13,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.logo{font-size:1.25rem;letter-spacing:-.02em;align-items:center;gap:.5rem}#drop strong,.footer-links a:hover,.logo span,nav a:hover{color:var(--yellow)}nav ul{gap:1.75rem;align-items:center}nav a{font-size:.72rem;color:var(--muted2);transition:color .2s}.nav-hub{color:var(--yellow)!important;border:1px solid var(--yellow-dim);padding:.35rem .9rem;border-radius:2px;transition:background .2s,color .2s!important}.nav-hub:hover{color:var(--bg)!important}#brushVal,#drop svg,.btn-tool:hover,.hero-tag{color:var(--yellow)}main{flex:1;flex-direction:column;align-items:center}.hero{width:100%;padding:6rem 2rem 4rem;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(232,200,64,.06) 0,transparent 70%)}#drop,.canvas-wrap{aspect-ratio:4/3;background:var(--surface);position:relative;overflow:hidden}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.15em;border:1px solid rgba(232,200,64,.25);padding:.35rem 1rem;border-radius:2px;margin-bottom:2rem}.hero-tag::before{content:'';width:6px;height:6px;border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}h1{font-size:clamp(2.75rem,6vw,5rem);line-height:1.05;letter-spacing:-.03em;background:linear-gradient(135deg,var(--fg) 40%,rgba(232,200,64,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem}.hero-sub{font-family:'DM Mono',monospace;font-size:.85rem;color:var(--muted2);letter-spacing:.02em;max-width:480px;margin:0 auto;line-height:1.7}.tool-section{width:100%;padding:4rem 2rem;display:flex;align-items:center;gap:1.75rem;border-bottom:1px solid var(--border)}#drop,.tool-col{flex-direction:column}#result,.tool-grid{gap:1.25rem;width:min(860px,100%)}.tool-grid{display:grid;grid-template-columns:1fr 1fr}.tool-col{display:flex;gap:.75rem}.col-label{font-size:.65rem;letter-spacing:.14em;color:var(--muted)}.btn,.btn-tool{font-family:Syne,sans-serif;cursor:pointer}#status,.btn-tool{color:var(--muted2);font-size:.75rem}#drop{width:100%;border:1.5px dashed var(--border2);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s,background .25s}.canvas-wrap,.eraser-bar{border:1px solid var(--border2);width:100%}#drop.drag,#drop:hover{border-color:var(--yellow);border-style:solid;background:rgba(232,200,64,.03)}.drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;transition:opacity .25s;pointer-events:none}#drop svg{opacity:.25;transition:opacity .25s}#drop:hover svg{opacity:.55}#drop p{font-size:.9rem;font-weight:500;color:var(--fg)}#drop small,.canvas-placeholder span,.eraser-size label{color:var(--muted);font-family:'DM Mono',monospace;text-transform:uppercase}#drop small{font-size:.65rem}#file{cursor:pointer}#preview{width:100%;pointer-events:none}.canvas-wrap{border-radius:4px;display:flex;align-items:center;justify-content:center}.canvas-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.canvas-placeholder span{font-size:.7rem;letter-spacing:.1em}#canvas{width:100%}#canvas.visible{display:block}#status{font-family:'DM Mono',monospace;min-height:1.2em;letter-spacing:.05em}#progress-bar{width:min(500px,90%);height:2px;background:var(--border2);border-radius:2px;overflow:hidden;opacity:0;transition:opacity .4s}#progress-fill{height:100%;width:0%;transition:width .35s}.checker{background-color:#111;background-image:linear-gradient(45deg,#1c1c1c 25%,transparent 25%),linear-gradient(-45deg,#1c1c1c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c1c1c 75%),linear-gradient(-45deg,transparent 75%,#1c1c1c 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}#result{flex-direction:column;align-items:center}.actions,.eraser-bar{display:flex;align-items:center}.actions{gap:.875rem;flex-wrap:wrap;justify-content:center}.eraser-bar{gap:1rem;flex-wrap:wrap;justify-content:center;padding:.875rem 1.5rem;border-radius:4px;background:var(--surface)}.btn-tool{display:inline-flex;align-items:center;gap:.5rem;background:0 0;border:1px solid var(--border2);border-radius:3px;padding:.5rem 1.1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:.2s}.btn,.btn-tool-active,.case-card::before{background:var(--yellow)}.btn-tool:hover{border-color:var(--yellow)}.btn-tool-active{color:var(--bg);border-color:var(--yellow)}.btn-tool-active:hover{opacity:.85;color:var(--bg)}.eraser-size{display:flex;align-items:center;gap:.75rem}.eraser-size label{font-size:.68rem;letter-spacing:.1em}.eraser-size input[type=range]{-webkit-appearance:none;appearance:none;width:120px;height:2px;background:var(--border2);border-radius:2px;outline:0;cursor:pointer}.eraser-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--yellow);cursor:pointer}.eraser-size input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--yellow);cursor:pointer}#brushVal{font-family:'DM Mono',monospace;font-size:.7rem;min-width:36px}.btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--bg);padding:.8rem 2rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:3px;transition:opacity .2s,transform .1s}.case-num,.section-tag{font-family:'DM Mono',monospace}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn-ghost{background:0 0;color:var(--muted2);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--fg);opacity:1;border-color:var(--fg)}.prose h2,.section{border-bottom:1px solid var(--border)}.section{width:100%;padding:5rem 2rem}.section-inner{max-width:1100px;margin:0 auto}.section-tag{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin-bottom:1.25rem;display:block}.prose h1,.section-title{font-weight:800;letter-spacing:-.03em;line-height:1.1}.section-title{font-size:clamp(1.75rem,4vw,3rem);margin-bottom:3.5rem;max-width:600px}.section-title em{font-style:normal;color:var(--yellow)}.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--border)}.case-card,footer{background:var(--surface)}.case-card{padding:2.25rem 2rem;transition:background .2s;position:relative;overflow:hidden}.case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.case-card:hover{background:var(--surface2)}.case-card:hover::before{transform:scaleX(1)}.case-num{font-size:.65rem;letter-spacing:.15em;color:var(--yellow-dim);margin-bottom:1.25rem;display:block}.case-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.case-desc{font-size:.875rem;color:var(--muted2);line-height:1.75;font-weight:400}.date,.footer-copy{color:var(--muted);font-family:'DM Mono',monospace}.prose{max-width:700px;margin:0 auto;padding:5rem 2rem;flex:1;width:100%}.prose h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:2.5rem}.prose h2{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--yellow);margin:3rem 0 1rem;padding-bottom:.75rem}.prose li,.prose p{font-size:.95rem;color:var(--muted2);line-height:1.9;margin-bottom:.875rem;font-weight:400}.prose li{padding-left:1.25rem;position:relative}.prose li::before{content:'→';position:absolute;left:0;color:var(--yellow);font-size:.8rem}.prose a{color:var(--yellow);text-underline-offset:3px}.prose a:hover{text-decoration:underline}.date{font-size:.72rem;margin-bottom:3rem;display:block;letter-spacing:.05em}footer{padding:3rem 2.5rem 2.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1.75rem}.footer-links{display:flex;gap:2.75rem;align-items:center}.footer-links a{font-family:'DM Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted2);transition:color .2s}.footer-copy{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.footer-copy span{color:var(--yellow-dim)}@media(max-width:600px){footer,nav{padding:1rem 1.25rem}.hero{padding:4rem 1.25rem 3rem}.section,.tool-section{padding:3rem 1.25rem}.cases-grid,.tool-grid{grid-template-columns:1fr}.footer-links{gap:1.5rem;flex-wrap:wrap;justify-content:center}}.promo-banner{width:100%;padding:2rem;background:var(--bg)}.promo-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 1.75rem;border:1px solid var(--border);border-radius:4px;background:linear-gradient(135deg,rgba(232,200,64,.08),rgba(255,255,255,.02))}.promo-kicker{font-family:'DM Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);margin-bottom:.5rem}.promo-banner h2{font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.2;margin:0;color:var(--fg)}.promo-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;border-radius:3px;border:1px solid var(--yellow-dim);background:var(--yellow);color:var(--bg);font-family:'DM Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.promo-btn:hover{opacity:.9}@media(max-width:700px){.promo-banner{padding:1.25rem 1.25rem 0}.promo-banner-inner{flex-direction:column;align-items:flex-start}}