.pattern-studio-page-module__oRGM9W__studio{background:var(--a-paper);min-height:calc(100vh - 72px);color:var(--a-text);display:flex}.pattern-studio-page-module__oRGM9W__panel{border-right:1px solid var(--a-glass-border);background:var(--a-paper-2);width:340px;max-height:calc(100vh - 72px);font-family:var(--font-body), "Lato", system-ui, sans-serif;flex-shrink:0;padding:24px 20px 40px;overflow-y:auto}.pattern-studio-page-module__oRGM9W__modes{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:22px;display:grid}.pattern-studio-page-module__oRGM9W__modes button:last-child{grid-column:span 2}.pattern-studio-page-module__oRGM9W__mode,.pattern-studio-page-module__oRGM9W__modeActive{border-radius:var(--a-radius-chip);border:1px solid var(--a-glass-border);font-family:var(--font-mono), "Space Mono", monospace;letter-spacing:.04em;cursor:pointer;padding:9px 6px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.pattern-studio-page-module__oRGM9W__mode{background:var(--a-glass);color:var(--a-text-dim)}.pattern-studio-page-module__oRGM9W__modeActive{background:var(--a-accent);color:#fff;border-color:var(--a-accent)}.pattern-studio-page-module__oRGM9W__mode:hover{border-color:var(--a-accent);color:var(--a-accent)}.pattern-studio-page-module__oRGM9W__group{margin-bottom:22px}.pattern-studio-page-module__oRGM9W__group h3{font-family:var(--font-mono), "Space Mono", monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--a-accent);margin:0 0 12px;font-size:11px}.pattern-studio-page-module__oRGM9W__field{color:var(--a-text-dim);flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.pattern-studio-page-module__oRGM9W__field>span{justify-content:space-between;align-items:baseline;display:flex}.pattern-studio-page-module__oRGM9W__field b{font-family:var(--font-mono), "Space Mono", monospace;color:var(--a-text);font-size:11px;font-weight:500}.pattern-studio-page-module__oRGM9W__field input[type=text],.pattern-studio-page-module__oRGM9W__field select{border-radius:var(--a-radius-chip);border:1px solid var(--a-glass-border);background:var(--a-paper);width:100%;color:var(--a-text);font:inherit;padding:8px 10px;font-size:12px}.pattern-studio-page-module__oRGM9W__field input[type=range]{appearance:none;background:#313c4224;border-radius:2px;outline:none;width:100%;height:4px}.pattern-studio-page-module__oRGM9W__field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--a-accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.pattern-studio-page-module__oRGM9W__field input[type=range]::-moz-range-thumb{background:var(--a-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.pattern-studio-page-module__oRGM9W__toggle{color:var(--a-text-dim);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.pattern-studio-page-module__oRGM9W__toggle input{accent-color:var(--a-accent);width:16px;height:16px}.pattern-studio-page-module__oRGM9W__presets{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.pattern-studio-page-module__oRGM9W__preset{border-radius:var(--a-radius-chip);border:1px solid var(--a-glass-border);background:var(--a-glass);color:var(--a-text-dim);font-family:var(--font-mono), "Space Mono", monospace;cursor:pointer;padding:8px 6px;font-size:10px}.pattern-studio-page-module__oRGM9W__preset:hover{border-color:var(--a-accent);color:var(--a-accent)}.pattern-studio-page-module__oRGM9W__swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pattern-studio-page-module__oRGM9W__swatches label{color:var(--a-text-faint);flex-direction:column;gap:5px;font-size:10px;display:flex}.pattern-studio-page-module__oRGM9W__swatches input[type=color]{border:1px solid var(--a-glass-border);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:30px;padding:0}.pattern-studio-page-module__oRGM9W__action{background:var(--a-accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:999px;margin-bottom:8px;padding:10px 12px;font-size:12px;font-weight:600}.pattern-studio-page-module__oRGM9W__action:hover{background:var(--a-accent-deep)}.pattern-studio-page-module__oRGM9W__codeTabs{gap:6px;margin-bottom:8px;display:flex}.pattern-studio-page-module__oRGM9W__codeTab,.pattern-studio-page-module__oRGM9W__codeTabActive{border-radius:var(--a-radius-chip);border:1px solid var(--a-glass-border);font-family:var(--font-mono), "Space Mono", monospace;cursor:pointer;flex:1;padding:7px;font-size:11px}.pattern-studio-page-module__oRGM9W__codeTab{background:var(--a-glass);color:var(--a-text-dim)}.pattern-studio-page-module__oRGM9W__codeTabActive{background:var(--a-accent-soft);color:var(--a-accent);border-color:var(--a-accent)}.pattern-studio-page-module__oRGM9W__status{min-height:16px;font-family:var(--font-mono), "Space Mono", monospace;color:var(--a-text-faint);margin:8px 0 0;font-size:10px}.pattern-studio-page-module__oRGM9W__stage{flex:1;min-height:60vh;position:relative}.pattern-studio-page-module__oRGM9W__canvas{width:100%;height:100%;display:block}@media (max-width:820px){.pattern-studio-page-module__oRGM9W__studio{flex-direction:column-reverse}.pattern-studio-page-module__oRGM9W__panel{border-right:none;border-top:1px solid var(--a-glass-border);width:100%;max-height:none}.pattern-studio-page-module__oRGM9W__stage{min-height:56vh}}