*{margin:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#14120f;color:#e8e2d5;font-family:system-ui,sans-serif}.motion-button{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border:1px solid #c9a24b;border-radius:999px;background:#14120fcc;color:#c9a24b;font-size:15px}.motion-hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:13px;opacity:.7}.stage{height:100%;touch-action:none}.flat-card{display:block;max-height:90vh;max-width:90vw;margin:5vh auto}.upload{display:block;padding:12px;border:1px dashed #6b6353;border-radius:8px;text-align:center;cursor:pointer;font-size:14px}.upload--drag{border-color:#c9a24b;color:#c9a24b}.layout{display:flex;flex-direction:column;height:100%;height:100dvh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #2c2822}.topbar button{margin-left:8px}.layout .stage{flex:1;min-height:0}.edit-layout{flex:1;min-height:0;display:flex;gap:16px;padding:16px}.painter{position:relative;height:100%;max-width:calc(100% - 260px);align-self:center;touch-action:none;flex:0 1 auto}.painter-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.panel{width:240px;display:flex;flex-direction:column;gap:16px;font-size:14px}.panel fieldset{border:1px solid #2c2822;border-radius:8px;display:grid;gap:6px}.slider{display:grid;gap:4px}.row{display:flex;flex-wrap:wrap;gap:8px}.file-button{border:1px solid #6b6353;border-radius:6px;padding:4px 10px;cursor:pointer}.error{padding:8px 16px;color:#e08b8b;cursor:pointer}.hint{font-size:12px;opacity:.65}.tap-marker{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;pointer-events:none}.tap-marker--include{background:#22d3ee}.tap-marker--exclude{background:#e0455a}.proposal-actions{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:8px 12px;background:#14120fd9;border-radius:999px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#22d3ee;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 700px){.edit-layout{flex-direction:column;overflow:hidden;gap:12px;padding:12px}.panel{width:100%;overflow-y:auto;min-height:0}.painter{height:55dvh;width:auto;max-width:100%;align-self:center;flex:0 0 auto}}