.page-module__7FLUTq__container{flex-direction:column;gap:2rem;max-width:1000px;display:flex}.page-module__7FLUTq__header{margin-bottom:.5rem}.page-module__7FLUTq__title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.page-module__7FLUTq__description{color:var(--text-secondary)}.page-module__7FLUTq__errorBanner{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.page-module__7FLUTq__splitPane{flex-direction:column;gap:2rem;display:flex}@media (min-width:768px){.page-module__7FLUTq__splitPane{flex-direction:row}}.page-module__7FLUTq__editor{flex-direction:column;flex:1;gap:1rem;display:flex}.page-module__7FLUTq__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}.page-module__7FLUTq__textInput{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700}.page-module__7FLUTq__textInput:focus{border-color:#fff3}.page-module__7FLUTq__colorSwatch{border:1px solid var(--border-color);min-height:200px;color:var(--text-primary);background-image:linear-gradient(45deg,#18181b 25%,#0000 25% 75%,#18181b 75%,#18181b),linear-gradient(45deg,#18181b 25%,#0000 25% 75%,#18181b 75%,#18181b);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:12px;flex:1;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.page-module__7FLUTq__formatsPane{flex-direction:column;flex:1;gap:1rem;display:flex}.page-module__7FLUTq__formatCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.page-module__7FLUTq__cardHeader{justify-content:space-between;align-items:center;display:flex}.page-module__7FLUTq__formatType{color:var(--accent-color);letter-spacing:.05em;font-size:.9rem;font-weight:600}.page-module__7FLUTq__copyButton{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.page-module__7FLUTq__copyButton:hover{color:var(--text-primary);background:#ffffff1a}.page-module__7FLUTq__formatOutput{color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem}