:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:#111}.layout{display:grid;grid-template-columns:360px 1fr;height:100vh}.sidebar{border-right:1px solid #e5e7eb;padding:16px;overflow:auto}.main{min-width:0;display:grid;grid-template-rows:auto 1fr}.header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.grid{display:grid;gap:12px}.field{display:grid;gap:6px}label{font-size:12px;color:#374151}select,input{width:100%;height:36px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff}small{font-size:12px;color:#6b7280}.previewHost{padding:16px;overflow:auto}.viewportFrame{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px;width:fit-content}.viewportSurface{border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff}.iframe{display:block;border:0}.notice{border:1px dashed #d1d5db;border-radius:8px;padding:12px;color:#374151;background:#fafafa}hr{border:none;border-top:1px solid #f1f5f9;margin:12px 0}