:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#eaf0f6;background:#0c1623}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#142439;border-bottom:1px solid #304158;display:flex;align-items:center;padding:0 22px;gap:20px}header strong{letter-spacing:1.6px}header span{color:#a3b4c7;font-size:12px}header a{margin-left:auto;color:#cbdaf4}main{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 64px)}aside{padding:20px;background:#111e2e;border-right:1px solid #293a52}aside h3{font-size:12px;text-transform:uppercase;color:#8fa4bb;letter-spacing:1.3px;margin:18px 0 10px}.content{padding:24px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.heading h1{margin:0}.heading p{color:#9cb0c6}.nav{display:block;padding:12px;color:#ecf3fa;text-decoration:none;border-radius:8px;margin-bottom:5px}.nav.sel,.nav:hover{background:#24415e}.nav small{display:block;color:#9fb0c4;margin-top:3px}.card,.properties{background:#17283b;border:1px solid #30445c;border-radius:12px;padding:20px;margin:10px 0}label{display:block;color:#c7d3e0;font-size:12px;margin:11px 0}input{margin-top:5px;display:block;padding:10px;width:100%;background:#0d1a2a;border:1px solid #3a4c62;color:white;border-radius:6px;font:inherit;font-size:14px}input[type=checkbox]{display:inline;width:auto}button{padding:10px 14px;border:0;border-radius:7px;cursor:pointer;background:#63c1ea;color:#061b28;font-weight:700}button.secondary{background:#263f59;color:#e1edff}button.danger{background:#703343;color:white}.small{padding:5px 8px}.tabs,.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.studio{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:20px}.canvas-wrap{overflow:auto;background:#243143;padding:26px;border-radius:12px;align-self:start}#canvas{width:min(100%,980px);background:white;color:black;position:relative;overflow:hidden;border:2px solid #222;touch-action:none;margin:auto;box-shadow:0 15px 45px #0004} .piece{position:absolute;overflow:hidden;line-height:1.04;white-space:pre-wrap;cursor:move;user-select:none}.piece.selected{outline:2px solid #f68d21;outline-offset:1px}.piece-bar{background:#111;color:white;text-align:center;display:flex;align-items:center;justify-content:center}.piece.placeholder{border:1px dashed #888}.stub-line{position:absolute;top:0;bottom:0;border-left:2px dashed #777;pointer-events:none}.hint{font-size:12px;color:#a9bbcc}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:11px 9px;border-bottom:1px solid #345; text-align:left}a{color:#74d5ff}.hidden{display:none}.auth{display:block;max-width:420px;min-height:auto;background:#17283b;padding:30px;border-radius:16px;margin:10vh auto}.auth form button{width:100%}.error{color:#ff98a5}#toast{position:fixed;bottom:15px;right:20px;background:#1b6b68;color:white;padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none}#toast.visible{opacity:1}@media(max-width:900px){main{display:block}aside{border-right:0}.studio{grid-template-columns:1fr}.content{padding:12px}}