:root{--bg: #0f172a;--panel: #111827;--text: #e5e7eb;--muted: #9ca3af;--primary: #22c55e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1100px;margin:0 auto;padding:24px}.header h1{margin:0 0 6px;font-size:24px}.subtitle{margin:0;color:var(--muted)}.controls{margin-top:20px;padding:16px;background:var(--panel);border-radius:12px;display:grid;gap:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input[type=text],.field input:not([type]),.field input[type=search],.field input[type=file],.field input{padding:10px 12px;border-radius:8px;border:1px solid #374151;background:#0b1220;color:var(--text)}button.primary{width:fit-content;padding:10px 14px;border-radius:8px;border:none;background:var(--primary);color:#0b1220;font-weight:700;cursor:pointer}button.primary:disabled{opacity:.5;cursor:not-allowed}.preview{margin-top:20px}.canvas-wrap{width:100%;overflow:auto;border-radius:12px;background:#0b1220;padding:12px}.canvas-wrap canvas{width:100%;height:auto;display:block;border-radius:8px}@media (max-width: 768px){.container{padding:16px}.header h1{font-size:20px}.subtitle{font-size:12px}.controls{padding:12px}.row{grid-template-columns:1fr}button.primary{width:100%}.canvas-wrap{padding:8px}.app-item{align-items:stretch}.app-item>div:first-child{width:100%}.app-item-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.container{padding:12px}.header h1{font-size:18px}.controls{gap:10px}.field input[type=text],.field input:not([type]),.field input[type=search],.field input[type=file],.field input{padding:9px 10px}}