.page-module__Xk9jiq__container{max-width:1200px;margin:0 auto;padding:2rem;animation:.5s ease-in-out page-module__Xk9jiq__fadeIn}@keyframes page-module__Xk9jiq__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-module__Xk9jiq__title{background:linear-gradient(135deg,var(--color-fg-default),var(--color-accent-fg));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-module__Xk9jiq__subtitle{color:var(--color-fg-muted);margin-bottom:2rem;font-size:1.1rem}.page-module__Xk9jiq__editorContainer{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);box-shadow:var(--shadow-medium);border-radius:12px;flex-direction:column;margin-bottom:2rem;display:flex;overflow:hidden}.page-module__Xk9jiq__tabs{border-bottom:1px solid var(--color-border-default);background:var(--color-canvas-default);display:flex}.page-module__Xk9jiq__tab{color:var(--color-fg-muted);cursor:pointer;border:none;border-right:1px solid var(--color-border-muted);background:0 0;flex:1;padding:1rem;font-weight:600;transition:all .2s}.page-module__Xk9jiq__tab:last-child{border-right:none}.page-module__Xk9jiq__tab:hover{background:var(--color-neutral-subtle);color:var(--color-fg-default)}.page-module__Xk9jiq__activeTab{background:var(--color-canvas-subtle);color:var(--color-accent-fg);border-bottom:2px solid var(--color-accent-fg)}.page-module__Xk9jiq__contentArea{min-height:300px;position:relative}.page-module__Xk9jiq__textarea{width:100%;height:300px;font-family:var(--font-stack-mono);background:var(--color-canvas-subtle);color:var(--color-fg-default);resize:vertical;border:none;padding:1rem;font-size:.9rem;line-height:1.5}.page-module__Xk9jiq__textarea:focus{outline:none}.page-module__Xk9jiq__previewContainer{background:var(--color-canvas-default);border:1px solid var(--color-border-default);box-shadow:var(--shadow-large);text-align:center;border-radius:12px;padding:2rem}.page-module__Xk9jiq__previewTitle{color:var(--color-fg-default);margin-bottom:1.5rem;font-size:1.5rem}.page-module__Xk9jiq__previewBox{background-image:radial-gradient(var(--color-neutral-muted)1px,transparent 1px);background-size:20px 20px;border-radius:8px;justify-content:center;align-items:center;min-height:150px;padding:2rem;display:flex}.page-module__Xk9jiq__icon{width:64px;height:64px;color:var(--color-accent-fg);transition:all .3s cubic-bezier(.4,0,.2,1)}.page-module__Xk9jiq__icon:hover{color:var(--color-accent-emphasis);filter:drop-shadow(0 0 8px var(--color-accent-fg));transform:scale(1.1)}