@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/InterVariable.woff2") format("woff2")}
:root{font-family:Inter,Arial,sans-serif;color:#171717;font-synthesis:none;color-scheme:light;--muted:#5b646d}*{box-sizing:border-box}body{margin:0;background:#fafafa;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.42}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,.stage:focus-visible{outline:2px solid #809cba;outline-offset:3px}a{color:inherit}[hidden]{display:none!important}.header{height:64px;display:flex;align-items:center;gap:22px;padding:0 24px;border-bottom:1px solid #ddd;background:#fff}.brand{display:flex}.intentful-wordmark{display:block;position:relative;width:128px;height:27px;overflow:hidden;background:#fff}.intentful-wordmark img{position:absolute;width:211.57px;height:72.54px;max-width:none;left:-40.8px;top:-20.55px}.product-name{font-size:13px;color:#4f565e;border-left:1px solid #ddd;padding-left:22px}.header>.button{margin-left:auto}main{max-width:1680px;margin:auto;padding:18px 24px 22px}.button{height:38px;padding:0 17px;border-radius:5px;font-size:12px;font-weight:500}.button.primary{background:#202020;color:white}.button.primary:hover{background:#000}.button.light{background:#f5f5f5;color:#202020;min-width:130px}.button.secondary{background:#eee;color:#444;height:34px}.ghost-light{background:#ffffff12;border:1px solid #ffffff44;color:white}.viewer-card{border:1px solid #cfd1d1;background:white;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;height:calc(100svh - 164px);min-height:390px;max-height:1100px}.stage{position:relative;flex:1;min-height:230px;background:#141717;overflow:hidden;isolation:isolate;touch-action:none;outline-offset:-4px}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.stage canvas:active{cursor:grabbing}.native-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;background:#111}.native-stage video,.native-stage img,.native-stage canvas{position:relative;display:block!important;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;flex:1;min-width:0;inset:auto}.native-stage.paired>*{max-width:50%}.stage-top{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;z-index:3}.stage-tag{font-size:10px;color:#b8c0be;letter-spacing:.7px;background:#141717aa;padding:4px 5px;border-radius:3px}.empty-state,.loading-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 18px;color:#eee;z-index:2}.empty-state h1{font-size:23px;font-weight:450;letter-spacing:-.5px;margin:0 0 23px}.empty-state p{font-size:12px;color:#b4bab8;margin:13px 0 0}.empty-state .file-types{margin-top:28px;font-size:11px;color:#9da8a3}.empty-state .pair-hint{font-size:11px;color:#9da8a3;margin-top:8px}.loading-state{background:#141717f0}.loading-state h2{font-size:20px;font-weight:450;margin:20px 0 12px}.loading-state p{font-size:12px;color:#b4bab8;margin:0 0 24px}.spinner{border:2px solid #ffffff30;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:spin .8s linear infinite}.transport{display:grid;grid-template-columns:94px auto minmax(40px,1fr) 40px 60px 40px;align-items:center;gap:13px;padding:10px 13px;background:#fff;flex-shrink:0;border-top:1px solid #dfe0df}.play-button{height:40px;border-radius:5px;color:#fff;background:#242727;font-size:13px;font-weight:500;white-space:nowrap}.play-button:not(:disabled):hover{background:#000}.play-button:disabled{opacity:1;color:#747b7b;background:#e4e6e5}.time-pair{display:flex;align-items:center;gap:6px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#525c60}.time-separator{color:#9b9e9f}.transport input{min-width:0;width:100%;height:24px;margin:0;accent-color:#282b2b;cursor:pointer}.transport input:disabled{cursor:default;opacity:.4}.icon-button{width:40px;height:40px;border-radius:5px;color:#343a3a;background:#f1f2f1;font-size:19px}.icon-button:not(:disabled):hover{background:#e3e5e3}.transport select{font-size:12px;height:36px;width:60px;border:1px solid #dedfdd;border-radius:5px;padding:0 6px;background:#fff;color:#333}.playback-status{background:#f7f8f7;border-top:1px solid #e9eae8;padding:7px 14px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#5b646d;flex-shrink:0;min-height:29px}.keyboard-hint{white-space:nowrap;color:#70777b}.file-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:11px;color:#5b646d;min-width:0}.file-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.text-button{background:none;padding:5px 0;font-size:11px;color:#51585e;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:#000}.details-row{display:flex;align-items:flex-start;gap:26px;flex-wrap:wrap;border-top:1px solid #ddd;padding-top:12px}.details-row>details{max-width:620px}.details-row summary{font-size:11px;cursor:pointer;color:#535c61}.details-content{padding:12px 0 8px;font-size:12px;line-height:1.7;color:#5b646d}.details-content p{margin:7px 0 12px}.details-content h2{font-size:14px;font-weight:500;word-break:break-word;color:#262626;margin:0 0 8px}.about-link{margin-left:auto;color:#657078;font-size:11px;text-decoration:none;white-space:nowrap}.projection-badge{font-size:10px;color:#535b61;border:1px solid #d1d6d5;border-radius:3px;padding:3px 6px;display:inline-block;margin-bottom:13px}.view-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.view-select label{font-size:11px}.view-select select{height:34px;border:1px solid #cfd3d1;padding:0 8px;border-radius:4px;background:#fff;font-size:12px}.notice{border-left:2px solid #919992;padding:4px 12px;margin:18px 0;color:#545e56}.notice strong{font-size:12px;font-weight:500}.notice p{font-size:11px;margin:4px 0}.media-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;max-width:350px;font-size:11px}.media-summary dd{margin:0}.technical{border-top:1px solid #ddd;padding-top:12px;margin-top:15px}.technical p{word-break:break-word;font-size:11px}.message{background:#eeeeea;border:1px solid #d8d9d2;border-radius:5px;padding:12px 15px;margin:1px 0 13px}.message-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.message strong{font-size:12px;font-weight:550}.message button{background:none;font-size:22px;color:#586052;min-width:30px;min-height:30px;line-height:1}.message p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#5b646d}.view-tools{position:absolute;right:16px;bottom:16px;display:flex;gap:2px;padding:3px;background:#171b19bb;border:1px solid #ffffff35;border-radius:6px;z-index:3}.view-tools button{background:none;color:#ecefec;font-size:22px;width:38px;height:38px;border-radius:4px}.view-tools button:hover{background:#ffffff20}.look-hint{position:absolute;left:18px;bottom:23px;font-size:11px;color:#e1e5e1;text-shadow:0 1px 2px #000;z-index:3;pointer-events:none}.drop-overlay{position:absolute;inset:8px;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#171d19f2;border:1px dashed #bbc5bd;border-radius:5px;color:#fff;pointer-events:none;text-align:center;padding:15px}.drop-overlay h2{font-size:22px;font-weight:450}.drop-overlay p{font-size:12px;color:#bdc8c0}.viewer-card:fullscreen{width:100vw;height:100dvh;max-height:none;min-height:0;border:0;border-radius:0}.viewer-card:fullscreen .stage{min-height:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.header{height:56px;padding:0 14px;gap:14px}.intentful-wordmark{width:112px;height:24px}.intentful-wordmark img{width:185.15px;height:63.48px;left:-35.7px;top:-17.98px}.product-name{font-size:11px;padding-left:14px}.header>.button{height:34px;font-size:11px;padding:0 12px}main{padding:10px 10px 20px}.viewer-card{height:calc(100svh - 135px);min-height:300px;max-height:950px}.stage{min-height:160px}.transport{grid-template-columns:90px 1fr 38px 56px 38px;gap:9px;padding:8px 10px}.play-button{height:38px;font-size:12px}.time-pair{font-size:10px;justify-content:center;gap:4px}.transport input{grid-row:2;grid-column:1/-1;height:22px}.transport select{width:56px;height:36px;font-size:11px}.icon-button{width:38px;height:38px}.playback-status{font-size:10px;padding:6px 11px;min-height:27px}.keyboard-hint{display:none}.file-bar{font-size:10px;gap:8px}.text-button{font-size:10px}.file-actions{gap:12px}.stage-top{left:12px;right:12px;top:12px}.stage-tag{font-size:9px}.empty-state h1{font-size:21px;margin-bottom:19px}.empty-state .file-types{margin-top:21px;font-size:10px}.empty-state .pair-hint{font-size:10px}.empty-state p{font-size:11px}.look-hint{left:14px;bottom:66px;font-size:10px}.view-tools{right:12px;bottom:12px}.view-tools button{width:35px;height:35px}.details-row{gap:14px 22px}.details-row>details{flex:1 1 auto}.about-link{margin-left:0}.details-row summary,.about-link{font-size:10px}}
@media(max-width:360px){.product-name{display:none}.transport{gap:7px;grid-template-columns:80px 1fr 34px 52px 34px}.icon-button{width:34px}.transport select{width:52px}.time-pair{font-size:9px}.empty-state .pair-hint{max-width:230px}}
@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}