@scope (.omni-generatory-polacz-kropki){*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:scope{--bg:#e8eaed;--sidebar-bg:#ffffff;--text:#1f2937;--muted:#6b7280;--accent:#4f883d;--accent-h:#3d6b2f;--danger:#ef4444;--danger-h:#dc2626;--panel-bg:#f3f4f6;--border:#d1d5db;--border-h:#9ca3af}:scope{height:100%;font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;min-height:950px;height:calc(100vh - 32px);overflow:hidden}#sidebar{width:300px;flex-shrink:0;background:var(--sidebar-bg);padding:16px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;border-right:2px solid var(--border);box-shadow:2px 0 8px rgb(0 0 0 / .06)}#sidebar h1{font-size:1.2rem;color:var(--accent);letter-spacing:.02em}.subtitle{font-size:.72rem;color:var(--muted);margin-bottom:4px}.panel-title{border-color:var(--accent);border-width:1.5px}#modeSwitcher{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;padding:4px}.mode-btn{border:none;background:#fff0;border-radius:6px;padding:7px 4px;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}.mode-btn:hover{background:var(--border);color:var(--text)}.mode-btn.active{background:var(--accent);color:#fff}.mode-panel{display:flex;flex-direction:column;gap:6px}.mode-panel.hidden{display:none!important}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:9px}.panel h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sub-panel{background:#e9ebee;border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px}label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--text);cursor:pointer}.row-label{gap:5px}.range-row{display:flex;align-items:center;gap:6px}.range-row input[type="range"]{flex:1}.range-row span{min-width:22px;font-size:.78rem;color:var(--muted)}input[type="range"]{appearance:none;-webkit-appearance:none;accent-color:var(--accent);cursor:pointer;width:100%;height:6px;border-radius:999px;background:#e5f2e1}input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e5f2e1}input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;background:#4f883d;cursor:pointer}input[type="range"]::-moz-range-track{height:6px;border-radius:999px;background:#e5f2e1}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#4f883d;cursor:pointer}input[type="text"],input[type="number"],select{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:5px 8px;font-size:.82rem;width:100%}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.radio-group{display:flex;flex-direction:column;gap:5px}.radio-group label{flex-direction:row;align-items:center;gap:7px}.radio-group input[type="radio"]{accent-color:var(--accent)}.checkbox-label{flex-direction:row!important;align-items:center;gap:7px}.tool-group{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tool-btn{border:1px solid var(--border);background:var(--sidebar-bg);border-radius:6px;padding:6px 4px;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--muted);transition:background .12s,color .12s,border-color .12s}.tool-btn:hover{background:var(--border);color:var(--text)}.tool-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}#colorPalette{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff0;cursor:pointer;transition:transform .1s,border-color .1s;flex-shrink:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--accent);transform:scale(1.2)}#colorCustom{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;padding:1px;cursor:pointer;background:none}.btn-primary,.btn-secondary,.btn-danger,.btn-download,.btn-upload,.btn-close,.btn-sm{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;padding:7px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .14s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-h)}.btn-download{background:#4f883d;color:#fff}.btn-download:hover{background:#3d6b2f}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border-h);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-h)}.btn-upload{background:var(--border);color:var(--text);width:100%}.btn-upload:hover{background:var(--border-h);color:#fff}.btn-close{background:#fff0;color:var(--muted);padding:4px 8px;font-size:1.1rem}.btn-close:hover{color:var(--danger)}.btn-sm{padding:4px 10px;font-size:.76rem}.actions{gap:6px}.hint{font-size:.7rem;color:var(--muted);line-height:1.45}.hint.center{text-align:center}.hidden{display:none!important}#editorArea{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--bg);overflow:auto;padding:16px 24px 24px;gap:12px}#editorToolbar{display:flex;align-items:center;gap:8px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:8px;padding:6px 14px;box-shadow:0 1px 4px rgb(0 0 0 / .08);flex-shrink:0}.toolbar-label{font-size:.78rem;color:var(--muted);font-weight:600;margin-right:2px}#editorZoom{width:110px;accent-color:var(--accent);cursor:pointer}#editorZoomVal{font-size:.78rem;font-weight:700;color:var(--text);min-width:40px;text-align:center}#btnExportTop{margin-left:auto}.zoom-btn{border:1px solid var(--border);background:var(--panel-bg);border-radius:5px;width:24px;height:24px;font-size:.85rem;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .12s;padding:0}.zoom-btn:hover{background:var(--border)}#canvasWrapper{position:relative;box-shadow:0 4px 32px rgb(0 0 0 / .18);border-radius:4px;background:#fff;transform-origin:top center;flex-shrink:0}#bgCanvas,#eraseCanvas,#drawCanvas,#dotsCanvas{position:absolute;top:0;left:0;border-radius:4px}#bgCanvas{z-index:1;pointer-events:none}#drawCanvas{z-index:2;pointer-events:none}#eraseCanvas{z-index:3;pointer-events:none}#dotsCanvas{z-index:4;cursor:crosshair}.modal{position:fixed;inset:0;background:rgb(0 0 0 / .55);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-inner{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;width:min(900px, 95vw);max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgb(0 0 0 / .18)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);gap:16px}.modal-header h2{font-size:1rem;color:var(--accent);white-space:nowrap}.preview-scale-control{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);flex:1;justify-content:center}.preview-scale-control input[type="range"]{width:120px;cursor:pointer}#previewScaleVal{font-weight:600;color:var(--text);min-width:38px;text-align:right}#previewContainer{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;background:#c8cdd5}#previewCanvas{box-shadow:0 2px 16px rgb(0 0 0 / .35)}.modal-footer{display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--border);justify-content:flex-end}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}