:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{height:100vh}*{box-sizing:border-box}.app{height:100vh;display:flex;flex-direction:column}header{padding:1rem 2rem;background:#1a1a1a;border-bottom:1px solid #333}header h1{margin:0;font-size:1.5rem;color:#fff}header p{margin:.5rem 0 0;font-size:.9rem;color:#aaa}.preset-selector{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.preset-selector label{font-size:.9rem;color:#aaa;font-weight:500}.preset-selector select{padding:.5rem .75rem;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:.9rem;cursor:pointer;min-width:300px}.preset-selector select:hover{border-color:#646cff}.preset-selector select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff1a}.layout{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:#333;overflow:hidden}.panel{background:#1e1e1e;overflow:hidden;display:flex;flex-direction:column}.html-editor{grid-row:1 / 3}.params-display{grid-row:1 / 2;grid-column:2 / 3}.permit-editor{grid-row:2 / 3;grid-column:2 / 3}.permitted-output{display:none}@media(min-width:1200px){.layout{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.html-editor{grid-row:1 / 3;grid-column:1 / 2}.params-display{grid-row:1 / 2;grid-column:2 / 3}.permit-editor{grid-row:2 / 3;grid-column:2 / 3}.permitted-output{display:flex;grid-row:1 / 3;grid-column:3 / 4}}.editor-container,.display-container{display:flex;flex-direction:column;height:100%;padding:1rem}.editor-container h3,.display-container h3{margin:0 0 .75rem;font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.editor-container{flex:1}.output{flex:1;margin:0;padding:1rem;background:#0d0d0d;border:1px solid #333;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;color:#e0e0e0;overflow:auto;white-space:pre}.output.error{color:#ff6b6b;background:#1a0000;border-color:#400}