@scope (.omni-generatory-grafy){*{margin:0;padding:0;box-sizing:border-box}:scope{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh;padding:2px}.container{max-width:1400px;margin:0 auto}header{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgb(0 0 0 / .05);border:1px solid #e0e0e0}header h1{color:#333;font-size:28px;text-align:center}.main-content{display:flex;gap:20px;flex-direction:column}.settings-panel{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.settings-panel h2{color:#333;font-size:22px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #4a90d9}.setting-group{margin-bottom:20px}.setting-group label{display:block;color:#555;font-weight:500;margin-bottom:8px}.setting-group select,.setting-group input[type="number"],.setting-group input[type="text"],.setting-group textarea{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color 0.3s}.setting-group select:focus,.setting-group input[type="number"]:focus,.setting-group input[type="text"]:focus,.setting-group textarea:focus{outline:none;border-color:#4a90d9}.setting-group textarea{min-height:76px;line-height:1.4;resize:vertical}.setting-group input[type="checkbox"]{width:18px;height:18px;margin-right:8px;cursor:pointer}.setting-group label:has(input[type="checkbox"]){display:flex;align-items:center;cursor:pointer}.stepper{display:flex;align-items:center;gap:10px}.stepper-btn{width:40px;height:40px;border:2px solid #4a90d9;background:#fff;color:#4a90d9;font-size:24px;font-weight:700;border-radius:8px;cursor:pointer;transition:all 0.3s}.stepper-btn:hover{background:#4a90d9;color:#fff}.stepper input{text-align:center;font-weight:700}.btn-primary,.btn-success{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s}.btn-primary{background:#4a90d9;color:#fff}.btn-primary:hover{background:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 12px rgb(74 144 217 / .4)}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px rgb(72 187 120 / .4)}.preview-panel{flex:1;background:#fff;padding:2px;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.preview-container{background:#fff;padding:0;border-radius:8px;overflow:hidden}.worksheet-scale-wrapper{position:relative;margin:0 auto;transition:height 0.2s ease}.worksheet{background:#fff;width:210mm;min-height:297mm;padding:4mm;box-shadow:0 2px 8px rgb(0 0 0 / .1);display:flex;flex-direction:column;position:relative;transform-origin:top left}.worksheet-heading{margin:0 0 5mm;padding-bottom:4mm;border-bottom:.6mm solid #4f883d;text-align:center}.worksheet-heading h1{margin:0;color:#1f2937;font-size:24px;line-height:1.2}.worksheet-heading p{margin:2.5mm 0 0;color:#475569;font-size:14px;line-height:1.4;white-space:pre-line}.graph-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1}.graph-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa}.graph-container{width:100%;display:flex;justify-content:center;align-items:center}.graph-svg{width:100%;height:auto}.graph-item.complex{padding:15px}.watermark{font-size:12px;color:#999;text-align:center;padding-top:10px}.answer-key{margin-top:20px;padding-top:15px;border-top:3px solid #4a90d9}.answer-key h3{color:#4a90d9;margin-bottom:12px;font-size:18px}.answer-key-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.answer-key-item{padding:6px 10px;background:#f0f0f0;border-radius:6px;font-size:13px}.answer-key-item strong{color:#4a90d9}.graph-answer-page{width:210mm;min-height:297mm;padding:18mm;display:flex;flex-direction:column;background:#fff;color:#1f2937;font-family:Arial,sans-serif}.graph-answer-heading{margin:0 0 12mm;color:#1f2937;font-size:24px;font-weight:700;line-height:1.2}.graph-answer-page .answer-key{margin:0;padding-top:0;border-top:2px solid #4f883d}.graph-answer-page .answer-key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}.graph-answer-page .answer-key-item{min-height:44px;padding:10px 12px;border-radius:5px;background:#f4f7f3;font-size:15px;line-height:1.35}.graph-answer-page .watermark{margin-top:auto}@media (min-width:880px){.main-content{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.settings-panel{width:300px;flex-shrink:0}}.container{max-width:none;width:100%}.preview-panel{min-width:0}.preview-container{min-width:0;overflow-x:hidden;padding:16px;background:#eef2f7}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #e0e0e0}.preview-toolbar p{margin:0 0 2px;color:#697386;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.preview-toolbar h2{margin:0;font-size:20px}.preview-download{width:auto;padding:10px 14px;border-radius:5px;white-space:nowrap}.btn-primary,.btn-success,.stepper-btn{border-radius:5px}@media (max-width:879px){.worksheet{width:100%;min-height:auto;padding:15px}.graph-grid{gap:10px}.graph-item{padding:8px}}@media print{:scope{background:#fff;padding:0}.settings-panel,.preview-container{display:none}.worksheet{box-shadow:none;margin:0;padding:15mm}}}