:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8e8e8;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;--muted: #777;--quiet: #505050;--line: #222;--panel: #090909;--soft: #b9b9b9}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#050505}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:1px solid #aaa;outline-offset:4px}.stage{min-height:100vh;display:grid;place-items:center;padding:88px 24px 48px}.corner-controls{position:fixed;z-index:10;top:25px;right:31px;display:flex;align-items:center;gap:22px}.corner-control,.text-action{padding:5px 0;border:0;background:none;color:#777;font-size:11px;letter-spacing:.025em;cursor:pointer;transition:color .2s ease}.corner-control:hover,.text-action:hover{color:#eee}.menu-attention{animation:menu-hint 2.8s ease-in-out 3}@keyframes menu-hint{0%,to{color:#777;text-shadow:none}45%{color:#eee;text-shadow:0 0 12px #aaa5}}.home{text-align:center;transform:translateY(-6px)}.home h1{margin:0;color:#e6e6e6;font-size:clamp(24px,4vw,31px);font-weight:400;letter-spacing:-.045em}.home p{margin:12px 0 0;color:#595959;font-size:10px;letter-spacing:.04em}.startup{display:flex;flex-direction:column;align-items:center;text-align:center}.startup p{margin:24px 0 7px;color:#c2c2c2;font-size:12px;letter-spacing:.025em}.startup small{color:#555;font-size:10px}.orbit{display:inline-block;width:31px;height:31px;position:relative;border:1px solid #292929;border-radius:50%;animation:orbit 1.8s linear infinite}.orbit:after{content:"";position:absolute;width:4px;height:4px;top:0;left:50%;border-radius:50%;background:#e7e7e7;box-shadow:0 0 8px #fff9;transform:translate(-50%,-50%)}@keyframes orbit{to{transform:rotate(360deg)}}.tool-page{width:min(790px,100%);align-self:start;padding:2vh 0 48px}.tool-heading{text-align:center;margin:0 auto 36px;position:relative}.tool-heading h1,.nostalgia-heading h1{margin:0;font-size:21px;font-weight:400;letter-spacing:-.025em}.tool-heading p{color:var(--muted);font-size:11px;margin:9px 0 0}.back-button{position:absolute;left:0;top:0;border:0;background:none;color:#696969;font-size:15px;cursor:pointer;padding:0 8px 8px 0}.back-button:hover{color:#eee}.drop-grid,.preview-grid{display:grid;grid-template-columns:1fr;gap:12px}.drop-grid.two,.preview-grid.two{grid-template-columns:1fr 1fr}.dropzone{min-height:146px;border:1px dashed #2c2c2c;border-radius:10px;background:#080808;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;cursor:pointer;transition:border-color .2s ease,background .2s ease;padding:20px;text-align:center}.dropzone:hover,.dropzone.dragging{border-color:#666;background:#0b0b0b}.dropzone.has-file{min-height:96px;border-style:solid;border-color:#303030}.drop-mark{font-size:19px;line-height:1;color:#777}.drop-label{color:#c9c9c9;font-size:12px}.drop-hint{color:#5b5b5b;font-size:10px}.file-summary{max-width:100%;margin-top:4px}.file-name{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.file-summary small{display:block;margin-top:5px;color:#686868;font-size:9px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-grid{margin-top:12px}.preview{min-width:0;border-radius:8px;overflow:hidden;background:#090909}.preview video,.preview audio{width:100%;max-height:220px;display:block}.tool-controls{margin:21px auto 0}.fields{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:11px}.control{min-width:140px;display:flex;flex-direction:column;gap:7px;color:#858585;font-size:10px}.control input,.control select,.search-wrap input{min-width:0;height:35px;border:1px solid #282828;border-radius:7px;background:#090909;color:#ddd;padding:0 10px;font-size:11px}.primary-action,.download-button{min-height:36px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a3a3a;border-radius:7px;background:#dedede;color:#090909;font-size:10px;font-weight:500;text-decoration:none;cursor:pointer;transition:opacity .18s ease,background .18s ease}.tool-controls>.primary-action{display:flex;margin:19px auto 0}.primary-action:hover:not(:disabled),.download-button:hover{background:#fff}.primary-action:disabled{opacity:.38;cursor:not-allowed}.notice,.tool-error{margin:16px auto 0;max-width:620px;color:#929292;font-size:11px;text-align:center;line-height:1.6}.notice.warning{color:#a89576}.tool-error{color:#d59a9a}.result-area{margin:29px auto 0;max-width:680px;border-top:1px solid #1d1d1d;padding-top:14px}.result-head{display:flex;justify-content:space-between;align-items:center;color:#727272;font-size:10px}.subtle-action{padding:5px 0;border:0;background:none;color:#777;font-size:10px;cursor:pointer}.subtle-action:hover{color:#ddd}.result-content{min-height:90px;margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.processing{display:flex;align-items:center;gap:13px;color:#858585;font-size:10px}.processing .orbit{width:24px;height:24px}.result-preview{display:block;max-width:100%;max-height:330px;border-radius:8px;background:#080808}audio.result-preview{width:min(460px,100%)}.result-caption{margin:1px 0 2px;color:#777;font-size:10px;text-align:center}.frame-download{color:#bbb;font-size:11px;text-decoration:none;padding:5px}.frame-preview{display:block;max-width:min(420px,80vw);max-height:260px;border-radius:6px;margin:0 auto 7px}.metadata-list{width:min(480px,100%);margin:0;display:grid;grid-template-columns:1fr auto;gap:12px 24px;font-size:11px}.metadata-list dt{color:#777}.metadata-list dd{margin:0;color:#ccc;text-align:right;overflow-wrap:anywhere}.overlay{position:fixed;z-index:20;inset:0;background:#000b;display:flex;align-items:flex-start;justify-content:flex-end;padding:0;animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.menu-panel{width:min(390px,100%);height:100%;background:#090909;border-left:1px solid #222;padding:27px 25px 30px;display:flex;flex-direction:column;animation:panel-in .22s ease both}@keyframes panel-in{0%{transform:translate(12px);opacity:.7}to{transform:translate(0);opacity:1}}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:0;font-size:14px;font-weight:400}.icon-close{width:30px;height:30px;border:0;background:none;color:#777;font-size:22px;cursor:pointer}.search-wrap{display:block;margin-top:23px}.search-wrap input{width:100%;height:39px}.tool-list{margin:15px -7px 0;overflow-y:auto}.tool-row{width:100%;padding:13px 9px;border:0;border-bottom:1px solid #1c1c1c;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.tool-row:hover{background:#101010}.tool-row strong,.tool-row small{display:block}.tool-row strong{color:#ccc;font-size:11px;font-weight:450}.tool-row small{color:#646464;font-size:9px;margin-top:5px}.row-arrow{color:#5b5b5b;font-size:13px}.info-panel{align-self:center;width:min(470px,calc(100% - 30px));margin:auto;padding:26px 28px;border:1px solid #252525;border-radius:11px;background:#0a0a0a;line-height:1.7;animation:fade-in .18s ease both}.info-panel p{color:#aaa;font-size:11px;margin:17px 0}.info-panel small{color:#616161;font-size:9px}.info-panel a{color:#ddd}.info-panel .license-note{color:#6f6f6f;font-size:10px}.nostalgia-page{width:min(960px,100%);align-self:start;position:relative;padding:3vh 0 40px}.nostalgia-heading{text-align:center;margin:10px auto 31px}.eyebrow{color:#777;font-size:9px;letter-spacing:.08em;text-transform:lowercase;margin:0 0 12px}.nostalgia-heading h1{font-size:clamp(19px,3vw,25px)}.era-button{margin-top:19px;padding:10px 17px;border:1px solid #292929;border-radius:8px;background:#090909;cursor:pointer}.era-button span,.era-button small{display:block}.era-button span{font-size:11px}.era-button small{margin-top:5px;color:#777;font-size:9px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:13px}.comparison-box{min-width:0}.comparison-box>span{display:block;margin-bottom:8px;color:#777;font-size:10px}.nostalgia-drop,.nostalgia-preview{min-height:240px;aspect-ratio:4 / 3;border:1px solid #222;border-radius:9px;overflow:hidden;background:#090909;display:grid;place-items:center}.nostalgia-drop .dropzone{height:100%;min-height:240px;border:0;background:transparent}.nostalgia-preview video{display:block;width:100%;height:100%;object-fit:contain;background:#050505}.nostalgia-preview small{color:#575757;font-size:10px}.nostalgia-actions{display:flex;justify-content:center;gap:10px;margin-top:17px}.nostalgia-actions .primary-action{min-width:120px}.quiet-note{color:#575757;text-align:center;font-size:9px;margin:13px 0 0}.toast{display:none}@media(max-width:680px){.stage{padding:78px 17px 35px}.corner-controls{top:19px;right:20px;gap:17px}.tool-page{padding-top:1vh}.tool-heading{margin-bottom:27px;padding:0 30px}.tool-heading h1{font-size:19px}.fields{display:grid;grid-template-columns:1fr 1fr}.control{min-width:0}.comparison{grid-template-columns:1fr}.nostalgia-heading{padding:0 24px}.nostalgia-drop,.nostalgia-preview,.nostalgia-drop .dropzone{min-height:190px}}@media(max-width:430px){.drop-grid.two,.preview-grid.two,.fields{grid-template-columns:1fr}.control{width:100%}.info-panel{padding:23px 21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}