.SvgStudio_studioContainer__rj7qp{display:flex;flex-direction:column;height:calc(100dvh - 90px);width:100vw;background-color:#0b0f17;color:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:#374151 #111827;overscroll-behavior:none}.SvgStudio_smallScreen__Lk9aj{display:none!important}.SvgStudio_studioContainer__rj7qp ::-webkit-scrollbar{width:6px;height:6px}.SvgStudio_studioContainer__rj7qp ::-webkit-scrollbar-track{background:#111827}.SvgStudio_studioContainer__rj7qp ::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.SvgStudio_studioContainer__rj7qp ::-webkit-scrollbar-thumb:hover{background:#4b5563}.SvgStudio_header__9RDbN{height:56px;border-bottom:1px solid #1f2937;background-color:#111827;padding:0 16px;display:flex;align-items:center;justify-content:space-between;z-index:1;flex-shrink:0}.SvgStudio_logoArea__nMl69{display:flex;align-items:center;gap:8px}.SvgStudio_logoIcon__p_FS8{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 15px -3px rgba(99,102,241,.4)}.SvgStudio_logoTitle__B_ftB{font-size:1.125rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.SvgStudio_modeHeaderGroup__GWIrG{display:flex;background-color:#0b0f17;padding:4px;border-radius:12px;border:1px solid #1f2937;gap:4px}.SvgStudio_modeHeaderBtn__8zPpf{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500;background:none;border:none;color:#9ca3af;cursor:pointer;transition:all .2s}.SvgStudio_modeHeaderBtn__8zPpf:hover{color:#f3f4f6}.SvgStudio_modeHeaderBtn__8zPpf.SvgStudio_active__E5Rf_{background-color:#6366f1;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.2)}.SvgStudio_headerActions__LjHif{display:flex;align-items:center;gap:8px}.SvgStudio_mobileToggleBar__aHhnW{display:none;background-color:#0b0f17;padding:4px;border-radius:8px;border:1px solid #1f2937}.SvgStudio_mobileToggleBtn__OBQsl{padding:4px 12px;font-size:.75rem;font-weight:500;border-radius:6px;border:none;background:none;color:#9ca3af;cursor:pointer}.SvgStudio_mobileToggleBtn__OBQsl.SvgStudio_active__E5Rf_{background-color:#6366f1;color:#fff}.SvgStudio_bigScreenDownloadContainer__7_23M{display:flex;gap:8px}.SvgStudio_smallScreenDownloadContainer__n07v6{display:none}.SvgStudio_btnPrimary__BpIjd{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#6366f1;color:#fff;font-size:.75rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 6px -1px rgba(99,102,241,.3)}.SvgStudio_btnPrimary__BpIjd:hover{background-color:#4f46e5}.SvgStudio_btnSecondary__v_3XM{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#1f2937;color:#e5e7eb;font-size:.75rem;font-weight:600;border:1px solid #374151;border-radius:8px;cursor:pointer;transition:background-color .2s}.SvgStudio_btnSecondary__v_3XM:hover{background-color:#374151}.SvgStudio_mainWorkspace__LM_cv{flex:1 1;display:flex;overflow:hidden;position:relative;height:calc(100dvh - 146px)}.SvgStudio_sidebar__3FVNh{width:380px;background-color:#111827;border-right:1px solid #1f2937;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:1;flex-shrink:0}.SvgStudio_mobileModeScroll__rDJuX{display:none;overflow-x:auto;padding:8px;background-color:#0b0f17;border-bottom:1px solid #1f2937;gap:4px}.SvgStudio_mobileModePill__bcNWA{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;border:none;cursor:pointer}.SvgStudio_sidebarTabs__vhWje{display:flex;background-color:rgba(11,15,23,.5);border-bottom:1px solid #1f2937}.SvgStudio_sidebarTab__0PYau{flex:1 1;padding:10px;font-size:.75rem;font-weight:500;background:none;color:#9ca3af;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.SvgStudio_sidebarTab__0PYau:hover{color:#e5e7eb}.SvgStudio_sidebarTab__0PYau.SvgStudio_active__E5Rf_{border-bottom-color:#6366f1;color:#fff}.SvgStudio_sidebarBody__MEfXp{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:16px 16px 80px}.SvgStudio_sectionTitle__swa6P{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:8px;display:block}.SvgStudio_controlGroup__9rVdF{display:flex;flex-direction:column;gap:6px}.SvgStudio_labelRow__ilZ8e{display:flex;justify-content:space-between;font-size:.75rem;color:#9ca3af;margin-bottom:4px}.SvgStudio_viewPortSelectContainer__ZEssl{display:flex;align-items:center;gap:10px}.SvgStudio_viewPortSelectContainer__ZEssl label{font-size:12px;color:#9ca3af}.SvgStudio_viewPortSelectContainer__ZEssl select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#0b0f17;color:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:500;padding:8px 32px 8px 12px;border:1px solid #1f2937;border-radius:8px;outline:none;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%3C9CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.SvgStudio_viewPortSelectContainer__ZEssl select:hover{border-color:#374151;color:#fff}.SvgStudio_viewPortSelectContainer__ZEssl select:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.25)}.SvgStudio_viewPortSelectContainer__ZEssl select option{background-color:#111827;color:#f3f4f6;padding:8px}.SvgStudio_rangeInput__jr7FE{width:100%;accent-color:#6366f1;height:4px;background:#374151;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.SvgStudio_input__N2moj{height:20px;margin-left:10px;background:#0b0f17;outline:none;border:1px solid #1f2937;border-radius:8px;color:#fff;font-size:12px;padding:4px}.SvgStudio_colorPicker__zsIvY{width:100%;height:32px;background:transparent;border:none;cursor:pointer;border-radius:6px}.SvgStudio_gridBtns2__zAwpd{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.SvgStudio_gridBtns3__7_pq6{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.SvgStudio_optionBtn__1fa7J{padding:8px;border-radius:8px;font-size:.75rem;font-weight:500;text-align:center;border:1px solid #1f2937;background-color:#0b0f17;color:#9ca3af;cursor:pointer;transition:all .2s;text-transform:capitalize}.SvgStudio_optionBtn__1fa7J:hover{border-color:#374151;color:#e5e7eb}.SvgStudio_optionBtn__1fa7J.SvgStudio_active__E5Rf_{background-color:rgba(99,102,241,.2);border-color:#6366f1;color:#a5b4fc}.SvgStudio_previewArea__mTyqN{flex:1 1;display:flex;flex-direction:column;background-color:#0b0f17;position:relative;overflow:hidden;height:100%}.SvgStudio_previewHeader__T3DdN{height:35.5px;border-bottom:1px solid #1f2937;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#9ca3af;background-color:rgba(17,24,39,.5);flex-shrink:0}.SvgStudio_previewCanvasContainer__AKtu1{flex:1 1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px;background-image:linear-gradient(45deg,#1f2937 25%,transparent 0),linear-gradient(-45deg,#1f2937 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1f2937 0),linear-gradient(-45deg,transparent 75%,#1f2937 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.SvgStudio_svgCanvasWrapper__eQsqv{box-shadow:0 25px 50px -12px rgba(0,0,0,.7);position:relative;border-radius:8px;overflow:hidden;border:1px solid #374151;cursor:crosshair;touch-action:none;transition:transform .15s ease}.SvgStudio_codeBoxPre__JPXjl{width:100%;height:224px;background-color:#0b0f17;border:1px solid #1f2937;border-radius:12px;padding:12px;font-size:.75rem;font-family:JetBrains Mono,monospace;color:#a5b4fc;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0;box-sizing:border-box}@media (max-width:1023px){.SvgStudio_modeHeaderGroup__GWIrG{display:none}.SvgStudio_mobileModeScroll__rDJuX,.SvgStudio_mobileToggleBar__aHhnW{display:flex}.SvgStudio_smallScreenDownloadContainer__n07v6{display:flex;gap:8px}.SvgStudio_smallScreen__Lk9aj{display:block!important}.SvgStudio_bigScreenDownloadContainer__7_23M{display:none}.SvgStudio_sidebar__3FVNh{position:absolute;inset:0;width:100%;height:100%;transition:transform .25s ease}.SvgStudio_sidebar__3FVNh.SvgStudio_hiddenMobile__epRQk{transform:translateX(-100%);pointer-events:none}.SvgStudio_previewArea__mTyqN{position:absolute;inset:0;width:100%;height:100%;transition:transform .25s ease}.SvgStudio_previewArea__mTyqN.SvgStudio_hiddenMobile__epRQk{transform:translateX(100%);pointer-events:none}}