:root{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#6f7890;--line:#e5e9f2;--primary:#315efb;--primary-dark:#2147d7;--danger:#dc4058;--success:#16885d;--shadow:0 12px 30px rgba(31,45,76,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{background:#11182b;color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#315efb;font-weight:800}.brand strong{display:block;font-size:16px}.brand span{display:block;color:#96a0bb;font-size:12px;margin-top:2px}.steps{display:grid;gap:8px}.step{border:0;background:transparent;color:#a8b1c8;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}.step b{width:26px;height:26px;border-radius:8px;background:#202942;display:grid;place-items:center;font-size:12px}.step.active{background:#202942;color:#fff}.step.active b{background:#315efb}.sidebar-note{margin-top:auto;background:#182138;border:1px solid #27314d;padding:14px;border-radius:14px;font-size:12px;color:#bec6d7}.sidebar-note p{margin:6px 0 0;line-height:1.5}.version{color:#69748f;font-size:11px;padding:14px 4px 0}.main{padding:28px 34px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.topbar h1{margin:0;font-size:25px}.topbar p{margin:5px 0 0;color:var(--muted)}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.tab{display:none}.tab.active{display:block}.grid.two{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.card.compact{padding:12px 16px}.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.card h2{font-size:17px;margin:0}.card-head p{color:var(--muted);font-size:13px;margin:4px 0 0}.badge{font-size:10px;font-weight:700;background:#edf2ff;color:#315efb;border-radius:999px;padding:7px 9px}.dropzone{min-height:190px;border:1.5px dashed #aeb8ce;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;background:#fafbfe;transition:.2s}.dropzone.drag{border-color:var(--primary);background:#f2f5ff}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon{font-size:30px;color:#315efb}.dropzone span{font-size:12px;color:var(--muted)}.divider{display:flex;align-items:center;gap:9px;color:#9aa4b8;font-size:12px;margin:15px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.field{display:grid;gap:7px;font-size:12px;color:#566078}.field>span{font-weight:650}.field input,.field textarea,.field select,.q-text,.option-row input{width:100%;border:1px solid #d9deea;border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus,.q-text:focus,.option-row input:focus{border-color:#718fff;box-shadow:0 0 0 3px #edf1ff}.field textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.check{grid-column:1/-1;display:flex;align-items:center;gap:9px;color:#485168;font-size:13px}.check input{width:16px;height:16px}.hint-box{margin-top:16px;background:#f7f9fd;border:1px solid var(--line);padding:14px;border-radius:12px;font-size:12px;color:#59637a}.hint-box p{margin:5px 0 0;line-height:1.5}.hint-box code{background:#fff;border:1px solid #e1e5ef;border-radius:5px;padding:1px 4px}.status{margin-top:14px;border-radius:10px;padding:11px 12px;font-size:12px}.status.muted{background:#f7f8fb;color:#7a849b}.status.ok{background:#ecfbf5;color:#157552}.status.warn{background:#fff7e8;color:#8d6413}.row{display:flex;align-items:center}.row.end{justify-content:flex-end}.gap{gap:8px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;font-weight:650;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{background:#fff;border-color:#dce1ec;color:#3c465d}.btn.small{padding:7px 9px;font-size:12px}.btn.tiny{padding:6px 8px;font-size:11px}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.stats{display:flex;gap:8px;flex-wrap:wrap}.stat{background:#f2f5fb;border-radius:10px;padding:8px 10px;font-size:12px}.stat b{font-size:14px}.question-list{display:grid;gap:12px}.question-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:0 4px 13px rgba(31,45,76,.05)}.question-card.issue{border-color:#f1bf63}.question-top,.question-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.q-number{font-size:12px;background:#edf2ff;color:#315efb;border-radius:8px;padding:5px 8px;font-weight:700}.icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid #dce1ec;background:#fff;color:#4b556b;cursor:pointer}.icon-btn.danger{color:var(--danger)}.q-text{margin:10px 0;line-height:1.5;resize:vertical}.options{display:grid;gap:7px}.option-row{display:grid;grid-template-columns:28px 1fr 28px;gap:7px;align-items:center}.option-label{width:28px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f3f5fa;font-weight:700;font-size:12px}.option-row input{padding:8px 9px}.option-row button{width:28px;height:28px;border:0;background:transparent;color:#a0a9ba;cursor:pointer}.q-warning{font-size:11px;color:#a16a13}.question-bottom{margin-top:9px}.empty{text-align:center;color:var(--muted);padding:50px 20px}.empty h3{color:var(--ink);margin:0 0 6px}.paper-wrap{background:#e9edf4;border-radius:13px;padding:15px;overflow:auto}.paper{background:#fff;min-height:600px;max-width:680px;margin:0 auto;padding:42px 38px;box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative;color:#111;font-family:Arial,sans-serif}.paper .p-title{text-align:center;font-weight:700;font-size:18px}.paper .p-sub{text-align:center;font-size:11px;margin-top:5px;margin-bottom:20px}.paper .p-columns{column-gap:28px}.paper .p-q{break-inside:avoid;margin-bottom:12px;font-size:10px;line-height:1.42}.paper .p-options{margin:5px 0 0 17px}.paper .wm{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-35deg);font-size:48px;color:rgba(20,20,20,.06);font-weight:800;white-space:nowrap;pointer-events:none}.export-actions{display:grid;gap:10px}.export-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;padding:13px;border-radius:13px;cursor:pointer}.export-btn:hover{border-color:#aab9ff;background:#fafbff}.export-icon{width:42px;height:42px;border-radius:10px;background:#edf2ff;color:#315efb;display:grid;place-items:center;font-size:10px;font-weight:800}.export-btn b{display:block}.export-btn small{display:block;color:var(--muted);margin-top:3px}.checklist{display:grid;gap:10px}.check-item{border:1px solid var(--line);border-radius:11px;padding:12px 13px;font-size:13px;display:flex;justify-content:space-between;gap:15px}.check-item.ok span:last-child{color:var(--success)}.check-item.warn span:last-child{color:#b37816}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;flex-direction:row;align-items:center;gap:12px;padding:12px 15px}.brand{padding:0}.steps{display:flex;flex:1;justify-content:center}.step span{display:none}.sidebar-note,.version{display:none}.main{padding:20px}.grid.two{grid-template-columns:1fr}.topbar{flex-direction:column}.layout-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.main{padding:14px}.steps{justify-content:flex-end}.step{padding:7px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.top-actions{width:100%}.top-actions .btn{flex:1}.toolbar .row{flex-wrap:wrap}.paper{padding:30px 24px}.card{padding:15px}}