.page_container__YJWPy{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;min-height:100vh}.page_backLink__J2LNh{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;margin-bottom:24px;width:-moz-fit-content;width:fit-content;transition:color var(--transition-fast)}.page_backLink__J2LNh:hover{color:var(--text-primary)}.page_header__fcBAx{margin-bottom:30px}.page_title__JxI1q{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.page_subtitle__VEkGd{font-size:1.1rem;color:var(--text-secondary)}.page_workspace__XbSLi{display:grid;grid-template-columns:280px 1fr 320px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:1024px){.page_workspace__XbSLi{grid-template-columns:1fr}}.page_sidebar__jjD0T{padding:20px;display:flex;flex-direction:column;gap:20px}.page_sidebarSection__OCZTH{display:flex;flex-direction:column;gap:12px}.page_sectionHeader__C_vnP{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid hsla(0,0%,100%,.05);padding-bottom:6px;margin-bottom:4px}.page_toolGrid__mem8W{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.page_toolBtn__yz6PB{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.page_toolBtn__yz6PB:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:var(--text-primary)}.page_toolBtnActive__w15QM{background:rgba(168,85,247,.08);border-color:rgba(168,85,247,.3);color:var(--accent-purple)}.page_settingGroup__dcYRQ{display:flex;flex-direction:column;gap:6px}.page_settingLabel__jC90B{font-size:.75rem;font-weight:700;color:var(--text-muted)}.page_rangeInput__EjaQc{width:100%;accent-color:var(--accent-purple);cursor:pointer}.page_colorPickerRow__a1pth{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.page_colorSwatch__gmV_K{height:28px;border-radius:50%;cursor:pointer;border:1.5px solid transparent;transition:transform var(--transition-fast)}.page_colorSwatch__gmV_K:hover{transform:scale(1.15)}.page_colorSwatchActive__yB8kL{border-color:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.3)}.page_canvasWrapper__C0pxd{display:flex;flex-direction:column;gap:16px;align-items:center}.page_canvasHeader__zMOvm{width:100%;display:flex;justify-content:space-between;align-items:center}.page_canvasStats__rIySJ{font-size:.8rem;color:var(--text-muted)}.page_canvasContainer__aw7_w{position:relative;background:#fff;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:500px;height:500px;overflow:hidden}.page_drawingCanvas__rS2B3{cursor:crosshair}.page_drawingCanvas__rS2B3,.page_gridOverlay__p9Dx9{position:absolute;top:0;left:0;width:100%;height:100%}.page_gridOverlay__p9Dx9{pointer-events:none;background-size:20px 20px;background-image:linear-gradient(90deg,rgba(168,85,247,.05) 1px,transparent 0),linear-gradient(180deg,rgba(168,85,247,.05) 1px,transparent 0)}.page_codePanel__7sI60{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 120px);overflow-y:auto}.page_tabs__DeqIn{display:flex;border-bottom:1px solid hsla(0,0%,100%,.08);gap:8px}.page_tabBtn__O_3xm{background:transparent;border:none;border-bottom:2px solid transparent;padding:8px 12px;color:var(--text-secondary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.page_tabBtnActive__6uos7{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.page_codeAreaContainer__RpoTp{position:relative;flex:1 1}.page_codeArea__xR1B9{width:100%;height:280px;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-sm);padding:14px;font-family:var(--font-mono),monospace;font-size:.75rem;line-height:1.5;color:#f1f5f9;resize:none;white-space:pre-wrap}.page_codeArea__xR1B9:focus{outline:none}.page_actionBtn__yxJVp{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:.85rem;font-weight:700}