:root{font-family:IBM Plex Sans,Avenir Next,sans-serif;color:#102a43;background:radial-gradient(circle at top right,#f0f7ff,#f8fbff 45%,#edf4ec)}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:grid;gap:1rem;grid-template-columns:minmax(320px,420px) 1fr;padding:1rem}.panel,.preview{background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,42,67,.12);border-radius:16px;padding:1rem}.subtitle{margin-top:-.25rem;color:#486581}.row{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}label{display:grid;gap:.4rem;font-weight:600}input{border:1px solid #bcccdc;border-radius:10px;padding:.5rem .65rem;font-size:.95rem}button{border:0;border-radius:10px;padding:.55rem .9rem;font-weight:700;background:#006d77;color:#fff;cursor:pointer}button[disabled]{opacity:.6;cursor:not-allowed}.status{margin-top:1rem;padding:.5rem .7rem;border-radius:8px;font-size:.92rem}.status.idle,.status.working{background:#d9e2ec}.status.ok{background:#d3f9d8}.status.error{background:#ffd8d8}.preview{min-height:0;display:grid}.preview iframe{width:100%;height:calc(100vh - 4rem);border:0}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.preview iframe{height:65vh}}