:root{font-family:Inter,Segoe UI,Malgun Gothic,sans-serif;color:#e5e8f0;background:#0d1119;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file-button{border:1px solid #354052;background:#202938;border-radius:8px;padding:10px 15px;color:#e5e8f0;cursor:pointer;font-size:13px;transition:background .15s}button:hover,.file-button:hover{background:#303d50}button:disabled,.disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible,.file-button:focus-within{outline:2px solid #8ec4ff;outline-offset:3px}header{height:88px;border-bottom:1px solid #252c38;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1400px)/2))}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.5px}.logo{display:grid;place-items:center;background:#e4ae64;color:#211a12;width:40px;height:40px;border-radius:12px;font-size:24px}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#939dae;margin-top:5px}.privacy{font-size:12px;color:#a7b3c4;display:flex;gap:8px;align-items:center}.privacy i{width:6px;height:6px;background:#82c6a7;border-radius:50%}main{max-width:1400px;margin:auto;padding:38px 28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#d6ac73}h1{font-size:30px;letter-spacing:-1.2px;margin:12px 0}p{font-size:13px;line-height:1.7;color:#9aa6b9;margin:8px 0}h2{font-size:12px;font-weight:500;color:#d8ab6c;margin:0;display:flex;gap:12px;align-items:center}h2 span{font-size:16px;font-weight:600;color:#e5e8f0}.phase{font-size:11px;padding:8px 12px;border:1px solid #494030;border-radius:20px;color:#d6b786;white-space:nowrap}.notice{margin:25px 0 20px;padding:14px 18px;border:1px solid #363b42;border-left:3px solid #b68f59;border-radius:6px;font-size:12px;color:#aeb8c8;background:#171b23;line-height:1.8}.notice strong{color:#d8c5a7;font-weight:500}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.panel{background:#151c27;border:1px solid #2b3442;border-radius:12px;padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.status{font-size:11px;background:#252e3b;border-radius:5px;color:#9ca9bb;padding:6px 9px;white-space:nowrap}.status.live{color:#87d9b4;background:#20372f}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 23px}.primary{background:#deb174;color:#221b12;border-color:#deb174;font-weight:700}.primary:hover{background:#edc590}.file-button{position:relative;margin-left:auto;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.preview-heading{display:flex;justify-content:space-between;color:#a0aabd;font-size:11px;margin-bottom:10px}.preview-well{min-height:280px;background:#0a0f17;border:1px solid #293342;border-radius:8px;display:flex;align-items:center;overflow:hidden}.empty{width:100%;text-align:center;padding:72px 15px}.screen-icon{font-size:44px;color:#657389}.empty h2{display:block;color:#c2cbd9;font-size:16px;margin-top:20px}.empty small{font-size:11px;color:#6f7d91}.frame{position:relative;width:100%;line-height:0}.frame video,.frame img{display:block;width:100%;height:100%;object-fit:fill}.selection{position:absolute;inset:0;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.region{position:absolute;border:2px solid #e6b36d;background:#e6b36d15;pointer-events:none}.region.rune{border-color:#b99af8;background:#b99af815}.region span{position:absolute;left:-2px;top:0;line-height:1.2;background:#e6b36d;color:#201b13;padding:3px 6px;font-size:10px;white-space:nowrap}.region.rune span{background:#b99af8}.region.draft{border-style:dashed;background:#ffffff25}.crop-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:95px;border-bottom:1px solid #2a3341;padding:15px 0}.crop-row strong{font-size:12px;font-weight:500}.crop-row p{font-size:11px}.crop{max-width:45%;max-height:90px;object-fit:contain;image-rendering:pixelated;border:1px solid #4d596b}.hidden{display:none}.tip{font-size:11px;color:#8591a4;line-height:1.8;margin-top:15px}aside{display:flex;flex-direction:column;gap:16px}.save{font-size:10px;color:#93bba6}.unsaved{font-size:10px;color:#f5a594}.muted{font-size:11px;color:#95a2b5;line-height:1.8}.tabs{display:flex;gap:6px;margin-top:17px;background:#0e1520;padding:4px;border-radius:8px}.tabs button{flex:1;background:transparent;border-color:transparent;font-size:12px}.tabs .selected.yanus{background:#493b2b;color:#f2c888}.tabs .selected.rune{background:#3c304f;color:#d6b9ff}.region-info{display:flex;align-items:center;gap:7px;font-size:12px;margin:19px 0 10px}.region-info>span:last-child{margin-left:auto;color:#96a3b5;font-size:10px}.dot{width:7px;height:7px;background:#e6b36d;border-radius:2px}.dot.rune{background:#b99af8}.coordinates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.coordinates label{font-size:10px;color:#9ba7b9}.coordinates input{width:100%;margin-top:5px;padding:8px;border:1px solid #354052;border-radius:5px;background:#101722;color:#dbe2ec;font-size:12px}.subtle{font-size:11px;padding:7px 10px;margin-right:5px;margin-top:5px;background:transparent}.detector{display:flex;align-items:center;justify-content:space-between;padding:20px 0 10px;border-bottom:1px solid #2b3442;gap:8px}.detector strong{font-size:12px;font-weight:500}.detector p{font-size:10px;margin-top:5px}.detector input{accent-color:#d7ad72;width:30px;height:18px;cursor:pointer}.volume{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;color:#a4b0c2;margin:21px 0 15px}.volume input{width:100%;accent-color:#d7ad72}.sound{width:100%;margin-bottom:12px}.message{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#302c24;border:1px solid #6a5538;border-radius:8px;margin-bottom:15px;font-size:12px}.message button{padding:3px 8px;background:transparent;border:0}footer{display:flex;justify-content:space-between;color:#647187;font-size:10px;letter-spacing:.5px;margin-top:30px}footer b{padding:0 8px;color:#414d60}@media(min-width:1200px){.preview-well{min-height:390px}}@media(max-width:1000px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr}.main-panel{min-width:0}}@media(max-width:600px){header{padding:0 18px;height:76px}.privacy{font-size:10px}.brand{font-size:18px}main{padding:25px 16px}.intro{align-items:flex-start;flex-direction:column}h1{font-size:26px}.panel{padding:16px}aside{display:flex}.preview-well{min-height:180px}.file-button{margin-left:0}footer{flex-direction:column;gap:12px}.phase{font-size:10px}.empty{padding:35px 12px}.toolbar button,.file-button{font-size:12px}}.auto-selection{cursor:default}.auto-info{margin-top:18px}.auto-info img{width:29px;height:32px;image-rendering:pixelated}.match-score{font-variant-numeric:tabular-nums;color:#d8b780;font-size:12px}.region.yanus span{top:100%;margin-top:2px}.sound-choice{margin-top:16px}.sound-choice label{display:grid;gap:8px}.sound-choice select{width:100%;padding:10px;border:1px solid #596070;border-radius:8px;background:#18202b;color:#f5f5f5;font:inherit}