@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-mono:"Courier New", Courier, monospace;--bg-app:#f1f5f9;--bg-sidebar:#fff;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-paper:0 20px 25px -5px #0000001f, 0 8px 10px -6px #00000014;--a4-width:210mm;--a4-height:297mm}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button,input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:400px;min-width:360px;max-width:440px;height:100%;display:flex;box-shadow:2px 0 8px #00000008}.sidebar-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.sidebar-content{flex:1;padding:20px 24px;overflow-y:auto}.main-preview{background:#e2e8f0;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border-color);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;box-shadow:0 1px 3px #0000000d}.canvas-viewport{flex-direction:column;flex:1;align-items:center;gap:32px;padding:40px;display:flex;overflow:auto}.a4-sheet{width:var(--a4-width);height:var(--a4-height);box-shadow:var(--shadow-paper);transform-origin:top;background:#fff;border-radius:2px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:16mm 14mm 14mm;transition:transform .15s ease-out;display:flex;position:relative}.sheet-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-end;margin-bottom:8mm;padding-bottom:4mm;display:flex}.sheet-title{color:#0f172a;letter-spacing:-.5px;font-size:22pt;font-weight:800}.sheet-student-info{color:#334155;gap:16px;font-size:11pt;font-weight:600;display:flex}.info-item{align-items:baseline;gap:4px;display:flex}.info-line{border-bottom:1.2px solid #64748b;min-width:65px;height:18px;display:inline-block}.sheet-grid{flex:1;align-content:start;display:grid}.sheet-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:6mm;padding-top:3mm;font-size:9pt;display:flex}.working-space-grid{background-image:linear-gradient(90deg,#e2e8f0 1px,#0000 1px),linear-gradient(#e2e8f0 1px,#0000 1px);background-size:6mm 6mm;border:1.5px solid #cbd5e1;border-radius:6px;width:100%}.working-space-lined{background-image:linear-gradient(#e2e8f0 1px,#0000 1px);background-size:100% 7mm;border:1.5px solid #cbd5e1;border-radius:6px;width:100%}@page{size:A4 portrait;margin:10mm 12mm}@media print{html,body{width:100%;height:100%;background:#fff!important;margin:0!important;padding:0!important}.no-print{display:none!important}.app-container{height:auto!important;display:block!important;overflow:visible!important}.main-preview,.canvas-viewport{background:#fff!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.a4-sheet{box-shadow:none!important;page-break-after:always!important;break-after:page!important;border:none!important;border-radius:0!important;width:100%!important;height:100vh!important;margin:0!important;padding:0!important;transform:none!important}.working-space-grid,.working-space-lined{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}