.appearance-panel{flex-direction:column;gap:12px;display:flex}.appearance-section{flex-direction:column;gap:8px;display:flex}.appearance-section .section-title{color:var(--ant-text-color);margin:0 0 8px;font-size:14px;font-weight:600}.appearance-section .preference-item{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.appearance-section .preference-item.disabled{opacity:.4;pointer-events:none}.appearance-section .preference-item.width-control{gap:12px}.appearance-section .preference-item .ant-switch{background:var(--ant-color-fill)}.appearance-section .preference-item .ant-switch.ant-switch-checked{background:var(--ant-color-primary)}.appearance-section .theme-mode-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.appearance-section .theme-mode-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.appearance-section .theme-mode-item{border:1px solid var(--ant-border-color);background:0 0;border-radius:6px;justify-content:center;align-items:center;width:100%;height:64px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.appearance-section .theme-mode-item:hover{border-color:var(--ant-color-primary);background:var(--ant-color-primary-bg);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.appearance-section .theme-mode-item:hover .theme-icon{color:var(--ant-color-primary);transform:scale(1.1)}.appearance-section .theme-mode-item:hover~.theme-mode-label{color:var(--ant-color-primary);font-weight:500}.appearance-section .theme-mode-item:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.appearance-section .theme-mode-item.active{border:2px solid var(--ant-color-primary);background:0 0}.appearance-section .theme-mode-item.active .theme-icon{color:var(--ant-color-primary)}.appearance-section .theme-mode-item.active~.theme-mode-label{color:var(--ant-color-primary);font-weight:500}.appearance-section .theme-mode-item .theme-icon{color:var(--ant-text-color-secondary);font-size:24px;transition:all .3s}.appearance-section .theme-mode-label{color:var(--ant-text-color-secondary);font-size:11px;font-weight:400;transition:all .3s}.appearance-section .builtin-themes-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.appearance-section .builtin-theme-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.appearance-section .builtin-theme-item{border:1px solid var(--ant-border-color);background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:64px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.appearance-section .builtin-theme-item:hover{border-color:var(--ant-color-primary);background:var(--ant-color-primary-bg);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.appearance-section .builtin-theme-item:hover .theme-color-preview{transform:scale(1.15);box-shadow:0 2px 8px #00000026}.appearance-section .builtin-theme-item:hover~.theme-name{color:var(--ant-color-primary);font-weight:500}.appearance-section .builtin-theme-item:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.appearance-section .builtin-theme-item.active{border:2px solid var(--ant-color-primary);background:0 0}.appearance-section .builtin-theme-item.active~.theme-name{color:var(--ant-color-primary);font-weight:500}.appearance-section .builtin-theme-item .theme-color-preview{border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.appearance-section .builtin-theme-item .theme-color-preview .custom-icon{color:var(--ant-text-color);font-size:20px}.appearance-section .builtin-theme-item .theme-name{color:var(--ant-text-color-secondary);margin:0;font-size:11px;font-weight:400}.appearance-section .radius-segmented{background:var(--ant-color-fill-secondary);border-radius:6px;justify-content:center;align-items:center;width:100%;height:64px;padding:0;display:flex}.appearance-section .radius-segmented .ant-segmented-group{gap:4px;padding:2px;display:flex}.appearance-section .radius-segmented .ant-segmented-item{border-radius:5px;flex:1;justify-content:center;align-items:center;height:54px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.appearance-section .radius-segmented .ant-segmented-item.ant-segmented-item-selected{background:var(--ant-color-bg-container);box-shadow:0 2px 4px #0000001a}.layout-panel{flex-direction:column;gap:12px;display:flex}.layout-section{flex-direction:column;gap:8px;display:flex}.layout-section .section-title{color:var(--ant-text-color);margin:0 0 8px;font-size:14px;font-weight:600}.layout-section .preference-item{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.layout-section .preference-item.disabled{opacity:.4;pointer-events:none}.layout-section .preference-item.width-control{gap:6px}.layout-section .preference-item .ant-switch{background:var(--ant-color-fill)}.layout-section .preference-item .ant-switch.ant-switch-checked{background:var(--ant-color-primary)}.layout-section .preference-item .ant-input,.layout-section .preference-item .ant-select{background:var(--ant-color-fill);border:1px solid var(--ant-color-border)}.layout-section .preference-item .ant-input:hover,.layout-section .preference-item .ant-select:hover{border-color:var(--ant-color-primary)}.layout-section .preference-item .ant-input:focus,.layout-section .preference-item .ant-select:focus,.layout-section .preference-item .ant-input.ant-input-affix-wrapper-focused,.layout-section .preference-item .ant-select.ant-input-affix-wrapper-focused,.layout-section .preference-item .ant-input.ant-select-focused .ant-select-selector,.layout-section .preference-item .ant-select.ant-select-focused .ant-select-selector{border-color:var(--ant-color-primary);box-shadow:0 0 0 2px var(--ant-color-primary-bg)}.layout-section .preference-item .ant-input.ant-input-disabled,.layout-section .preference-item .ant-select.ant-input-disabled,.layout-section .preference-item .ant-input.ant-select-disabled,.layout-section .preference-item .ant-select.ant-select-disabled{background:var(--ant-color-fill-secondary);cursor:not-allowed}.layout-section .preference-item .ant-input .ant-select-selector,.layout-section .preference-item .ant-select .ant-select-selector{background:0 0;border:none}.layout-section .layout-grid{grid-template-columns:repeat(2,1fr);justify-items:start;gap:8px;display:grid}.layout-section .layout-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:120px;display:flex}.layout-section .layout-item{border:1px solid var(--ant-border-color);background:0 0;border-radius:4px;width:100%;padding:8px 6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-section .layout-item:hover{border-color:var(--ant-color-primary);background:var(--ant-color-primary-bg);transform:translateY(-1px);box-shadow:0 1px 4px #0000000f}.layout-section .layout-item:hover~.layout-label span{color:var(--ant-color-primary);font-weight:500}.layout-section .layout-item.active{border:2px solid var(--ant-color-primary);background:0 0}.layout-section .layout-item.active~.layout-label span{color:var(--ant-color-primary);font-weight:500}.layout-section .layout-item .layout-preview{background:var(--ant-color-fill-secondary);border-radius:4px;justify-content:center;align-items:center;width:100%;height:65px;padding:2px;display:flex;overflow:hidden}.layout-section .layout-item .layout-preview .layout-visual{gap:2px;width:100%;height:100%;display:flex;position:relative}.layout-section .layout-item .layout-preview .layout-visual .sidebar{background:var(--ant-color-primary);border-radius:2px;flex-direction:column;align-items:center;gap:2px;width:12px;padding:2px 0;display:flex;position:relative;overflow:hidden}.layout-section .layout-item .layout-preview .layout-visual .sidebar.gray{background:var(--ant-color-fill);border:1px solid var(--ant-color-border)}.layout-section .layout-item .layout-preview .layout-visual .sidebar.gray:before{background:var(--ant-color-text-secondary)}.layout-section .layout-item .layout-preview .layout-visual .sidebar.gray:after{background:var(--ant-color-text-tertiary);box-shadow:0 5px 0 var(--ant-color-text-tertiary), 0 10px 0 var(--ant-color-text-tertiary), 0 15px 0 var(--ant-color-text-tertiary)}.layout-section .layout-item .layout-preview .layout-visual .sidebar:before{content:"";background:#fffffff2;border-radius:1.5px;flex-shrink:0;width:6px;height:6px}.layout-section .layout-item .layout-preview .layout-visual .sidebar:after{content:"";background:#ffffffe6;border-radius:1px;width:8px;height:1.5px;box-shadow:0 3px #ffffffe6,0 6px #ffffffe6,0 9px #ffffffe6}.layout-section .layout-item .layout-preview .layout-visual .sidebar.thin{width:6px}.layout-section .layout-item .layout-preview .layout-visual .sidebar.thin:before,.layout-section .layout-item .layout-preview .layout-visual .sidebar.thin:after{left:1px;right:1px}.layout-section .layout-item .layout-preview .layout-visual .sidebar.thin.gray:before{display:none}.layout-section .layout-item .layout-preview .layout-visual .main-content{flex-direction:column;flex:1;gap:2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar{background:var(--ant-color-primary);border-radius:2px;justify-content:space-between;align-items:center;height:8px;padding:0 2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar.gray{background:var(--ant-color-fill);border:1px solid var(--ant-color-border)}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar.gray:before{background:var(--ant-color-text-secondary);box-shadow:6px 0 0 var(--ant-color-text-secondary), 12px 0 0 var(--ant-color-text-secondary)}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar:before{content:"";background:#ffffffe6;border-radius:50%;flex-shrink:0;width:2.5px;height:2.5px;box-shadow:4px 0 #ffffffe6,8px 0 #ffffffe6}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar.full-width{width:100%;position:relative;top:auto;left:auto}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar .menu-item{background:#fffc;border-radius:1px;width:6px;height:2.5px;margin-right:2px;display:inline-block}.layout-section .layout-item .layout-preview .layout-visual .main-content .header-bar .menu-item:last-child{margin-right:0}.layout-section .layout-item .layout-preview .layout-visual .main-content .content-area{flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.layout-section .layout-item .layout-preview .layout-visual .main-content .content-area.full-width{width:100%}.layout-section .layout-item .layout-preview .layout-visual .main-content .content-area .block-row{flex:1;gap:2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual .main-content .content-area .block-row .block{background:var(--ant-color-fill);border-radius:1.5px;flex:1}.layout-section .layout-item .layout-preview .layout-visual .main-content .content-area .block:nth-child(2){background:var(--ant-color-fill);border-radius:1.5px;flex:1.2}.layout-section .layout-item .layout-preview .layout-visual.sidebar-mixed-nav{gap:2px}.layout-section .layout-item .layout-preview .layout-visual.sidebar-mixed-nav .sidebar.gray:before{background:var(--ant-color-text-secondary);box-shadow:none}.layout-section .layout-item .layout-preview .layout-visual.sidebar-mixed-nav .sidebar.gray:after{background:var(--ant-color-text-tertiary);box-shadow:0 5px 0 var(--ant-color-text-tertiary), 0 10px 0 var(--ant-color-text-tertiary), 0 15px 0 var(--ant-color-text-tertiary)}.layout-section .layout-item .layout-preview .layout-visual.header-nav{flex-direction:column;gap:0}.layout-section .layout-item .layout-preview .layout-visual.header-nav .content-wrapper{flex-direction:column;gap:2px;width:100%;height:100%;display:flex}.layout-section .layout-item .layout-preview .layout-visual.header-nav .header-bar{background:var(--ant-color-primary);align-items:center;gap:2px;width:100%;padding:0 2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual.header-nav .header-bar:before{background:#ffffffe6;box-shadow:5px 0 #ffffffe6,10px 0 #ffffffe6}.layout-section .layout-item .layout-preview .layout-visual.header-nav .header-bar .menu-item{background:#fffc;border-radius:1px;width:8px;height:3px;display:inline-block}.layout-section .layout-item .layout-preview .layout-visual.header-nav .content-area{flex-direction:column;flex:1;gap:2px;width:100%;padding:0;display:flex}.layout-section .layout-item .layout-preview .layout-visual.header-nav .content-area .block-row{flex:1;gap:2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual.header-nav .content-area .block-row .block{background:var(--ant-color-fill);border-radius:1.5px;flex:1}.layout-section .layout-item .layout-preview .layout-visual.header-nav .content-area .block:nth-child(2){background:var(--ant-color-fill);border-radius:1.5px;flex:1.2}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .content-wrapper{flex-direction:column;gap:0;width:100%;height:100%;display:flex}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .header-bar{background:var(--ant-color-primary);align-items:center;gap:3px;width:100%;padding:0 3px;display:flex}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .header-bar:before{background:#ffffffe6;box-shadow:5px 0 #ffffffe6,10px 0 #ffffffe6}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .header-bar .menu-item{background:#fffc;border-radius:1px;width:8px;height:3px;display:inline-block}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .main-content{flex-direction:row;flex:1;gap:2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .main-content .content-area{flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .main-content .content-area .block-row{flex:1;gap:2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .main-content .content-area .block-row .block{background:var(--ant-color-fill);border-radius:1.5px;flex:1}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .main-content .content-area .block:nth-child(2){background:var(--ant-color-fill);border-radius:1.5px;flex:1.2}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .sidebar.thin{width:6px}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .sidebar.thin:before{display:none}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .sidebar.thin:after{background:var(--ant-color-text-tertiary);box-shadow:0 5px 0 var(--ant-color-text-tertiary), 0 10px 0 var(--ant-color-text-tertiary), 0 15px 0 var(--ant-color-text-tertiary)}.layout-section .layout-item .layout-preview .layout-visual.mixed-nav .sidebar.gray{background:var(--ant-color-fill);border:1px solid var(--ant-color-border)}.layout-section .layout-item .layout-preview .layout-visual.full-content .content-area{flex-direction:column;gap:2px;width:100%;height:100%;padding:0;display:flex}.layout-section .layout-item .layout-preview .layout-visual.full-content .content-area .block-row{flex:1;gap:2px;display:flex}.layout-section .layout-item .layout-preview .layout-visual.full-content .content-area .block-row .block{background:var(--ant-color-fill);border-radius:1.5px;flex:1}.layout-section .layout-item .layout-preview .layout-visual.full-content .content-area .block:nth-child(2){background:var(--ant-color-fill);border-radius:1.5px;flex:1.2}.layout-section .layout-item .layout-label{color:var(--ant-text-color-secondary);align-items:center;gap:2px;font-size:11px;font-weight:400;display:flex}.layout-section .layout-item .layout-label .help-icon{color:var(--ant-text-color-tertiary);cursor:help;font-size:11px}.layout-section .content-compact-grid{grid-template-columns:repeat(2,1fr);justify-items:start;gap:8px;display:grid}.layout-section .content-compact-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:120px;display:flex}.layout-section .content-compact-item{border:1px solid var(--ant-border-color);background:0 0;border-radius:4px;width:100%;padding:8px 6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-section .content-compact-item:hover{border-color:var(--ant-color-primary);background:var(--ant-color-primary-bg);transform:translateY(-1px);box-shadow:0 1px 4px #0000000f}.layout-section .content-compact-item:hover~span{color:var(--ant-color-primary);font-weight:500}.layout-section .content-compact-item.active{border:2px solid var(--ant-color-primary);background:0 0}.layout-section .content-compact-item.active~span{color:var(--ant-color-primary);font-weight:500}.layout-section .content-compact-item .content-preview{background:var(--ant-color-fill-secondary);border-radius:4px;justify-content:center;align-items:center;width:100%;height:65px;padding:2px;display:flex;position:relative;overflow:hidden}.layout-section .content-compact-item .content-preview:before{content:"";background:var(--ant-color-primary);border-radius:4px 4px 0 0;height:8px;position:absolute;top:0;left:0;right:0}.layout-section .content-compact-item .content-preview:after{content:"";z-index:1;background:#ffffffe6;border-radius:50%;width:3px;height:3px;position:absolute;top:3px;right:5px;box-shadow:-5px 0 #ffffffe6,-10px 0 #ffffffe6}.layout-section .content-compact-item .content-preview .preview-bar{background:var(--ant-color-fill);border-radius:2px;flex-direction:column;gap:2px;height:calc(100% - 16px);margin-top:12px;padding:2px;display:flex}.layout-section .content-compact-item .content-preview .preview-bar.narrow{width:70%;margin-left:auto;margin-right:auto}.layout-section .content-compact-item .content-preview .preview-bar.narrow:before{content:"";background:var(--ant-color-bg-container);box-shadow:0 0 0 1px var(--ant-color-border);border-radius:1.5px;flex:1}.layout-section .content-compact-item .content-preview .preview-bar.wide{width:100%}.layout-section .content-compact-item .content-preview .preview-bar.wide:before{content:"";background:var(--ant-color-bg-container);box-shadow:0 0 0 1px var(--ant-color-border);border-radius:1.5px;flex:1}.layout-section .content-compact-item span{color:var(--ant-text-color-secondary);font-size:11px;font-weight:400}html[data-theme=dark] .layout-section .ant-segmented{background:var(--ant-color-fill);border:1px solid var(--ant-color-border)}html[data-theme=dark] .layout-section .ant-segmented .ant-segmented-item{color:var(--ant-text-color-secondary)}html[data-theme=dark] .layout-section .ant-segmented .ant-segmented-item.ant-segmented-item-selected{background:var(--ant-color-primary);color:var(--ant-color-white)}html[data-theme=dark] .layout-section .ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected){color:var(--ant-text-color);background:var(--ant-color-fill-secondary)}html[data-theme=dark] .layout-section .ant-input,html[data-theme=dark] .layout-section .ant-select{background:var(--ant-color-fill);border:1px solid var(--ant-color-border);color:var(--ant-text-color)}html[data-theme=dark] .layout-section .ant-input:hover,html[data-theme=dark] .layout-section .ant-select:hover{border-color:var(--ant-color-primary)}html[data-theme=dark] .layout-section .ant-input.ant-input-disabled,html[data-theme=dark] .layout-section .ant-select.ant-input-disabled,html[data-theme=dark] .layout-section .ant-input.ant-select-disabled,html[data-theme=dark] .layout-section .ant-select.ant-select-disabled{background:var(--ant-color-fill-secondary);color:var(--ant-text-color-secondary)}html[data-theme=dark] .layout-section .ant-input .ant-select-selector,html[data-theme=dark] .layout-section .ant-select .ant-select-selector{color:var(--ant-text-color)!important;background:0 0!important}.shortcut-panel{flex-direction:column;gap:12px;display:flex}.shortcut-section{flex-direction:column;gap:8px;display:flex}.shortcut-section .section-title{color:var(--ant-text-color);margin:0 0 8px;font-size:14px;font-weight:600}.shortcut-section .preference-item{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.shortcut-section .preference-item.disabled{opacity:.4;pointer-events:none}.shortcut-section .preference-item .ant-switch{background:var(--ant-color-fill)}.shortcut-section .preference-item .ant-switch.ant-switch-checked{background:var(--ant-color-primary)}.shortcut-section .shortcut-key-row{align-items:center;gap:6px;display:flex}.shortcut-section .kbd-badge{min-width:28px;height:26px;color:var(--ant-text-color-secondary);background:var(--ant-color-fill-secondary);border:1px solid var(--ant-border-color);box-shadow:0 1px 0 var(--ant-border-color);border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:500;display:inline-flex}.general-panel{flex-direction:column;gap:12px;display:flex}.general-section{flex-direction:column;gap:8px;display:flex}.general-section .section-title{color:var(--ant-text-color);margin:0 0 8px;font-size:14px;font-weight:600}.general-section .preference-item{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.general-section .preference-item.disabled{opacity:.4;pointer-events:none}.general-section .preference-item .ant-switch{background:var(--ant-color-fill)}.general-section .preference-item .ant-switch.ant-switch-checked{background:var(--ant-color-primary)}.general-section .transition-animations.disabled{opacity:.5;pointer-events:none}.general-section .transition-animations .transition-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.general-section .transition-animations .transition-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.general-section .transition-animations .transition-item{border:1px solid var(--ant-border-color);background:0 0;border-radius:4px;width:100%;padding:8px 6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.general-section .transition-animations .transition-item:hover{border-color:var(--ant-color-primary);background:var(--ant-color-primary-bg);transform:translateY(-1px);box-shadow:0 1px 4px #0000000f}.general-section .transition-animations .transition-item:hover~.transition-label{color:var(--ant-color-primary);font-weight:500}.general-section .transition-animations .transition-item.active{border:2px solid var(--ant-color-primary);background:0 0}.general-section .transition-animations .transition-item.active~.transition-label{color:var(--ant-color-primary);font-weight:500}.general-section .transition-animations .transition-item.active .transition-preview{background:var(--ant-color-fill-quaternary)}.general-section .transition-animations .transition-item .transition-preview{background:var(--ant-color-fill-secondary);border-radius:4px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.general-section .transition-animations .transition-item .transition-preview .animation-box{opacity:1;border:3px solid var(--ant-color-primary);background:0 0;border-radius:4px;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.general-section .transition-animations .transition-item .transition-preview .animation-box.fade{animation:2s infinite fadeIn}.general-section .transition-animations .transition-item .transition-preview .animation-box.fade-down{animation:2s infinite fadeDown}.general-section .transition-animations .transition-item .transition-preview .animation-box.fade-slide{animation:2s infinite fadeSlide}.general-section .transition-animations .transition-item .transition-preview .animation-box.fade-up{animation:2s infinite fadeUp}.general-section .transition-animations .transition-item .transition-label{color:var(--ant-text-color-secondary);font-size:11px;font-weight:400}@keyframes fadeIn{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes fadeDown{0%,to{opacity:0;transform:translateY(-20px)}50%{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%,to{opacity:0;transform:translate(-20px)}50%{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%,to{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}}.preferences-drawer .ant-drawer-header{border-bottom:1px solid var(--ant-border-color-split);padding:16px 24px}.preferences-drawer .ant-drawer-footer{border-top:1px solid var(--ant-border-color-split)}.preferences-drawer .drawer-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.preferences-drawer .drawer-title{color:var(--ant-text-color);margin:0;font-size:16px;font-weight:600;line-height:1.4}.preferences-drawer .drawer-subtitle{color:var(--ant-text-color-secondary);margin:4px 0 0;font-size:12px}.preferences-drawer .drawer-actions{gap:8px;display:flex}.preferences-drawer .drawer-actions .ant-btn{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.preferences-drawer .drawer-actions .ant-btn .anticon{font-size:16px}.preferences-drawer .drawer-tabs{margin-bottom:24px}.preferences-drawer .drawer-tabs .ant-segmented{background:var(--ant-color-fill-secondary);border-radius:6px;padding:2px}.preferences-drawer .drawer-tabs .ant-segmented .ant-segmented-item{border-radius:4px;transition:all .2s}.preferences-drawer .drawer-tabs .ant-segmented .ant-segmented-item.ant-segmented-item-selected{background:var(--ant-color-bg-container);box-shadow:0 2px 4px #0000001a}.preferences-drawer .drawer-content{padding-bottom:70px}.preferences-drawer .drawer-footer{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.preferences-drawer .drawer-footer .ant-btn{flex:1}