:root{color:#f5f5f0;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit}.appShell{position:relative;width:100%;height:100%;background:#050505}.appShell:after{position:absolute;inset:0;z-index:4;pointer-events:none;content:"";border:0 solid rgba(255,255,255,0);transition:border-color .16s ease,border-width .16s ease}.appShell[data-drag-active=true]:after{border-width:8px;border-color:#f4f1e2d1}.viewerStage,.viewerCanvas{position:absolute;inset:0}.topBar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 24px;pointer-events:none}.topBar__actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.eyebrow{margin-bottom:5px;color:#f5f5f094;font-size:11px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}h1{max-width:min(68vw,920px);margin:0;overflow:hidden;color:#f5f5f0;font-size:clamp(20px,2.4rem,36px);font-weight:650;letter-spacing:0;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.fileMeta{min-width:70px;color:#f5f5f0b8;font-size:13px;text-align:right}.fileButton{min-width:104px;min-height:40px;border:1px solid rgba(245,245,240,.32);border-radius:6px;background:#0e0e0dd1;color:#f5f5f0;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:0;transition:background .14s ease,border-color .14s ease,transform .14s ease}.fileButton:hover{border-color:#f5f5f0a3;background:#282824eb}.fileButton:disabled{border-color:#f5f5f024;background:#0e0e0d7a;color:#f5f5f061;cursor:default}.fileButton:active{transform:translateY(1px)}.fileButton:disabled:active{transform:none}.fileInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropPrompt{position:absolute;left:50%;top:50%;z-index:2;display:grid;width:min(420px,calc(100vw - 40px));min-height:220px;place-items:center;align-content:center;gap:14px;padding:30px;border:1px dashed rgba(245,245,240,.38);border-radius:8px;background:#050505bd;text-align:center;transform:translate(-50%,-50%)}.dropPrompt__title{color:#f5f5f0;font-size:30px;font-weight:700;letter-spacing:0;line-height:1}.dropPrompt__body{max-width:290px;color:#f5f5f0bd;font-size:15px;line-height:1.45}.statusBadge{position:absolute;left:50%;bottom:28px;z-index:3;min-height:38px;max-width:min(620px,calc(100vw - 40px));padding:10px 14px;border:1px solid rgba(245,245,240,.2);border-radius:6px;background:#0e0e0ddb;color:#f5f5f0e6;font-size:14px;line-height:1.2;transform:translate(-50%)}.statusBadge--error{border-color:#ff7658a3;color:#ffd4c8}@media(max-width:720px){.topBar{align-items:stretch;flex-direction:column;gap:12px;padding:16px}h1{max-width:100%;font-size:22px}.topBar__actions{justify-content:space-between}.fileMeta{text-align:left}}