:root{--theme: #ff6600}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222}.layout{display:grid;grid-template-columns:420px minmax(0,1fr);height:100vh}.sidebar{border-right:1px solid #e5e7eb;padding:16px;overflow:auto}.content{padding:16px;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-width:0}.toolbar{display:flex;gap:8px}@media (max-width: 1100px){.toolbar{flex-wrap:wrap}}button{background:var(--theme);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}button.secondary{background:#e5e7eb;color:#111}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:6px}label{font-size:12px;color:#555}.group{margin-bottom:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview{flex:1;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;z-index:0;min-height:400px}.preview iframe{width:100%;height:100%;border:0;background:#fafafa;display:block}.sidebar{position:relative;z-index:1}.checkbox-group{margin-top:6px}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%}.checkbox span{display:inline-block;font-size:13px;color:#222;line-height:1.3}.checkbox-group{margin-top:6px;overflow:hidden}.checkbox input[type=checkbox]{margin:0;accent-color:var(--theme);flex:0 0 auto}.pill{background:#f5f5f5;padding:2px 8px;border-radius:999px;font-size:12px}.hstack{display:flex;gap:8px;align-items:center}.divider{height:1px;background:#eee;margin:8px 0}