:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2eb;background:#101317;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 15%,#1c2730,#101317 45%)}header{height:68px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{color:#f2f4ef;text-decoration:none;font-weight:800;letter-spacing:-.9px}.brand span{color:#d7ff53}.language select{color:#b9c1ba;background:transparent;border:0;font:500 12px DM Mono,monospace;padding:12px;min-height:44px}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 24px 34px;min-height:calc(100dvh - 68px)}.path-mark{width:96px;height:96px;margin-bottom:26px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3a4540;border-radius:28px;transform:rotate(-5deg)}.path-mark i{width:9px;border-radius:8px;background:#d7ff53;display:block}.path-mark i:nth-child(1){height:32px}.path-mark i:nth-child(2){height:56px;background:#70d6ff}.path-mark i:nth-child(3){height:76px;background:#b699ff}.eyebrow{font:500 10px DM Mono,monospace;color:#a4afaa;letter-spacing:1.2px;margin:0 0 12px}.empty h1{font-size:clamp(31px,9vw,50px);line-height:1.03;letter-spacing:-2px;max-width:480px;margin:0}.empty>p:not(.eyebrow):not(.drop-copy):not(.error){color:#abb4ae;max-width:395px;font-size:15px;line-height:1.5;margin:17px 0 25px}.primary,.ghost,.close{min-height:46px;border-radius:14px;border:0;font:700 13px Manrope,sans-serif;cursor:pointer;padding:0 18px}.primary{background:#d7ff53;color:#18210e;box-shadow:0 8px 25px #d7ff5322}.ghost{background:#252c2a;color:#e7ece6}.drop-copy{font:12px DM Mono,monospace;color:#c9d0ca;line-height:1.6}.drop-copy span{color:#77847c}.error{color:#ff9f93;font-size:13px}footer{margin-top:28px;max-width:480px;color:#68746d;font-size:11px;line-height:1.55}.viewer-shell{position:relative;flex:1;min-height:calc(100dvh - 68px)}.viewer{position:absolute;inset:0}.viewer canvas{touch-action:none}.viewer-bar{position:absolute;z-index:1;top:13px;left:13px;right:13px;display:flex;gap:8px;align-items:center}.file-chip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 12px;height:46px;display:flex;align-items:center;border-radius:14px;background:#101317cc;color:#c3cdc5;border:1px solid #38413d;font:11px DM Mono,monospace}.legend{position:absolute;bottom:101px;left:18px;color:#bec8c0;background:#101317bb;border:1px solid #38413d;border-radius:12px;padding:8px 10px;font:10px DM Mono,monospace;display:flex;gap:8px;align-items:center}.gradient{height:5px;width:38px;border-radius:4px;background:linear-gradient(90deg,#50d9e9,#c07aff)}.layer-sheet{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:17px 20px max(18px,env(safe-area-inset-bottom));background:#171c1be8;border-top:1px solid #38413d;border-radius:22px 22px 0 0}.layer-sheet label{display:flex;justify-content:space-between;font-size:12px;color:#c5ccc7;margin-bottom:9px}.layer-sheet input{width:100%;accent-color:#d7ff53;min-height:28px}.modal-backdrop{position:fixed;inset:0;z-index:3;background:#05070699;display:flex;align-items:flex-end}.details{background:#1c2220;border:1px solid #3a4540;border-radius:22px 22px 0 0;width:100%;padding:18px 20px max(28px,env(safe-area-inset-bottom));color:#ecf0eb}.close{float:right;min-height:38px;background:#2b3430;color:#e7ece6}.details h2{margin:5px 0 21px;font-size:20px}.details dl{margin:0}.details dl div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #35403a;font-size:13px}.details dt{color:#98a49c}.details dd{margin:0;font-family:DM Mono,monospace;color:#edf2ed;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:700px){header{padding:0 34px}.viewer-bar{top:22px;left:24px;right:24px}.viewer-bar .file-chip{max-width:420px}.layer-sheet{left:50%;transform:translate(-50%);bottom:22px;width:min(560px,calc(100% - 48px));border:1px solid #38413d;border-radius:18px}.legend{bottom:45px}.details{max-width:520px;margin:auto;border-radius:22px}.modal-backdrop{align-items:center;padding:24px}}