.m_d46a4834{border:calc(.0625rem * var(--mantine-scale)) dashed;color:var(--mantine-color-text);padding:var(--mantine-spacing-md);border-radius:var(--dropzone-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s,border-color .1s;position:relative}.m_d46a4834:where([data-loading]),.m_d46a4834:where(:not([data-activate-on-click])){cursor:default}:where([data-mantine-color-scheme=light]) .m_d46a4834{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m_d46a4834{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-dark-5)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])){background-color:var(--mantine-color-dark-5)}}.m_d46a4834:where([data-accept]){background-color:var(--dropzone-accept-bg);border-color:var(--dropzone-accept-bg);color:var(--dropzone-accept-color)}.m_d46a4834:where([data-reject]){background-color:var(--dropzone-reject-bg);border-color:var(--dropzone-reject-bg);color:var(--dropzone-reject-color)}.m_b85f7144{pointer-events:none;-webkit-user-select:none;user-select:none}.m_b85f7144:where([data-enable-pointer-events]){pointer-events:all}.m_96f6e9ad{background-color:var(--mantine-color-body);padding:var(--mantine-spacing-xs);flex-direction:column;transition:opacity .1s;display:flex;position:fixed;inset:0}.m_96f6e9ad .m_7946116d{flex:1}
body{background:var(--mantine-color-gray-0)}.site-header{border-bottom:1px solid var(--mantine-color-gray-2);background:#fff;height:82px}.hero-title{letter-spacing:-1.8px;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.3}.workspace,.preview-panel{overflow:hidden}.guide-panel{background:var(--mantine-color-gray-0);border-left:1px solid var(--mantine-color-gray-2)}.upload-zone{background:var(--mantine-color-indigo-0);border-style:dashed}[data-mantine-color-scheme=dark] body{background:var(--mantine-color-dark-8)}[data-mantine-color-scheme=dark] .site-header,[data-mantine-color-scheme=dark] .guide-panel{background:var(--mantine-color-dark-7);border-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .upload-zone{background:var(--mantine-color-dark-6)}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;display:grid}.settings-section-link{border-radius:var(--mantine-radius-md)}.settings-theme-card{padding:14px;transition:border-color .15s}.settings-theme-card[data-checked]{border-color:var(--mantine-primary-color-filled)}.settings-theme-preview{background:#f7f8fc;border:1px solid #dce0ea;border-radius:7px;height:88px;display:flex;overflow:hidden}.settings-mini-sidebar{background:#fff;border-right:1px solid #e2e6ee;width:26%;padding:13px 6px}.settings-mini-content{flex:1;padding:13px 9px}.settings-theme-preview i{background:#dce0ec;border-radius:3px;height:5px;margin-bottom:9px;display:block}.settings-mini-sidebar i:first-child{background:#748ffc}.settings-mini-content i:first-child{background:#5c7cfa;width:60%;height:7px}.settings-mini-content i:last-child{width:75%}.settings-theme-preview-dark{background:#1e1f26;border-color:#454751}.settings-theme-preview-dark .settings-mini-sidebar{background:#292b35;border-color:#454751}.settings-theme-preview-dark i{background:#4e5162}.settings-theme-preview-auto{background:linear-gradient(115deg,#f7f8fc 49%,#1e1f26 50%)}.settings-theme-preview-auto .settings-mini-content i{background:#98a6d1}.settings-save-bar{box-shadow:var(--mantine-shadow-xs)}@media (max-width:62em){.settings-layout{grid-template-columns:1fr;gap:20px}.settings-layout>aside{display:none}}@media (max-width:48em){.guide-panel{border-left:0;border-top:1px solid var(--mantine-color-gray-2)}}