.page-module-scss-module__xNLvIG__page{flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;padding:32px;display:flex}.page-module-scss-module__xNLvIG__header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding-bottom:24px;display:flex}.page-module-scss-module__xNLvIG__title{color:var(--color-foreground);letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:700}.page-module-scss-module__xNLvIG__subtitle{color:var(--color-muted-foreground);max-width:700px;margin:0;font-size:1.125rem;line-height:1.6}.page-module-scss-module__xNLvIG__content{grid-template-columns:1fr 320px;gap:24px;display:grid}@media (max-width:1024px){.page-module-scss-module__xNLvIG__content{grid-template-columns:1fr}}.page-module-scss-module__xNLvIG__preview{flex-direction:column;min-width:0;display:flex}.page-module-scss-module__xNLvIG__chartWidget{flex:1;min-height:500px}.page-module-scss-module__xNLvIG__controls{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:12px;height:fit-content;padding:20px;display:flex;position:sticky;top:16px}.page-module-scss-module__xNLvIG__controlsTitle{color:var(--color-foreground);margin:0 0 8px;font-size:1.125rem;font-weight:600}.page-module-scss-module__xNLvIG__sectionLabel{color:var(--color-foreground);margin-top:4px}.page-module-scss-module__xNLvIG__controlGroup{flex-direction:column;gap:6px;display:flex}.page-module-scss-module__xNLvIG__label{color:var(--color-muted-foreground);font-size:.875rem;font-weight:500}.page-module-scss-module__xNLvIG__select{appearance:none;width:100%;color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:8px 32px 8px 12px;font-size:.875rem;transition:all .15s}.page-module-scss-module__xNLvIG__select:hover:not(:disabled){border-color:var(--color-muted-foreground)}.page-module-scss-module__xNLvIG__select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.page-module-scss-module__xNLvIG__select:disabled{opacity:.5;cursor:not-allowed}.page-module-scss-module__xNLvIG__select option{background:var(--color-background);color:var(--color-foreground)}.page-module-scss-module__xNLvIG__slider{background:var(--color-muted);appearance:none;cursor:pointer;border-radius:9999px;width:100%;height:6px}.page-module-scss-module__xNLvIG__slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:9999px;width:16px;height:16px;transition:transform .15s}.page-module-scss-module__xNLvIG__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.page-module-scss-module__xNLvIG__slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:9999px;width:16px;height:16px}.page-module-scss-module__xNLvIG__checkboxLabel{color:var(--color-foreground);cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.page-module-scss-module__xNLvIG__checkboxLabel input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.page-module-scss-module__xNLvIG__checkboxLabel:has(input:disabled){opacity:.5;cursor:not-allowed}.page-module-scss-module__xNLvIG__divider{background:var(--color-border);height:1px;margin:8px 0}.page-module-scss-module__xNLvIG__section{border-top:1px solid var(--color-border);flex-direction:column;gap:16px;padding-top:32px;display:flex}.page-module-scss-module__xNLvIG__sectionTitle{color:var(--color-foreground);margin:0;font-size:1.5rem;font-weight:600}.page-module-scss-module__xNLvIG__sectionDescription{color:var(--color-muted-foreground);max-width:700px;margin:0}.page-module-scss-module__xNLvIG__sectionDescription code{background:var(--color-muted);font-family:var(--font-mono);border-radius:4px;padding:2px 4px;font-size:.9em}.page-module-scss-module__xNLvIG__codeBlock{background:var(--color-muted);border:1px solid var(--color-border);border-radius:12px;overflow:auto}.page-module-scss-module__xNLvIG__codeBlock pre{font-family:var(--font-mono);color:var(--color-foreground);margin:0;padding:16px;font-size:.875rem;line-height:1.6}.page-module-scss-module__xNLvIG__codeBlock code{font-family:inherit}.page-module-scss-module__xNLvIG__regionsGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.page-module-scss-module__xNLvIG__regionCard{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:4px;padding:16px;transition:all .15s;display:flex}.page-module-scss-module__xNLvIG__regionCard:hover{border-color:var(--color-muted-foreground);background:var(--color-muted)}.page-module-scss-module__xNLvIG__regionCard.page-module-scss-module__xNLvIG__regionCardActive{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.page-module-scss-module__xNLvIG__regionLabel{color:var(--color-foreground);font-size:.875rem;font-weight:500}.page-module-scss-module__xNLvIG__regionValue{font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted-foreground)}.page-module-scss-module__xNLvIG__propsTable{border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.page-module-scss-module__xNLvIG__propsTable table{border-collapse:collapse;width:100%;font-size:.875rem}.page-module-scss-module__xNLvIG__propsTable th,.page-module-scss-module__xNLvIG__propsTable td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px}.page-module-scss-module__xNLvIG__propsTable th{background:var(--color-muted);color:var(--color-foreground);font-weight:600}.page-module-scss-module__xNLvIG__propsTable td{color:var(--color-foreground)}.page-module-scss-module__xNLvIG__propsTable td code{background:var(--color-muted);font-family:var(--font-mono);border-radius:4px;padding:2px 4px;font-size:.85em}.page-module-scss-module__xNLvIG__propsTable tr:last-child td{border-bottom:none}.page-module-scss-module__xNLvIG__propsTable tr:hover td{background:var(--color-muted)}
