@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.float-left{float:left}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-base:#080808;--bg-surface:#0f0f0f;--bg-elevated:#161616;--bg-card:#1a1a1a;--border-subtle:#ffffff0f;--border-mid:#ffffff1f;--border-strong:#fff3;--text-primary:#f0eeea;--text-secondary:#9a9794;--text-muted:#5e5b58;--accent-purple:#9b6dff;--accent-purple-dim:#9b6dff26;--accent-purple-glow:#9b6dff59;--accent-purple-dark:#6b3fd4;--scan-green:#4ade80}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:var(--text-primary);cursor:crosshair;font-family:Syne,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent-purple-dim);color:var(--accent-purple)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.font-mono{font-family:DM Mono,monospace}.scanlines:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:fixed;inset:0}.glow-hover{transition:box-shadow .3s,border-color .3s}.glow-hover:hover{box-shadow:0 0 20px var(--accent-purple-glow), 0 0 60px #9b6dff1a;border-color:#9b6dff80!important}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in-up{animation:.6s forwards fade-in-up}.animate-fade-in{animation:.4s forwards fade-in}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-float{animation:4s ease-in-out infinite float}input[type=range]{appearance:none;background:var(--border-mid);cursor:pointer;border-radius:1px;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-purple);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--accent-purple-glow);border-radius:50%;transition:box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 16px var(--accent-purple-glow)}.upload-zone{border:1px solid var(--border-subtle);transition:all .3s;position:relative;overflow:hidden}.upload-zone:before{content:"";pointer-events:none;background:linear-gradient(135deg,#9b6dff08 0%,#0000 60%);position:absolute;inset:0}.upload-zone.drag-over{border-color:var(--accent-purple);box-shadow:0 0 30px var(--accent-purple-glow), inset 0 0 30px #9b6dff0d}.grid-bg{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px}.corner-tl:before,.corner-br:after{content:"";border-color:var(--accent-purple);opacity:.5;border-style:solid;width:14px;height:14px;position:absolute}.corner-tl:before{border-width:1px 0 0 1px;top:0;left:0}.corner-br:after{border-width:0 1px 1px 0;bottom:0;right:0}canvas{cursor:crosshair}.header-bar{z-index:100;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808e0;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.header-steps{align-items:center;display:flex}.header-spacer{width:120px}.header-subtitle{color:var(--text-secondary);letter-spacing:.06em;font-family:DM Mono,monospace;font-size:12px}.step-wrap{min-height:100vh;padding:80px 40px 60px}.step-wrap-morph{min-height:100vh;padding:70px 28px 60px}.two-col{grid-template-columns:1fr 260px;align-items:start;gap:24px;display:grid}.morph-two-col{grid-template-columns:1fr 280px;align-items:start;gap:16px;display:grid}.container-sm{width:100%;max-width:700px;margin:0 auto}.container-md{width:100%;max-width:800px;margin:0 auto}.container-lg{width:100%;max-width:1200px;margin:0 auto}.container-scan{width:100%;max-width:600px;margin:0 auto}.container-upload{width:100%;max-width:640px;margin:0 auto}.tips-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:24px;display:grid}.export-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.diagnosis-row{align-items:center;gap:16px;display:flex}.footer-bar{border-top:1px solid var(--border-subtle);justify-content:space-between;padding:18px 40px;display:flex}.hide-mobile{display:revert}.show-mobile{display:none!important}@media (max-width:767px){.header-bar{height:52px;padding:0 16px}.header-steps,.header-spacer,.header-subtitle{display:none}.step-wrap{padding:64px 16px 40px}.step-wrap-morph{padding:60px 12px 40px}.two-col{grid-template-columns:1fr;gap:20px}.morph-two-col{grid-template-columns:1fr;gap:16px}.container-sm,.container-md,.container-lg,.container-scan,.container-upload{max-width:100%}.tips-grid,.export-grid{grid-template-columns:1fr;gap:8px}.diagnosis-row{flex-direction:column;align-items:stretch;gap:12px}.footer-bar{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 16px}.hide-mobile{display:none!important}.show-mobile{display:revert!important}}@media (min-width:1440px){.header-bar{height:68px;padding:0 60px}.step-wrap{padding:90px 60px 80px}.step-wrap-morph{padding:80px 48px}.two-col{grid-template-columns:1fr 320px;gap:32px}.morph-two-col{grid-template-columns:1fr 340px;gap:24px}.container-sm{max-width:900px}.container-md{max-width:1000px}.container-lg{max-width:1500px}.container-scan{max-width:750px}.container-upload{max-width:780px}.tips-grid{gap:16px}.export-grid{gap:14px}.footer-bar{padding:22px 60px}}@media (min-width:1920px){.two-col{grid-template-columns:1fr 360px;gap:40px}.morph-two-col{grid-template-columns:1fr 380px;gap:32px}.container-sm{max-width:1050px}.container-md{max-width:1150px}.container-lg{max-width:1800px}.container-scan{max-width:850px}.container-upload{max-width:900px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}