:root{--color-ebony:#0a0708;--color-cool-gray:#444;--color-gray:#747474;--color-pewter:#b1b1b1;--color-text:var(--color-ebony);--color-border:var(--color-cool-gray);--color-muted:var(--color-gray);--color-surface:white;--color-primary:var(--color-ebony);--color-secondary:var(--color-cool-gray);--color-bg:#f3f4f6}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Segoe UI,sans-serif}.container{max-width:880px;margin:auto;padding:2rem}form.form{background:var(--color-surface);border-radius:12px;padding:2rem;box-shadow:0 8px 30px #0000000d}input[type=text],input[type=number],input[type=password],.full-width-textarea,.qid-textarea,.field-row input[type=text],.field-row select{border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;max-width:600px;color:var(--color-text);box-sizing:border-box;border-radius:8px;margin-top:.5rem;padding:.75rem;font-size:1rem}button{color:#fff;cursor:pointer;background-color:#13813a;border:none;border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-weight:700;transition:background .3s;display:flex}button.btn-secondary{color:#000;background-color:#fff;border:1px solid #000}button:hover{filter:brightness(.9);transition:background-color .3s}button:disabled{opacity:.6;cursor:not-allowed;filter:none;box-shadow:none}button.small-btn{padding:.5rem 1rem;font-size:.85rem}.btn-delete{background-color:var(--color-danger,#e02424)}.btn-delete:hover{filter:brightness(.9)}.checkbox{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.inline-input{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.preview{background:var(--color-surface);border-radius:12px;margin-top:2rem;padding:1.5rem;overflow-x:auto;box-shadow:0 8px 30px #0000000d}.tooltip-wrapper,.tooltip-wrapper-inline{align-items:center;margin-top:.4rem;display:inline-flex;position:relative}.tooltip,.tooltip-above{visibility:hidden;opacity:0;color:#fff;text-align:left;z-index:10;pointer-events:none;background-color:#333;border-radius:6px;padding:.5rem;font-size:.75rem;transition:opacity .3s ease-in-out;position:absolute}.tooltip{width:230px;top:-120%;left:0}.tooltip:after{content:"";border:6px solid #0000;border-top-color:#333;position:absolute;top:100%;left:15px}.tooltip-above{width:250px;line-height:1.4;bottom:140%;left:50%;transform:translate(-50%)}.tooltip-above:after{content:"";border:6px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip,.tooltip-wrapper-inline:hover .tooltip-above{visibility:visible;opacity:1}.info-icon-static{background-color:var(--color-primary);color:#fff;cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-size:.7rem;display:flex}.section-block{background:var(--color-surface);border:1px solid #e0e0e0;border-radius:10px;margin-bottom:2rem;padding:1.25rem;box-shadow:0 2px 6px #00000008}.section-header{justify-content:space-between;align-items:center;height:2.5rem;margin-bottom:1rem;display:flex}.inline-question-count label,.full-label,.label-with-icon{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.small-input{border:1px solid var(--color-border);background-color:var(--color-surface);width:80px;color:var(--color-text);border-radius:6px;padding:.4rem .5rem;font-size:.9rem}.qid-label-row{margin-bottom:1rem}.field-row{gap:1rem;display:flex}.field-row input[type=text]{flex:2}.field-row input[type=text],.field-row select{border:1px solid var(--color-border);background-color:var(--color-surface);height:44px;color:var(--color-text);appearance:none;box-sizing:border-box;border-radius:8px;margin-top:.5rem;padding:.6rem .75rem;font-size:1rem}.field-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;flex:1;min-width:150px;padding-right:2rem}.generate-button{align-items:center;margin-top:0}.generate-button[disabled]{color:#666;cursor:not-allowed;background-color:#ccc}.generate-area{align-items:center;gap:.5rem;display:flex}.generate-warning,.warning-icon{color:red;align-items:center;font-size:.9rem;display:flex}.warning-icon{margin-right:4px;font-size:1.1rem}.preview{overflow-x:auto}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box,.modal-content{background:var(--color-surface);border-radius:8px;width:90%;max-width:500px;padding:2rem;box-shadow:0 4px 12px #00000026}.modal-header,.modal-content h3{text-align:center;color:#b02a37;margin-bottom:1rem}.modal-info{background:#fff5f5;border:1px solid #f5c2c7;border-radius:4px;margin-bottom:1rem;padding:1rem}.modal-info .info-label{color:#b02a37;flex:0 0 6rem}.modal-info .info-value{color:var(--color-text)}.info-line{align-items:center;display:flex}.modal-content p{text-align:center;color:var(--color-text);margin-bottom:1.5rem}.modal-actions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.modal-list{justify-content:center;margin:1rem 0;padding-left:0;list-style:none;display:flex}.modal-list li{align-items:center;gap:.5rem;display:flex}.section-error-list{background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;margin:1rem 0;padding:.75rem}.section-error{color:#b91c1c;font-size:.9rem}.generate-button[disabled],button[disabled].generate-button{opacity:.6;cursor:not-allowed}.spinner,.spinner-inline{vertical-align:middle;border:2px solid #f3f3f3;border-top-color:var(--color-primary);border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.datetime-input{border:1px solid var(--color-border);border-radius:4px;width:200px;padding:.5rem;font-size:1rem;margin-bottom:0!important}.ide_config{width:200px;height:44px;font-size:1rem}.checkbox-group{flex-wrap:wrap;gap:.75rem;display:flex}.checkbox-group.bordered{border:1px solid var(--color-border);background-color:#fafafa;border-radius:4px;padding:.75rem}.checkbox-inline{align-items:center;gap:.25rem;font-size:.95rem;display:flex}.radio-inline{align-items:center;gap:.25rem;margin-right:1rem;font-size:.95rem;display:inline-flex}.fullscreen-center{justify-content:center;align-items:center;height:100vh;display:flex}.id-form{background:var(--color-surface);border-radius:8px;width:100%;max-width:400px;margin:auto;padding:2rem;box-shadow:0 2px 8px #0000001a}@media only screen and (max-width:720px){.field-row{display:block}}