*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fafafa;color:#1a1a1a;line-height:1.5;font-size:15px}.layout{min-height:100vh}.page{max-width:1000px;margin:0 auto;padding:24px 16px 64px}.nav{display:flex;align-items:center;gap:20px;padding:0 24px;height:52px;background:#fff;border-bottom:1px solid #e4e4e8}.nav__brand{font-weight:600;margin-right:12px}.nav a{color:#555;text-decoration:none;padding:4px 0}.nav a.active{color:#1a1a1a;font-weight:500;border-bottom:2px solid #1a1a1a}.nav__logout{margin-left:auto;background:none;border:none;color:#888;cursor:pointer;font-size:14px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header h1{margin:8px 0}.page-header__actions{display:flex;align-items:center;gap:10px}.toolbar{display:flex;align-items:center;gap:8px;margin:12px 0}.btn{padding:8px 16px;border:1px solid #d0d0d4;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;white-space:nowrap}.btn-primary{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.btn-sm{padding:2px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.btn-danger{border-color:#e4bcb7;color:#b03a2e}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:24px;padding:0;color:#555}.btn-icon svg{width:15px;height:15px}.btn-icon:hover{background:#f5f5f7}.btn-icon.btn-danger{color:#b03a2e}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid #d0d0d4;border-radius:999px;background:#fff;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-chip:has(input:checked){background:#1a1a1a;border-color:#1a1a1a;color:#fff}.filter-chip input{display:none}.error{color:#c0392b}.success{color:#1e8449}.muted{color:#888}code{background:#f0f0f2;padding:1px 5px;border-radius:4px;font-size:13px}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e4e4e8;border-radius:10px;overflow:hidden;margin-top:12px}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid #eee}.table th{font-size:13px;color:#777;font-weight:500;background:#fcfcfd}.table tr:last-child td{border-bottom:none}.table--fixed{table-layout:fixed}.table--fixed th,.table--fixed td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table--fixed td>.badge:first-child{margin-left:0}.col--slug{width:108px}.col--category{width:128px}.col--template{width:124px}.col--status{width:96px}.col--mode{width:120px}.col--actions{width:156px}.row--active{background:#f4faf4}.row--clickable{cursor:pointer}.row--clickable:hover{background:#fafafa}.row--child{background:#fcfcfd}.tpl-toggle{width:28px;padding-right:0!important;color:#999}.tpl-toggle__icon{font-size:11px}.tpl-cell--child{padding-left:28px!important}.tpl-cta-flag{display:inline-flex;margin-left:8px;color:#7a6a2a;vertical-align:-2px}.tpl-cta-flag svg{width:14px;height:14px}.cta-form{align-items:flex-end;gap:12px}.cta-form .btn{margin-bottom:6px}.row-actions{display:flex;gap:6px;justify-content:flex-end}td.row-actions{display:table-cell;white-space:nowrap;text-align:right}td.row-actions .btn+.btn{margin-left:6px}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:6px;padding:0;border:none;border-radius:50%;background:#fbeaea;color:#b03a2e;font-size:11px;font-style:italic;font-family:Georgia,Times New Roman,serif;cursor:help;vertical-align:middle}.info-tip:after{content:attr(data-tip);display:none;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:max-content;max-width:340px;padding:6px 10px;border-radius:6px;background:#1a1a1a;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-style:normal;line-height:1.45;text-align:left;white-space:normal;z-index:10}.info-tip:hover:after,.info-tip:focus:after{display:block}.quiz-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px;font-size:13px;color:#666}.quiz-meta__chip{padding:2px 10px;border:1px solid #e4e4e8;border-radius:999px;background:#fff;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid #e4e4e8}.tab{padding:8px 16px;border:none;border-bottom:2px solid transparent;background:none;font-size:14px;color:#777;cursor:pointer}.tab--active{color:#1a1a1a;font-weight:500;border-bottom-color:#1a1a1a}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;margin-left:8px;background:#eee;color:#555}.badge--active{background:#d9f2d9;color:#1e8449}.badge--draft{background:#eee;color:#666}.badge--archived{background:#fbeaea;color:#b03a2e}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}input,select,textarea{padding:8px 10px;border:1px solid #d0d0d4;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}.field{display:block;margin:14px 0;font-size:13px;color:#666}.field input,.field select,.field textarea{display:block;width:100%;margin-top:4px}.field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;resize:vertical}.field-row{display:flex;gap:16px}.field-row .field{flex:1;margin:6px 0}.json-editor{display:block;width:100%;min-height:480px;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.login__form{display:flex;flex-direction:column;gap:12px;width:300px;padding:32px;background:#fff;border:1px solid #e4e4e8;border-radius:12px}.login__form h1{margin:0 0 8px;font-size:20px;text-align:center}.panel{margin:24px 0}.panel h2{margin:0 0 10px;font-size:16px}.inline-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.badge--job-queued{background:#eee;color:#666}.badge--job-running{background:#fdf3d7;color:#9a7b0a}.badge--job-succeeded{background:#d9f2d9;color:#1e8449}.badge--job-failed{background:#fbeaea;color:#b03a2e}.badge--job-canceled{background:#eee;color:#999}.funnel-block+.funnel-block{border-top:1px solid #eee;margin-top:18px;padding-top:14px}.funnel-block__title{margin:0;font-size:14px;font-weight:600}.dashboard{display:flex;flex-wrap:wrap;align-items:flex-end;gap:32px;margin:12px 0 4px}.stat-lines{margin:0;font-size:14px}.stat-line{display:flex;align-items:baseline;gap:8px}.stat-line dt{min-width:96px;color:#777}.stat-line dd{margin:0}.chart{flex:1;min-width:200px;overflow-x:auto}.chart__bars{display:flex;align-items:flex-end;gap:1ch;height:104px}.chart__col{display:flex;flex:none;flex-direction:column;align-items:center;gap:4px;width:2ch;height:100%}.chart__track{display:flex;align-items:flex-end;width:100%;flex:1;background:#f0f0f2;border-radius:2px;overflow:hidden}.chart__bar{width:100%;min-height:2px;background:#4a7bd0;border-radius:2px}.chart__label{font-size:12px;color:#888;line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;padding:20px;width:min(640px,calc(100vw - 32px));max-height:80vh;overflow-y:auto}.modal--wide{width:min(920px,calc(100vw - 32px))}.prompt-preview{margin:10px 0 0;padding:10px 12px;border:1px solid #e4e4e8;border-radius:8px;background:#fafafa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-x:auto}.prompt-test-image{display:block;max-width:100%;width:420px;margin-top:10px;border-radius:8px}.media-generate{border:1px solid #e4e4e8;border-radius:10px;padding:12px 14px 14px;margin-bottom:16px}.media-generate legend{padding:0 6px;font-weight:600;font-size:13px}.image-gen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.image-gen__col{min-width:0}.image-gen__heading{margin:6px 0 0;font-size:13px;font-weight:600;color:#444}@media (max-width: 820px){.image-gen{grid-template-columns:minmax(0,1fr)}}.media-generate .muted{margin:6px 0 0;font-size:12px;line-height:1.45}.media-generate__controls{display:flex;align-items:flex-end;gap:10px;margin-top:10px}.media-generate__controls .field{flex:0 0 190px;margin:0}.media-preview{margin-top:12px}.media-preview img{display:block;width:100%;max-height:320px;object-fit:contain;border:1px solid #e4e4e8;border-radius:8px;background:#fafafb}.media-preview__actions{display:flex;gap:8px;margin-top:10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.media-thumb{padding:0;border:1px solid #e4e4e8;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer}.media-thumb img{display:block;width:100%;height:90px;object-fit:cover}.media-thumb:hover{border-color:#4a7bd0}.image-rows{display:grid;gap:8px}.image-row{display:flex;align-items:center;gap:12px}.image-row__preview{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.image-row__preview--placeholder{background:repeating-linear-gradient(45deg,#f0f0f2,#f0f0f2 6px,#e4e4e8 6px,#e4e4e8 12px)}.image-row__label{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}