:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;--bg-1: #f4d9a2;--bg-2: #d58d52;--panel: rgba(255, 247, 231, .88);--panel-stroke: rgba(110, 65, 33, .18);--text: #332012;--muted: rgba(51, 32, 18, .72);--accent: #bb5f24;--accent-strong: #8f3d16;--shadow: rgba(74, 42, 19, .22)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{color:var(--text);background:radial-gradient(circle at top left,rgba(255,238,204,.9),transparent 26%),radial-gradient(circle at 80% 22%,rgba(145,82,43,.34),transparent 18%),linear-gradient(135deg,#f7dfae,#dfaa71 42%,#c66f3a);overflow:hidden}#app{position:relative}#stage{display:block;width:100vw;height:100vh;cursor:grab}#stage.is-dragging{cursor:grabbing}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:16px}.control-panel,.status-card{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--panel-stroke);box-shadow:0 18px 48px var(--shadow)}.control-panel{width:min(360px,calc(100vw - 40px));border-radius:24px;padding:20px}.status-card{max-width:300px;margin-top:12px;border-radius:18px;padding:16px 18px}.eyebrow{margin:0 0 8px;font:700 .8rem/1 Trebuchet MS,sans-serif;letter-spacing:.14em;color:var(--accent)}h1{margin:0;font:700 clamp(1.7rem,2.6vw,2.4rem) / 1.02 Georgia,"Times New Roman",serif}.panel-copy,.status-hint{color:var(--muted)}.panel-copy{margin:12px 0 18px;line-height:1.45}.upload-field,.controls-row label{display:flex;flex-direction:column;gap:8px}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border-radius:14px;background:#ffffff8a}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.toggle-row span{font-size:.95rem;font-weight:700;color:var(--text)}.upload-field span,.controls-row span,.stat-label{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.upload-field input,.controls-row select,.controls-row button{border:1px solid rgba(109,60,28,.18);border-radius:14px;padding:12px 14px;font:inherit;background:#fffcf6f2;color:var(--text)}.upload-field input{padding:10px 12px}.controls-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.controls-row button{cursor:pointer;font-weight:700;color:#fff6ec;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);border:none;box-shadow:0 10px 24px #8e3d1642}.controls-row button:hover{filter:brightness(1.05)}.stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.stats-row div{padding:12px 14px;border-radius:16px;background:#ffffff8a}.stats-row strong{display:block;margin-top:4px;font-size:1.2rem}#status-text{margin:0;font-weight:700;line-height:1.4}.status-hint{margin:10px 0 0;line-height:1.45}@media(max-width:900px){body{overflow:auto}#app{min-height:100vh}#stage{height:64vh}.hud{position:relative;flex-direction:column;padding:12px}.control-panel,.status-card{width:100%;max-width:none}.controls-row{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-row button{grid-column:1 / -1}}