:root{--qc-primary:#4338ca;--qc-ink:#0f172a;--qc-muted:#475569;--qc-border:#e2e8f0;--qc-radius:16px;--qc-shadow:0 4px 24px #0f172a06;--qc-space:24px}
.qc-page{max-width:1200px;margin:0 auto;padding:32px 24px 64px;color:var(--qc-ink)}
.qc-header,.qc-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.qc-header{margin-bottom:24px}.qc-header h1{font-size:clamp(1.7rem,4vw,2.25rem);font-weight:700;margin:0 0 8px;overflow-wrap:anywhere}.qc-header p,.qc-muted{color:var(--qc-muted)}
.qc-card{background:white;border:1px solid var(--qc-border);border-radius:var(--qc-radius);padding:var(--qc-space);box-shadow:var(--qc-shadow);margin-bottom:20px;min-width:0}.qc-card h2{font-size:1.25rem;font-weight:650;margin-bottom:12px}
.qc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;background:var(--qc-primary);border:1px solid var(--qc-primary);border-radius:10px;color:white;font-weight:600;text-decoration:none;cursor:pointer;font-size:14px;line-height:1.4}.qc-button:hover{color:white;background:#3730a3}.qc-button.secondary{color:#334155;background:white;border-color:#cbd5e1}.qc-button.ghost{background:transparent;color:var(--qc-primary);border-color:transparent}.qc-button.danger{background:#b91c1c;border-color:#b91c1c}.qc-button:focus-visible,summary:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.qc-button:disabled{opacity:.5;cursor:not-allowed}
.qc-plan{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:16px 20px;margin:24px 0}.qc-plan p{margin:0}.qc-table{width:100%;border-collapse:collapse}.qc-table th{text-align:left;font-size:12px;color:#475569;padding:12px;border-bottom:1px solid var(--qc-border)}.qc-table td{padding:18px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.qc-table td:first-child{width:38%;overflow-wrap:anywhere}
.qc-badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:650;background:#f1f5f9;color:#334155;white-space:nowrap}.qc-badge.active{background:#dcfce7;color:#166534}.qc-menu{position:relative}.qc-menu summary{list-style:none;cursor:pointer}.qc-menu[open]{z-index:20}.qc-menu-panel{position:absolute;right:0;min-width:210px;background:white;border:1px solid var(--qc-border);border-radius:12px;padding:8px;box-shadow:0 12px 32px #0f172a20;z-index:30}.qc-menu-panel a,.qc-menu-panel button{display:block;width:100%;text-align:left;padding:10px 12px;font-size:14px;color:#334155;text-decoration:none;background:white;border:0;border-radius:8px}.qc-menu-panel a:hover,.qc-menu-panel button:hover{background:#f1f5f9}.qc-menu-panel button.qc-delete{color:#b91c1c}
.qc-dialog{border:0;border-radius:20px;padding:28px;width:min(92vw,520px);box-shadow:0 24px 80px #0f172a40}.qc-dialog::backdrop{background:#0f172a88}.qc-dialog h2{font-size:24px;font-weight:700;margin-bottom:12px}.qc-dialog p{margin-bottom:20px}.qc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}.qc-empty{text-align:center;padding:56px 20px}.qc-empty svg{width:80px;height:80px;margin:0 auto 24px;color:#6366f1}.qc-field{display:block;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin:8px 0 16px}.qc-stepper{display:flex;gap:8px;overflow-x:auto;list-style:none;padding:0;margin:0 0 28px}.qc-stepper a,.qc-stepper span{display:block;min-width:130px;padding:12px;border:1px solid var(--qc-border);border-radius:10px;font-size:13px;color:#475569;text-decoration:none}.qc-stepper [aria-current=step]{background:#eef2ff;border-color:#6366f1;color:#3730a3;font-weight:650}
nav a{font-weight:550;text-decoration:none}nav .text-gray-500{color:#475569}nav .text-gray-400{color:#475569}.qc-print-only{display:none} .qc-qr svg{width:100%;height:auto;max-width:320px}
@media(max-width:767px){.qc-page{padding:24px 16px}.qc-card{padding:20px}.qc-plan{align-items:flex-start;flex-direction:column}.qc-table thead{display:none}.qc-table,.qc-table tbody,.qc-table tr,.qc-table td{display:block;width:100%!important}.qc-table tr{padding:20px 0;border-bottom:1px solid var(--qc-border)}.qc-table td{padding:6px 0;border:0}.qc-table td[data-label]::before{content:attr(data-label) ': ';color:#64748b;font-size:13px}.qc-actions{justify-content:flex-start}.qc-menu-panel{right:0}.qc-header .qc-actions{width:100%}}
@media print{nav,.qc-no-print{display:none!important}.qc-print-only{display:block}.qc-page{padding:0}.qc-card{border:0;box-shadow:none}.qc-qr svg{max-width:500px}}
[hidden]{display:none!important}.qc-alert{border-color:#fbbf24;background:#fffbeb;color:#78350f}.qc-alert li{margin:8px 0}.qc-alert a{color:#92400e;text-decoration:underline}.qc-error{color:#b91c1c;font-size:14px}.qc-warning{color:#b45309}.qc-stepper{scrollbar-width:none}.qc-stepper::-webkit-scrollbar{display:none}.qc-button{max-width:100%;text-align:center}.qc-save-bar{position:relative;background:#ffffffed;border:1px solid var(--qc-border);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;backdrop-filter:blur(12px);margin-top:24px}.qc-save-bar>p{color:var(--qc-muted);font-size:13px}.qc-answer-row{display:flex;align-items:center;gap:10px;border:1px solid var(--qc-border);border-radius:12px;margin:10px 0;padding:10px;background:white}.qc-answer-text{flex:1;min-width:0}.qc-answer-row .qc-field{margin:0}.qc-correct input{width:20px;height:20px;accent-color:var(--qc-primary)}.qc-answer-tools{display:flex;gap:2px}.qc-answer-tools .qc-button{padding:8px;min-width:36px}.qc-drag{touch-action:none;cursor:grab;padding:8px;min-width:36px}.qc-dragging{border-color:var(--qc-primary);background:#eef2ff}.qc-settings-panel{display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}.qc-settings-panel>*{grid-column:1/-1!important;width:100%;min-width:0}.qc-settings-panel>div{padding:0!important;margin:0!important}.qc-settings-panel[data-settings-step="4"]>section{grid-column:span 7!important}.qc-settings-panel[data-settings-step="4"]>aside{grid-column:span 5!important;grid-row:auto!important}.qc-preview-answer{display:block!important;width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;min-width:0}.qc-settings-panel .form-group input,.qc-settings-panel select,.qc-settings-panel textarea{max-width:100%}
@media(max-width:767px){.qc-save-bar{align-items:stretch;flex-direction:column;padding:12px}.qc-save-bar .qc-actions{justify-content:flex-end}.qc-answer-row{flex-wrap:wrap;gap:8px}.qc-answer-text{flex-basis:calc(100% - 92px)}.qc-answer-tools{margin-left:auto}.qc-settings-panel[data-settings-step="4"]>section,.qc-settings-panel[data-settings-step="4"]>aside{grid-column:1/-1!important}.qc-stepper a,.qc-stepper span{min-width:120px}.qc-settings-panel .p-6{padding:16px!important}}

.qc-drop-target { outline: 2px dashed var(--qc-primary, #4338ca); outline-offset: 3px; }