:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 1px 1px,rgba(30,41,59,.14) 1px,transparent 0),linear-gradient(180deg,#f8fafc,#e9eef6);background-size:20px 20px,100% 100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;overflow:hidden;padding:14px}.hud{align-items:center;display:flex;gap:18px;justify-content:space-between;padding-bottom:12px}.eyebrow{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:28px;line-height:1;margin-bottom:0}h2{font-size:24px;line-height:1.1;margin-bottom:18px}.hud-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hud-stats span,.hud-stats button,.readout{background:#ffffffdb;border:1px solid #d8dee9;border-radius:8px;box-shadow:0 8px 24px #0f172a14;color:#263244;font-size:13px;font-weight:800;padding:10px 12px}.hud-stats button{min-height:39px}.map-shell{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0}.pixel-board{aspect-ratio:1;background:#fff;border:1px solid #94a3b8;box-shadow:0 28px 70px #0f172a33,0 0 0 8px #ffffffbd;height:var(--board-pixels);overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--board-pixels)}.hover-box,.selection-outline{position:absolute}.hover-box{border:1px solid #0f172a;box-shadow:0 0 0 1px #fffffff2,0 0 0 4px #e11d4857;min-height:1px;min-width:1px;pointer-events:none;z-index:2}.selection-outline{border:2px solid #0f172a;box-shadow:0 0 0 2px #ffffffe6,0 0 0 5px #2563eb6b;min-height:4px;min-width:4px;pointer-events:none;z-index:3}.map-controls{align-items:center;bottom:12px;display:flex;gap:6px;position:absolute;right:12px;z-index:10}.tool-toggle,.zoom-controls{align-items:center;background:#ffffffeb;border:1px solid #d8dee9;border-radius:10px;box-shadow:0 4px 16px #0f172a1f;display:flex;gap:2px;padding:4px}.tool-toggle button,.zoom-controls button{align-items:center;background:transparent;border:0;border-radius:6px;color:#334155;display:flex;font-size:14px;font-weight:900;height:30px;justify-content:center;line-height:1;padding:0;transition:background .1s;width:30px}.tool-toggle button.active{background:#172033;color:#fff}.tool-toggle button:hover:not(.active),.zoom-controls button:hover{background:#f1f5f9}.zoom-controls span{color:#475569;font-size:11px;font-weight:800;min-width:40px;text-align:center}.selection-draft{pointer-events:none;position:absolute;z-index:5}.selection-draft.valid{background:#22c55e1f;border:2px solid #16a34a;box-shadow:0 0 0 1px #fffc,0 0 0 4px #22c55e40}.selection-draft.invalid{background:#ef44441f;border:2px solid #dc2626;box-shadow:0 0 0 1px #fffc,0 0 0 4px #ef444440}.sel-label{background:#0f172ac7;border-radius:4px;bottom:calc(100% + 5px);color:#fff;font-size:11px;font-weight:800;left:0;padding:2px 6px;position:absolute;white-space:nowrap}.sel-area-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px;padding:12px 14px}.sel-area-badge strong{color:#1d4ed8;font-size:18px}.sel-area-badge span{color:#3b82f6;font-size:13px;font-weight:700}.readout{align-items:center;display:flex;gap:10px;justify-self:center;margin-top:12px}.readout span{color:#64748b;font-weight:700}.modal-backdrop{align-items:center;background:#0f172a75;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:20}.modal{background:#fff;border:1px solid #d8dee9;border-radius:8px;box-shadow:0 30px 80px #0f172a52;max-height:min(760px,calc(100vh - 36px));max-width:430px;overflow:auto;padding:24px;position:relative;width:min(430px,calc(100vw - 36px))}.close-button{align-items:center;background:#f1f5f9;border:1px solid #d8dee9;border-radius:999px;color:#334155;display:flex;font-size:18px;font-weight:900;height:32px;justify-content:center;position:absolute;right:14px;top:14px;width:32px}.segmented-control{background:#eef2f7;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:4px}.segmented-control.cols-3{grid-template-columns:1fr 1fr 1fr}.segmented-control button{background:transparent;border:0;border-radius:6px;color:#64748b;padding:9px 10px}.segmented-control button.active{background:#fff;box-shadow:0 1px 3px #0f172a1f;color:#172033;font-weight:800}label{color:#334155;display:grid;gap:8px;font-size:14px;font-weight:800;margin-bottom:14px}input{border:1px solid #cbd5e1;border-radius:8px;color:#172033;min-height:42px;padding:9px 10px;width:100%}input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24;outline:none}input[type=range]{padding:0}.color-input{height:46px;padding:4px}.file-input{min-height:unset;padding:8px}.hint-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;font-size:12px;font-weight:700;margin:-6px 0 14px;padding:8px 10px}.label-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.max-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:11px;font-weight:700;padding:2px 6px;white-space:nowrap}.image-field{margin-bottom:16px}.field-label{color:#334155;font-size:14px;font-weight:800;margin:0 0 8px}.image-preview-box{border-radius:8px;margin-top:10px;overflow:hidden;width:100%;aspect-ratio:2 / 1;display:flex;align-items:center;justify-content:center}.image-preview-box img{width:100%;height:100%;object-fit:contain;display:block}.detail-image-box{border-radius:8px;margin-bottom:14px;overflow:hidden;width:100%;aspect-ratio:2 / 1;display:flex;align-items:center;justify-content:center}.detail-image-box img{width:100%;height:100%;object-fit:contain;display:block}.primary-button,.danger-button{border-radius:8px;font-weight:900;min-height:44px;padding:10px 14px;width:100%}.primary-button{background:#2563eb;border:1px solid #1d4ed8;color:#fff}.danger-button{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;margin-top:14px}.selected-card{border:1px solid #d8dee9;border-radius:8px;display:grid;gap:12px;grid-template-columns:32px 1fr;padding:12px}.selected-card strong,.selected-card span,.selected-card a{display:block}.selected-card span{color:#64748b;font-size:13px;margin:4px 0 7px}.selected-card a{color:#2563eb;font-size:13px;font-weight:900;text-decoration:none}.selected-color,.swatch{border:1px solid rgba(15,23,42,.24);border-radius:6px}.selected-color{height:32px;width:32px}.rental-list{display:grid;gap:8px}.rental-row{align-items:center;background:#fff;border:1px solid #d8dee9;border-radius:8px;color:#172033;display:grid;gap:10px;grid-template-columns:28px 1fr;padding:10px;text-align:left}.rental-row.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.rental-row strong,.rental-row small{display:block}.rental-row small{color:#64748b;margin-top:2px}.swatch{height:28px;width:28px}.swatch-img{border:1px solid rgba(15,23,42,.24);border-radius:6px;height:28px;overflow:hidden;width:28px}.swatch-img img{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:720px){.app-shell{padding:10px}.hud{align-items:stretch;flex-direction:column}.hud-stats{justify-content:flex-start}h1{font-size:24px}.readout{align-items:flex-start;flex-direction:column;justify-self:stretch}}