:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{background-color:#0a0a0a;color:#fff}h1,h2,h3{margin:0}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}label{display:block;font-weight:500;margin-bottom:4px;text-align:left;color:#ccc;font-size:.9rem}input,textarea,select{background-color:#1a1a1a;color:#fff;border:1px solid #444;border-radius:4px;padding:6px 8px;width:100%;box-sizing:border-box}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6}button{background-color:#2a2a2a;color:#fff;border:1px solid transparent;border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}button:hover{border-color:#60a5fa}.sidebar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background-color:#111;border-bottom:1px solid #333;color:#eee;font-size:.9rem}.sidebar-title{font-weight:700}.sidebar-info{display:flex;align-items:center;gap:12px;font-size:.8rem}.sidebar-info button{padding:4px 8px;background-color:#222;border:1px solid #444;color:#ddd;border-radius:4px}.sidebar-info button:hover{border-color:#60a5fa}.inspector-container{padding:24px;background-color:#1c1c1c;color:#fff;overflow-y:auto}.inspector-inner{max-width:none;width:100%;margin:0;display:flex;flex-direction:column;gap:24px}.inspector-section h2{font-size:1.2rem;color:#4ade80;margin-bottom:4px}.inspector-section p{color:#bbb;font-size:.85rem;margin:0}.layout-controls{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:20}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.layout-label{display:block;text-align:center;font-weight:500;font-size:.9rem;color:#ccc;margin-bottom:4px}.inspector-inner{max-width:80%;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.inspector-section{display:flex;flex-direction:column;gap:8px}textarea,input{width:100%}.choice-block+.choice-block{margin-top:16px}.button-row{display:flex;gap:8px;margin-top:4px}@tailwind base;@tailwind components;@tailwind utilities;
