@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--paper-white: #FDFBF7;--paper-cream: #F5F1E8;--paper-warm: #EDE8DC;--paper-shadow: rgba(45, 35, 25, .08);--ink-dark: #2D2318;--ink-medium: #5C5347;--ink-light: #8A8279;--ink-faint: #B8B2A8;--accent-deep: #1B3A4B;--accent-mid: #2E5A6B;--accent-light: #4A7C8C;--accent-pale: #D4E4E9;--success: #4A7C5C;--warning: #B8863B;--danger: #9C4A4A;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-display: "Crimson Pro", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;color:var(--ink-dark);background:var(--paper-cream);line-height:1.5;-webkit-font-smoothing:antialiased}.graph-bg{background-color:var(--paper-cream);background-image:linear-gradient(var(--paper-warm) 1px,transparent 1px),linear-gradient(90deg,var(--paper-warm) 1px,transparent 1px);background-size:20px 20px}.paper-card{background:var(--paper-white);border-radius:3px;box-shadow:0 1px 2px var(--paper-shadow),0 4px 8px var(--paper-shadow),0 0 0 1px #2d23190a;transition:box-shadow .3s var(--ease-out),transform .3s var(--ease-out)}.paper-card:hover{box-shadow:0 2px 4px var(--paper-shadow),0 8px 16px var(--paper-shadow),0 0 0 1px #2d23190f;transform:translateY(-2px)}.paper-inset{background:var(--paper-warm);box-shadow:inset 0 1px 3px #2d23191a;border-radius:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--ink-dark);letter-spacing:-.01em}h1{font-size:28px;line-height:1.2}h2{font-size:22px;line-height:1.3}h3{font-size:18px;line-height:1.4}h4{font-size:15px;line-height:1.4}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-light)}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;padding:10px 16px;border-radius:3px;border:none;cursor:pointer;transition:all .2s var(--ease-out);display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-deep);color:var(--paper-white)}.btn-primary:hover{background:var(--accent-mid)}.btn-secondary{background:var(--paper-white);color:var(--ink-medium);box-shadow:0 1px 2px var(--paper-shadow),0 0 0 1px #2d231914}.btn-secondary:hover{background:var(--paper-cream);box-shadow:0 2px 4px var(--paper-shadow),0 0 0 1px #2d23191f}.btn-ghost{background:transparent;color:var(--ink-medium)}.btn-ghost:hover{background:var(--paper-warm);color:var(--ink-dark)}input,select,textarea{font-family:var(--font-body);font-size:14px;padding:10px 12px;border:1px solid var(--ink-faint);border-radius:3px;background:var(--paper-white);color:var(--ink-dark);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-mid);box-shadow:0 0 0 3px var(--accent-pale)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--paper-warm)}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out)}.animate-slide-up{animation:slideUp .4s var(--ease-out)}.animate-scale-in{animation:scaleIn .3s var(--ease-out)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);height:56px;background:var(--paper-white);border-bottom:1px solid var(--paper-warm);flex-shrink:0}.nav-brand{display:flex;align-items:center;gap:var(--space-md)}.nav-logo{width:32px;height:32px;background:var(--accent-deep);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--paper-white);font-family:var(--font-display);font-weight:700;font-size:18px}.nav-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink-dark)}.nav-links{display:flex;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:13px;font-weight:500;color:var(--ink-medium);text-decoration:none;transition:all .2s var(--ease-out);cursor:pointer;background:none;border:none}.nav-link:hover{background:var(--paper-warm);color:var(--ink-dark)}.nav-link.active{background:var(--accent-pale);color:var(--accent-deep)}.nav-actions{display:flex;gap:var(--space-sm)}.main-content{flex:1;overflow:hidden;display:flex}.worksheet-builder{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:var(--paper-white);border-right:1px solid var(--paper-warm);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--paper-warm)}.sidebar-title{font-size:13px;font-weight:600;color:var(--ink-dark);margin-bottom:var(--space-xs)}.sidebar-subtitle{font-size:12px;color:var(--ink-light)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-md)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--paper-warm);display:flex;gap:var(--space-sm)}.question-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.question-card{background:var(--paper-white);border:1px solid var(--paper-warm);border-radius:4px;padding:var(--space-sm);cursor:grab;transition:all .2s var(--ease-out)}.question-card:hover{border-color:var(--accent-light);box-shadow:0 2px 8px var(--paper-shadow)}.question-card.dragging{opacity:.5;cursor:grabbing}.question-card-preview{background:var(--paper-cream);border-radius:3px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);overflow:hidden}.question-card-preview svg{width:100%;height:100%}.question-card-title{font-size:12px;font-weight:500;color:var(--ink-dark);margin-bottom:2px}.question-card-meta{font-size:11px;color:var(--ink-light)}.canvas-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--paper-white);border-bottom:1px solid var(--paper-warm)}.canvas-toolbar-group{display:flex;align-items:center;gap:var(--space-md)}.layout-selector{display:flex;gap:var(--space-xs)}.layout-btn{width:36px;height:36px;border:1px solid var(--paper-warm);border-radius:4px;background:var(--paper-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out)}.layout-btn:hover{border-color:var(--accent-light);background:var(--accent-pale)}.layout-btn.active{border-color:var(--accent-mid);background:var(--accent-pale);color:var(--accent-deep)}.layout-btn svg{width:18px;height:18px;color:var(--ink-medium)}.layout-btn.active svg{color:var(--accent-deep)}.canvas{flex:1;overflow:auto;padding:var(--space-xl)}.canvas-inner{background-color:var(--paper-cream);background-image:linear-gradient(var(--paper-warm) 1px,transparent 1px),linear-gradient(90deg,var(--paper-warm) 1px,transparent 1px);background-size:20px 20px;min-height:100%;border-radius:4px;padding:var(--space-xl)}.worksheet-page{background:var(--paper-white);box-shadow:0 1px 3px var(--paper-shadow),0 4px 12px var(--paper-shadow);border-radius:2px;max-width:800px;margin:0 auto;padding:var(--space-xl);min-height:1000px}.worksheet-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--ink-dark)}.worksheet-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink-dark);margin-bottom:var(--space-xs)}.worksheet-subtitle{font-size:14px;color:var(--ink-medium)}.question-slots{display:grid;gap:var(--space-xl)}.question-slots.layout-1{grid-template-columns:1fr}.question-slots.layout-2x2,.question-slots.layout-3x2{grid-template-columns:repeat(2,1fr)}.question-slot{border:2px dashed var(--ink-faint);border-radius:4px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s var(--ease-out);position:relative}.question-slot.drop-target{border-color:var(--accent-mid);background:var(--accent-pale)}.question-slot.filled{border:1px solid var(--paper-warm);background:var(--paper-white);padding:var(--space-md)}.question-slot-placeholder{text-align:center;color:var(--ink-light)}.question-slot-placeholder-icon{width:48px;height:48px;margin:0 auto var(--space-sm);background:var(--paper-warm);border-radius:50%;display:flex;align-items:center;justify-content:center}.question-slot-placeholder-icon svg{width:24px;height:24px;color:var(--ink-light)}.question-slot-placeholder-text{font-size:13px}.slot-question{width:100%}.slot-question-header{display:flex;gap:var(--space-sm);align-items:flex-start;margin-bottom:var(--space-md)}.slot-question-number{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink-dark);flex-shrink:0}.slot-question-text{font-size:14px;color:var(--ink-dark);line-height:1.5}.slot-question-diagram{background:#fff;border:1px solid #eee;border-radius:4px;padding:var(--space-md);display:flex;justify-content:center;align-items:center}.slot-question-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transition:opacity .2s}.question-slot.filled:hover .slot-question-actions{opacity:1}.slot-action-btn{width:28px;height:28px;border:none;border-radius:4px;background:var(--paper-warm);color:var(--ink-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.slot-action-btn:hover{background:var(--ink-faint);color:var(--ink-dark)}.slot-action-btn.danger:hover{background:var(--danger);color:var(--paper-white)}.settings-panel{width:260px;background:var(--paper-white);border-left:1px solid var(--paper-warm);display:flex;flex-direction:column;flex-shrink:0}.settings-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--paper-warm)}.settings-title{font-size:13px;font-weight:600;color:var(--ink-dark)}.settings-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.settings-section{margin-bottom:var(--space-xl)}.settings-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-light);margin-bottom:var(--space-md)}.settings-field{margin-bottom:var(--space-md)}.settings-field label{display:block;font-size:13px;font-weight:500;color:var(--ink-medium);margin-bottom:var(--space-xs)}.settings-field input,.settings-field select{width:100%}.modal-overlay{position:fixed;inset:0;background:#2d231999;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s var(--ease-out)}.modal{background:var(--paper-white);border-radius:8px;box-shadow:0 20px 40px #2d231933;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .3s var(--ease-out)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--paper-warm)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:600}.modal-close{width:32px;height:32px;border:none;border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-light);transition:all .2s}.modal-close:hover{background:var(--paper-warm);color:var(--ink-dark)}.modal-body{flex:1;overflow:auto;padding:var(--space-lg);background:var(--paper-cream)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--paper-warm)}.print-preview{background:var(--paper-white);box-shadow:0 2px 8px var(--paper-shadow);padding:40px;max-width:800px;margin:0 auto}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--ink-light)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-md);background:var(--paper-warm);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:32px;height:32px;color:var(--ink-light)}.empty-state-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink-medium);margin-bottom:var(--space-xs)}.empty-state-text{font-size:14px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.badge-type{background:var(--accent-pale);color:var(--accent-deep)}.divider{height:1px;background:var(--paper-warm);margin:var(--space-md) 0}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:13px}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.nav-link svg{width:16px;height:16px}@media print{.nav,.sidebar,.settings-panel,.canvas-toolbar,.slot-question-actions{display:none!important}.worksheet-builder,.canvas-wrapper{display:block}.canvas{padding:0;overflow:visible}.canvas-inner{background:none;padding:0}.worksheet-page{box-shadow:none;max-width:none;padding:20px}.question-slot{border:none;page-break-inside:avoid}}