*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.screen-container{position:relative;width:100%;height:100%;max-width:56.25vh;max-height:calc(100vw * 16 / 9);aspect-ratio:9 / 16;overflow:hidden;background:#1a237e}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;background-size:cover;background-position:center;background-repeat:no-repeat}.screen.active{display:block}.click-area{position:absolute;cursor:pointer;background:transparent;border:none;outline:none;z-index:10;transition:transform .1s ease}.click-area:active{transform:scale(.95)}.debug .click-area{background:#ff00004d;border:2px dashed red;cursor:move}.debug .click-area.selected{background:#00ff004d;border:2px solid lime}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #333;border-radius:2px;z-index:100;display:none}.debug .click-area.selected .resize-handle{display:block}.resize-handle.nw{top:-6px;left:-6px;cursor:nw-resize}.resize-handle.ne{top:-6px;right:-6px;cursor:ne-resize}.resize-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle.se{bottom:-6px;right:-6px;cursor:se-resize}.debug-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:#000000e6;color:#fff;padding:15px;overflow-y:auto;font-family:Monaco,Consolas,monospace;font-size:12px;z-index:1000;display:none}.debug-panel.visible{display:block}.debug-panel h2{margin-bottom:10px;font-size:14px;color:#4caf50}.debug-panel .screen-info{margin-bottom:15px;padding:8px;background:#ffffff1a;border-radius:4px}.debug-panel .btn-info{margin:5px 0;padding:5px;background:#f003;border-radius:3px;font-size:11px;cursor:pointer}.debug-panel .btn-info:hover{background:#f006}.debug-panel .btn-info.selected{background:#00ff004d;border:1px solid lime}.debug-panel .coords{color:#ffeb3b}.debug-panel button{width:100%;padding:10px;margin:5px 0;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.debug-panel button:hover{background:#45a049}.debug-panel button.copy-btn{background:#2196f3}.debug-panel button.copy-btn:hover{background:#1976d2}.debug-panel textarea{width:100%;height:200px;background:#1e1e1e;color:#d4d4d4;border:1px solid #444;border-radius:4px;padding:10px;font-family:Monaco,Consolas,monospace;font-size:11px;resize:vertical}.debug-panel .nav-btns{display:flex;gap:5px;margin-bottom:10px}.debug-panel .nav-btns button{flex:1;padding:8px;background:#666}.form-input{background:transparent;border:none;outline:none;font-size:21px;color:#333;text-align:center;z-index:20;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-input::placeholder{color:#999}.form-input:focus{background:#ffffff1a}.form-field-wrapper{z-index:20}.debug .form-field-wrapper{border:2px dashed #2196F3;background:#2196f333;cursor:move}.form-checkbox-wrapper{z-index:20;cursor:pointer}.form-checkbox{width:24px;height:24px;cursor:pointer;accent-color:#4CAF50;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:2px solid transparent;border-radius:4px;position:relative}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#4caf50;font-size:20px;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:none;justify-content:center;align-items:center;z-index:9000}.modal-overlay.visible{display:flex}.modal-content{background:#fff;padding:30px;border-radius:15px;text-align:center;max-width:80%;box-shadow:0 10px 25px #00000080;animation:modalPop .3s ease-out}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-content p{font-size:18px;color:#333;margin-bottom:25px;line-height:1.5}.modal-content button{background:#fbc02d;color:#000;border:none;padding:12px 40px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s}.modal-content button:hover{background:#f9a825}