:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#e6ebff;background:linear-gradient(160deg,#111422,#05070f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#app{min-height:100vh;padding:1rem}.layout{display:grid;gap:.8rem;max-width:1200px;margin:0 auto}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;border:1px solid #324fda;border-radius:10px;background:#111938;padding:.7rem}h1{margin:0;font-size:1.2rem;color:#ffca5f}.actions{display:flex;flex-wrap:wrap;gap:.45rem}button{border:1px solid #4566ff;border-radius:8px;background:#0f1f67;color:#ecf0ff;padding:.45rem .7rem;cursor:pointer}button:hover{background:#1a2c87}.banner{border:1px solid #3f5dff;border-radius:10px;background:#0f173f;padding:.8rem}.banner-error{border-color:#cf3a4e;background:#4b1121}.workspace-wrap{border:1px solid #2f4fd8;border-radius:10px;background:#090d1e;overflow:auto;max-height:75vh}.workspace{position:relative;background:#0b0f1f}.big-image,.image-frame,.outline-layer{position:absolute;left:0;top:0}.big-image{opacity:.58}.image-frame{border:1px solid #ffffff;pointer-events:none}.outline-layer{pointer-events:none}.outline{fill:#ffffff0f;stroke:#fff;stroke-width:1}.outline-id{fill:#fff;font-size:13px;font-weight:700}.piece{position:absolute;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hover-label{position:absolute;color:#fff;font-size:.85rem;font-weight:700;text-shadow:0 1px 2px #000;pointer-events:none}