.page_mainPage__iVSDW{display:flex;flex-direction:column;gap:2rem;margin:32px}.page_toolArea__3LC9J{display:flex;flex-direction:row;gap:2rem;width:95%}.page_settingsPanel__iLi7j{gap:10px}.page_previewPanel__YYxwT,.page_settingsPanel__iLi7j{width:100%;display:flex;flex-direction:column}.page_previewBox__7Dq0n{display:flex;align-items:center;justify-content:center;background:var(--color-level-1);border:1px solid var(--color-border);border-radius:16px;min-height:480px;padding:2rem}.page_checkerBackground__i5ST1{width:300px;height:300px;border-radius:12px;background-color:var(--color-level-1);background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border)}.page_shapeTarget__xQMrr{width:100%;height:100%;transition:opacity .1s ease,background-color .2s ease}.page_controlGroup__bJB4w{display:flex;flex-direction:column;gap:12px;background:var(--color-level-2);padding:16px;border-radius:12px;border:1px solid var(--color-border)}.page_sliderGrid__9Z_zh{display:grid;grid-template-columns:1fr;gap:16px}.page_controlHeader__f1UvK{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-text-main-light);line-height:1}.page_valBadge__hZ5P4{font-family:var(--font-mono);background:var(--color-level-1);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text-main)}.page_outputGrid__paWws{display:flex;flex-direction:column;gap:16px;margin-top:8px;width:100%}.page_outputCard__Htcfo{display:flex;flex-direction:column;gap:12px;background:var(--color-level-2);padding:16px;border-radius:12px;border:1px solid var(--color-border)}.page_codeBlock__eNfcI{font-family:var(--font-mono);font-size:13px;color:var(--amber-glow);background:rgba(0,0,0,.2);padding:12px;border-radius:8px;word-break:break-all;border:1px solid rgba(255,255,255,.03)}.page_colorRow__je_kJ{display:flex;gap:16px;align-items:stretch}.page_nativeColorPicker__JZK2h{appearance:none;-webkit-appearance:none;border:none;width:100%;height:28px;border-radius:6px;padding:0;cursor:pointer;background:transparent}.page_nativeColorPicker__JZK2h::-webkit-color-swatch-wrapper{padding:0}.page_nativeColorPicker__JZK2h::-webkit-color-swatch{border:none;border-radius:6px}@media (max-width:768px){.page_mainPage__iVSDW{margin:16px 16px 24px}.page_toolArea__3LC9J{flex-direction:column;gap:15px}}