*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1e1e24;color:#f1f5f9;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.universal-drawing-card h4{font-size:.85rem;color:#94a3b8;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.universal-drawing-card{background:#23242e;padding:20px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.05);width:100%;max-width:800px;margin:0 auto 16px;box-shadow:0 20px 40px #0006}.universal-drawing-img{width:auto;max-width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:8px;background:#15161e;border:1px solid rgba(56,189,248,.2);display:block}.standart-instruction-panel{background:#1e1f26;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;width:100%;max-width:700px;margin-bottom:20px;text-align:left}.instruction-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.step-indicator{background:#38bdf8;color:#0f172a;font-size:.75rem;font-weight:800;padding:2px 6px;border-radius:4px}.standart-instruction-panel h3{font-size:1.1rem;color:#fff;margin:0}.step-desc{color:#94a3b8;font-size:.9rem;line-height:1.5;margin-bottom:12px}.academy-education-tip{background:#eab3080f;border-left:4px solid #eab308;padding:10px 14px;border-radius:0 8px 8px 0;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.academy-education-tip p{color:#e2e8f0;font-size:.85rem;margin:0;font-style:italic}.edu-icon{font-size:1.1rem}.universal-toolbar{display:flex;gap:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.toolbar-btn{background:#2a2b36;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background:#334155;color:#fff}.toolbar-btn.active-btn{background:#38bdf826;color:#38bdf8;border-color:#38bdf8}.grid-image-wrapper img.base-img{width:auto;max-width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.grid-image-wrapper .mask-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2}.canvas-content-area{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start}.active-component-wrapper{width:100%}.grid-image-wrapper{position:relative;display:inline-flex!important;width:fit-content!important;height:fit-content!important;z-index:5}.grid-image-wrapper img,.grid-image-wrapper canvas{display:block;position:relative;z-index:1}.universal-6x5-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999!important;background-image:linear-gradient(to right,rgba(255,0,0,.7) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,0,0,.7) 1px,transparent 1px);background-size:calc(100% / 6) 20%}.canvas-content-area.side-by-side-view{width:100%;display:flex!important;flex-direction:row!important;gap:20px;align-items:flex-start!important;justify-content:center}.canvas-content-area.side-by-side-view .side-reference-panel,.canvas-content-area.side-by-side-view .active-component-wrapper{flex:1;max-width:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important}.canvas-content-area.side-by-side-view app-edge-picker,.canvas-content-area.side-by-side-view app-edge-picker .preview-area{width:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;margin-top:0!important}.canvas-content-area.side-by-side-view .universal-drawing-card{margin:0 0 16px!important;display:flex;flex-direction:column;align-items:center}.canvas-content-area.side-by-side-view .universal-drawing-card h4{height:20px;margin-top:0;margin-bottom:12px;display:flex;align-items:center}.canvas-content-area.vertical-stack-view{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start}.canvas-content-area.vertical-stack-view .active-component-wrapper,.canvas-content-area.vertical-stack-view .bottom-reference-panel{width:100%}.bottom-reference-panel{margin-top:12px;display:flex;flex-direction:column;align-items:center}