:root{color-scheme:light dark;--bg: #0b1020;--line: rgba(148, 163, 184, .2);--text: #e5eefc;--muted: #b4c2d9;--primary: #6366f1;--primary-2: #8b5cf6;--shadow: 0 20px 45px rgba(15, 23, 42, .35)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(99,102,241,.2),transparent 32%),radial-gradient(circle at bottom right,rgba(139,92,246,.18),transparent 28%),var(--bg);color:var(--text)}body{min-height:100vh}.app-shell{position:relative;min-height:100vh}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#0f172ad1;color:var(--text);border-radius:14px;padding:12px 14px;font-size:.95rem;font-weight:700;cursor:pointer}button.primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary-2))}button:hover{filter:brightness(1.06)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;align-items:center;justify-content:center;border-radius:22px;border:2px dashed rgba(129,140,248,.65);background:#0f172ab8;color:#fff;font-size:1.1rem;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drop-overlay.visible{display:flex}.editor-host{height:100vh;min-height:720px;border-radius:0;overflow:hidden;background:#fff}.editor-host iframe{display:block}code{word-break:break-all}@media (max-width: 1100px){.editor-host{min-height:640px}}@media (max-width: 640px){.editor-host{min-height:560px}}