*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg-primary: #f8f9fb;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--bg-elevated: #ffffff;--surface-elevated: #ffffff;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent-purple: #7B2FF7;--accent-purple-light: #9B5FF7;--accent-green: #00C853;--accent-orange: #FF6B35;--border-default: #e2e8f0;--border-focus: #7B2FF7;--shadow-card: 0 1px 3px rgba(0,0,0,.04);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.08);--shadow-glass: 0 8px 32px rgba(0,0,0,.08);--shadow-dropdown: 0 4px 16px rgba(0,0,0,.06);--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-thumb-hover: rgba(0,0,0,.25);--radius: .5rem}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-card: #14141f;--bg-elevated: #1c1c2b;--bg-secondary: #1a1a28;--surface-elevated: #1c1c2b;--glass-bg: rgba(20, 20, 31, .75);--glass-border: rgba(255, 255, 255, .08);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-default: #2a2a3c;--border-focus: #9B5FF7;--shadow-card: 0 1px 3px rgba(0,0,0,.2);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.35);--shadow-glass: 0 8px 32px rgba(0,0,0,.4);--shadow-dropdown: 0 4px 16px rgba(0,0,0,.3);--scrollbar-thumb: rgba(255,255,255,.15);--scrollbar-thumb-hover: rgba(255,255,255,.25)}*{transition:background-color .3s ease,color .2s ease,border-color .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.gradient-btn{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%);color:#fff;border:none;border-radius:9999px;font-weight:500;cursor:pointer;transition:filter .15s ease,transform .1s ease}.gradient-btn:hover{filter:brightness(1.05)}.gradient-btn:active{transform:scale(.97)}.icon-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:112px;padding:10px 24px;white-space:nowrap;line-height:1;font-size:14px}.icon-save-btn svg{flex-shrink:0}.tag-purple{background:#7b2ff71a;color:var(--accent-purple);border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:500}.page-message-center{max-width:720px;margin:0 auto}.msg-hero{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:20px;margin-bottom:24px}.msg-hero-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b2ff759,#60a5fa59);color:var(--text-primary)}.msg-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0}.msg-sub{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary)}.msg-badge{margin-left:auto;background:#ef444426;color:#f97316;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.msg-hint{color:var(--text-tertiary);font-size:14px}.msg-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex;align-items:stretch;border-radius:16px;overflow:hidden}.msg-row--unread{border-color:#7b2ff773;box-shadow:0 0 0 1px #7b2ff733}.msg-row-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;background:transparent;border:none;cursor:pointer;text-align:left;color:inherit}.msg-row-title{font-weight:600;font-size:15px}.msg-row-meta{display:flex;gap:8px;flex-wrap:wrap}.msg-chip{font-size:11px;padding:2px 8px;border-radius:6px;background:#64748b1f;color:var(--text-secondary)}.msg-chip--gift{background:#fbbf2433;color:#d97706}.msg-row-del{padding:0 14px;border:none;background:transparent;opacity:.5;cursor:pointer;color:var(--text-secondary)}.msg-row-del:hover{opacity:1;color:#ef4444}.msg-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.msg-overlay-bg{position:absolute;inset:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.msg-modal{position:relative;z-index:1;max-width:min(560px,100%);width:100%;padding:28px 28px 32px;border-radius:24px}.msg-modal-close{position:absolute;top:14px;right:14px;border:none;background:transparent;cursor:pointer;color:var(--text-tertiary);padding:4px}.msg-modal-close:hover{color:var(--text-primary)}.msg-modal-title{margin:0 36px 12px 0;font-size:1.2rem;font-weight:700}.msg-modal-body{margin:0;white-space:pre-wrap;line-height:1.6;color:var(--text-secondary);font-size:15px}.msg-claim-wrap{margin-top:24px;display:flex;justify-content:center}.msg-claim-wrap--fx .msg-claim-btn{animation:msg-claim-pop .85s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 #fbbf24b3}@keyframes msg-claim-pop{0%{transform:scale(1)}40%{transform:scale(1.06);box-shadow:0 0 32px 8px #fbbf2473}to{transform:scale(1)}}.msg-claim-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:9999px;border:none;cursor:pointer;font-weight:700;font-size:15px;color:#0f172a;background:linear-gradient(135deg,#fde68a,#f59e0b,#fbbf24);box-shadow:0 12px 40px #f59e0b59;position:relative;overflow:visible}.msg-claim-btn:hover{filter:brightness(1.06)}.msg-claim-spark{opacity:.9;animation:msg-spark 1.4s ease-in-out infinite}@keyframes msg-spark{0%,to{transform:rotate(-8deg) scale(1);opacity:.85}50%{transform:rotate(12deg) scale(1.15);opacity:1}}.msg-row-summary{font-size:13px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:100%}.msg-chip--time{background:transparent;padding-left:0;color:var(--text-tertiary)}.msg-feedback-cta{display:flex;justify-content:center;margin-bottom:8px}.msg-feedback-cta--empty{flex-direction:column;align-items:center;text-align:center;padding:8px 0 24px;margin-bottom:0}.msg-feedback-cta--empty .msg-empty-cta-btn{margin-top:8px}.msg-empty-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:9999px;background:#7b2ff71a;color:var(--accent-purple);font-size:14px;font-weight:600;text-decoration:none}.msg-empty-cta-btn:hover{background:#7b2ff729}.msg-load-error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 16px;text-align:center}.msg-load-more-wrap{display:flex;justify-content:center;padding:16px 0 8px}.msg-load-more-btn{padding:10px 20px;border-radius:9999px;border:1px solid rgba(123,47,247,.35);background:transparent;color:var(--accent-purple);font-size:14px;font-weight:600;cursor:pointer}.msg-load-more-btn:hover:not(:disabled){background:#7b2ff714}.msg-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.page-help-with-feedback{display:flex;flex-direction:column;gap:16px}.help-feedback-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:16px}.help-feedback-banner-text{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-secondary)}.help-feedback-banner-text strong{color:var(--text-primary);font-size:15px}.help-feedback-banner-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:#7b2ff71a;color:var(--accent-purple);font-size:14px;font-weight:600;text-decoration:none}.help-feedback-banner-btn:hover{background:#7b2ff729}.page-feedback{max-width:880px;margin:0 auto}.feedback-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px 6px 8px;border-radius:9999px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s,background .15s}.feedback-back-link:hover{color:var(--accent-purple);background:#7b2ff714}.feedback-hero{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:20px;margin-bottom:20px}.feedback-hero-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b2ff759,#60a5fa59);color:var(--text-primary)}.feedback-title{font-size:1.35rem;font-weight:700;margin:0}.feedback-sub{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary)}.feedback-hint{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.feedback-hint a{color:var(--accent-purple);font-weight:600}.feedback-form{display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:20px}.feedback-field{display:flex;flex-direction:column;gap:8px}.feedback-label{font-size:14px;font-weight:600;color:var(--text-primary)}.feedback-select,.feedback-input,.feedback-textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-family:inherit}.feedback-textarea{resize:vertical;min-height:120px}.feedback-submit{align-self:flex-start;padding:12px 28px;border:none;border-radius:9999px;background:var(--accent-purple);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-success{padding:16px 20px;border-radius:16px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.feedback-success a{color:var(--accent-purple);font-weight:600}.feedback-success-btn{margin-top:10px;border:none;background:none;color:var(--accent-purple);font-size:13px;font-weight:600;cursor:pointer;padding:0}.page-support .support-contact-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.page-support .support-contact-list--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.page-support .support-contact-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.page-support .support-contact-list--grid{grid-template-columns:1fr}}.support-service-note{margin:0 0 16px;padding:14px 18px;border-radius:16px;font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.support-contact-card{padding:20px 22px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.support-contact-card-head{display:flex;flex-direction:column;gap:4px}.support-contact-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.support-contact-role{font-size:12px;font-weight:600;color:var(--accent-purple)}.support-contact-name{font-size:1.1rem;color:var(--text-primary)}.support-contact-hours{flex-shrink:0;margin-left:auto;text-align:right;font-size:13px;color:var(--text-secondary)}.support-contact-meta-label{display:inline-block;min-width:4.5em;color:var(--text-muted);margin-right:8px}.support-contact-phone-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.support-contact-phone{display:inline-flex;align-items:center;gap:6px;color:var(--accent-purple);font-weight:600;text-decoration:none}.support-contact-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:9999px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer}.support-contact-qr-btn{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding:12px;border-radius:16px;border:1px dashed var(--border-default);background:transparent;cursor:pointer;color:var(--text-secondary);font-size:13px;width:100%;box-sizing:border-box;overflow:hidden}.support-contact-qr-frame{display:flex;align-items:center;justify-content:center;width:100%;height:120px;transition:height .2s ease}.support-contact-qr-btn.is-expanded .support-contact-qr-frame{height:min(220px,42vw)}.support-contact-qr-thumb,.support-contact-qr-large{display:block;max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#fff}.support-contact-qr-thumb{width:120px;height:120px}.support-contact-remark{text-align:center;line-height:1.5}.support-contact-remark-value{display:inline-block;margin-left:4px;padding:2px 10px;border-radius:9999px;font-size:14px;font-weight:700;color:#6366f1;background:#6366f11f}.support-contact-empty{padding:24px;border-radius:20px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.support-contact-footer{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 22px;border-radius:20px;font-size:14px;color:var(--text-secondary)}.help-feedback-banner-actions{display:flex;flex-wrap:wrap;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10050\]{z-index:10050}.z-\[10060\]{z-index:10060}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.col-span-full{grid-column:1 / -1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.\!m-0{margin:0!important}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1\.15rem\]{height:1.15rem}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-64{max-height:16rem}.max-h-\[300px\]{max-height:300px}.max-h-\[min\(85vh\,720px\)\]{max-height:min(85vh,720px)}.\!min-h-0{min-height:0px!important}.min-h-0{min-height:0px}.min-h-16{min-height:4rem}.min-h-4{min-height:1rem}.min-h-\[140px\]{min-height:140px}.min-h-svh{min-height:100svh}.\!w-full{width:100%!important}.w-0{width:0px}.w-1{width:.25rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(276px\,calc\(100vw-28px\)\)\]{width:min(276px,calc(100vw - 28px))}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-10{min-width:2.5rem}.min-w-5{min-width:1.25rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[140px\]{min-width:140px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0\.5{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.scroll-py-1{scroll-padding-top:.25rem;scroll-padding-bottom:.25rem}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-\[--spacing\(var\(--gap\)\)\]{gap:var(--spacing(var(--gap)))}.gap-y-0\.5{row-gap:.125rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.\!rounded-lg{border-radius:var(--radius)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:calc(var(--radius) - 6px)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-0{border-width:0px}.border-\[1\.5px\]{border-width:1.5px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--glass-border\)\]{border-color:var(--glass-border)}.border-border{border-color:hsl(var(--border))}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[var\(--glass-bg\)\]{background-color:var(--glass-bg)}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/45{background-color:#00000073}.bg-black\/50{background-color:#00000080}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{--tw-bg-opacity: 1;background-color:hsl(var(--destructive) / var(--tw-bg-opacity, 1))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-input{background-color:hsl(var(--input))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.fill-current{fill:currentColor}.fill-foreground{fill:hsl(var(--foreground))}.fill-primary{fill:hsl(var(--primary))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-sm\/relaxed{font-size:.875rem;line-height:1.625}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-background{color:hsl(var(--background))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--shadow-glass\)\]{--tw-shadow-color: var(--shadow-glass);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-ring\/50{--tw-ring-color: hsl(var(--ring) / .5)}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-saturate-150{--tw-backdrop-saturate: saturate(1.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\!running{animation-play-state:running!important}.running{animation-play-state:running}.paused{animation-play-state:paused}.\[--cell-size\:--spacing\(8\)\]{--cell-size: var(--spacing(8))}.selection\:bg-primary *::-moz-selection{background-color:hsl(var(--primary))}.selection\:bg-primary *::selection{background-color:hsl(var(--primary))}.selection\:text-primary-foreground *::-moz-selection{color:hsl(var(--primary-foreground))}.selection\:text-primary-foreground *::selection{color:hsl(var(--primary-foreground))}.selection\:bg-primary::-moz-selection{background-color:hsl(var(--primary))}.selection\:bg-primary::selection{background-color:hsl(var(--primary))}.selection\:text-primary-foreground::-moz-selection{color:hsl(var(--primary-foreground))}.selection\:text-primary-foreground::selection{color:hsl(var(--primary-foreground))}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:1.75rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:mt-0:last-child{margin-top:0}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: hsl(var(--destructive) / .2)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: hsl(var(--ring) / .5)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing) * 4) 1fr}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:.5rem}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:.75rem}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:.75rem}.has-\[\>svg\]\:gap-x-3:has(>svg){-moz-column-gap:.75rem;column-gap:.75rem}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-width:1px}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:hsl(var(--ring))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){--tw-border-opacity: 1;border-color:hsl(var(--destructive) / var(--tw-border-opacity, 1))}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>svg\]\:px-2:has(>svg){padding-left:.5rem;padding-right:.5rem}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-left:.625rem;padding-right:.625rem}.has-\[\>svg\]\:px-3:has(>svg){padding-left:.75rem;padding-right:.75rem}.has-\[\>svg\]\:px-4:has(>svg){padding-left:1rem;padding-right:1rem}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color: hsl(var(--ring) / .5)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color: hsl(var(--destructive) / .2)}.group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start{align-self:flex-start}.group\/field:has([data-orientation=horizontal]) .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance{text-wrap:balance}.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2\.5{padding-bottom:.625rem}.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2\.5{padding-top:.625rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{left:0;right:0}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{top:0;bottom:0}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{left:0;right:0}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:0}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:0}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:0}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:0}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:6rem}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:6rem}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:.375rem}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[size\=default\]\:h-9[data-size=default]{height:2.25rem}.data-\[size\=sm\]\:h-8[data-size=sm]{height:2rem}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom],.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:11rem}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:.375rem}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical],.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:.75rem}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[selected\=true\]\:rounded-none[data-selected=true],.data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-variant=outline][data-spacing="0"]{border-left-width:0px}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-width:1px}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:hsl(var(--ring))}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:hsl(var(--primary))}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:hsl(var(--accent) / .5)}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-start\=true\]\:bg-primary[data-range-start=true],.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent) / .5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:.875rem;line-height:1.25rem}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:1rem;line-height:1.5rem}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:hsl(var(--accent-foreground))}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[error\=true\]\:text-destructive[data-error=true],.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true],.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-variant=outline][data-spacing=default],.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color: hsl(var(--ring) / .5)}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed],.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot=select-value]>*{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\*\:data-\[slot\=select-value\]\:flex[data-slot=select-value]>*{display:flex}.\*\:data-\[slot\=select-value\]\:items-center[data-slot=select-value]>*{align-items:center}.\*\:data-\[slot\=select-value\]\:gap-2[data-slot=select-value]>*{gap:.5rem}.\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot=alert-description]>*{color:hsl(var(--destructive) / .9)}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[spacing\=0\]\:first\:rounded-l-md:first-child[data-spacing="0"]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:first-child[data-variant=outline][data-spacing="0"]{border-left-width:1px}.data-\[spacing\=0\]\:last\:rounded-r-md:last-child[data-spacing="0"]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[active\=true\]\:hover\:bg-accent:hover[data-active=true],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.data-\[active\=true\]\:focus\:bg-accent:focus[data-active=true]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open]{background-color:hsl(var(--accent))}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant=destructive]{background-color:hsl(var(--destructive) / .1)}.data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant=destructive]{--tw-text-opacity: 1;color:hsl(var(--destructive) / var(--tw-text-opacity, 1))}.group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none{pointer-events:none}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:relative{position:relative}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:top-full{top:100%}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:z-10{z-index:10}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group\/field-group[data-variant=outline] .group-data-\[variant\=outline\]\/field-group\:-mb-2{margin-bottom:-.5rem}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5{margin-top:.375rem}.group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block{display:block}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]{width:calc(var(--sidebar-width-icon) + (--spacing(4)))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]{width:calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden,.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md{border-radius:calc(var(--radius) - 2px)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border,.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:border-ring{border-color:hsl(var(--ring))}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover{background-color:hsl(var(--popover))}.group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center,.group\/drawer-content[data-vaul-drawer-direction=top] .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center{text-align:center}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground{color:hsl(var(--popover-foreground))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group\/field[data-disabled=true] .group-data-\[disabled\=true\]\/field\:opacity-50,.group\/input-group[data-disabled=true] .group-data-\[disabled\=true\]\/input-group\:opacity-50,.group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50{opacity:.5}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-\[3px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:ring-ring\/50{--tw-ring-color: hsl(var(--ring) / .5)}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200{transition-duration:.2s;animation-duration:.2s}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}@supports (backdrop-filter: var(--tw)){.supports-\[backdrop-filter\]\:bg-black\/30{background-color:#0000004d}}.dark\:border-input:is(.dark *){border-color:hsl(var(--input))}.dark\:border-slate-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:bg-destructive\/60:is(.dark *){background-color:hsl(var(--destructive) / .6)}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input) / .3)}.dark\:bg-transparent:is(.dark *){background-color:transparent}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-muted-foreground:is(.dark *){color:hsl(var(--muted-foreground))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-accent\/50:hover:is(.dark *){background-color:hsl(var(--accent) / .5)}.dark\:hover\:bg-input\/50:hover:is(.dark *){background-color:hsl(var(--input) / .5)}.dark\:hover\:text-accent-foreground:hover:is(.dark *){color:hsl(var(--accent-foreground))}.dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *){--tw-ring-color: hsl(var(--destructive) / .4)}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is(.dark *){--tw-ring-color: hsl(var(--destructive) / .4)}.dark\:data-\[state\=active\]\:border-input[data-state=active]:is(.dark *){border-color:hsl(var(--input))}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]:is(.dark *){background-color:hsl(var(--input) / .3)}.dark\:data-\[state\=checked\]\:bg-primary[data-state=checked]:is(.dark *){background-color:hsl(var(--primary))}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]:is(.dark *){background-color:hsl(var(--primary-foreground))}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]:is(.dark *){background-color:hsl(var(--foreground))}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]:is(.dark *){background-color:hsl(var(--input) / .8)}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]:is(.dark *){color:hsl(var(--foreground))}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant=destructive]:is(.dark *){background-color:hsl(var(--destructive) / .2)}@media(min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-\[440px\]{max-width:440px}.sm\:max-w-\[960px\]{max-width:960px}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:pl-2\.5{padding-left:.625rem}.sm\:pr-2\.5{padding-right:.625rem}.sm\:text-left{text-align:left}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:24rem}}@media(min-width:768px){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-1\.5{gap:.375rem}.md\:p-12{padding:3rem}.md\:text-left{text-align:left}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.md\:after\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset][data-state=collapsed]~.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>*:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>*:not(:first-child){border-left-width:0px}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>*:not(:first-child){border-top-width:0px}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>*:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative:focus-visible>*{position:relative}.\[\&\>\*\]\:focus-visible\:z-10:focus-visible>*{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4[data-slot=field]>*{padding:1rem}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:1rem}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:1 1 auto}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md>[data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:-moz-fit-content;width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1 1 0%}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3>input:has(>[data-align=block-end]){padding-top:.75rem}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3>input:has(>[data-align=block-start]){padding-bottom:.75rem}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2>input:has(>[data-align=inline-end]){padding-right:.5rem}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2>input:has(>[data-align=inline-start]){padding-left:.5rem}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:text-xs>span{font-size:.75rem;line-height:1rem}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:.875rem;height:.875rem}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:1rem;height:1rem}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:.75rem;height:.75rem}.\[\&\>svg\]\:size-3\.5>svg{width:.875rem;height:.875rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border) / .5)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_a\]\:text-\[var\(--accent-purple\)\] a{color:var(--accent-purple)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}.\[\&_li\]\:my-1 li{margin-top:.25rem;margin-bottom:.25rem}.\[\&_ol\]\:my-2 ol{margin-top:.5rem;margin-bottom:.5rem}.\[\&_p\]\:mb-2 p{margin-bottom:.5rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:1.5rem;height:1.5rem}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:hsl(var(--muted-foreground))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.\[\&_ul\]\:my-2 ul{margin-top:.5rem;margin-bottom:.5rem}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:transparent}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background) / .2)}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background) / .1)}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:-.375rem}a.\[a\&\]\:hover\:bg-accent:hover{background-color:hsl(var(--accent))}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:hsl(var(--secondary) / .9)}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.note-editor-page{display:flex;flex-direction:column;gap:20px}.note-editor-bind-meta{font-weight:500;color:var(--text-secondary, #64748b)}.note-editor-header--demo{flex-shrink:0;padding:10px 20px 10px 16px;border-bottom:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--bg-card, #fff)}.note-editor-title-cluster{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.note-editor-title-icon{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1 0%,var(--accent-purple, #7b2ff7) 100%);color:#fff;box-shadow:0 4px 14px #6366f159}.note-title-input--demo{flex:1;min-width:0;font-size:16px;font-weight:700;letter-spacing:-.02em;padding:10px 16px}.note-editor-status-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:9999px;font-size:11px;font-weight:600;white-space:nowrap}.note-editor-status-pill--warn{color:#b45309;background:#f59e0b24;border:1px solid rgba(217,119,6,.45)}.note-editor-status-pill--progress{color:#5b21b6;background:#8b5cf61f;border:1px solid rgba(124,58,237,.4)}.note-editor-status-pill--saving{color:#1d4ed8;background:#3b82f61f;border:1px solid rgba(37,99,235,.35)}.note-editor-status-pill--saved{color:#047857;background:#10b9811f;border:1px solid rgba(5,150,105,.35)}.note-editor-status-pill--ready{color:#047857;background:#10b98129;border:1px solid rgba(5,150,105,.45);animation:note-editor-ready-pill-pulse 1.6s ease-in-out infinite}@keyframes note-editor-ready-pill-pulse{0%,to{box-shadow:0 0 #10b98147}50%{box-shadow:0 0 0 4px #10b98114}}.note-editor-preview-publish-btn--nudge{animation:note-editor-preview-nudge 1.4s ease-in-out 2}@keyframes note-editor-preview-nudge{0%,to{transform:scale(1);box-shadow:0 0 #7c3aed59}50%{transform:scale(1.03);box-shadow:0 0 0 6px #7c3aed1f}}.note-editor-status-dot{width:7px;height:7px;border-radius:50%}.note-editor-status-dot--warn{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b59}.note-editor-status-dot--progress{background:#7c3aed;box-shadow:0 0 0 2px #7c3aed59;animation:note-status-pulse 1.2s ease-in-out infinite}.note-editor-status-dot--saving{background:#3b82f6;box-shadow:0 0 0 2px #3b82f659;animation:note-status-pulse 1.2s ease-in-out infinite}@keyframes note-status-pulse{0%,to{opacity:1}50%{opacity:.45}}.note-editor-bind-info{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:10px;background:#f1f5f9f2;color:var(--text-muted, #64748b);cursor:help;transition:background .15s ease,color .15s ease}.note-editor-bind-info:hover{background:#7b2ff71a;color:var(--accent-purple, #7b2ff7)}.note-editor-header{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;min-width:0}.note-editor-header .note-editor-back{box-sizing:border-box;flex-shrink:0;width:-moz-max-content;width:max-content;max-width:none;display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1;padding:6px 14px;border-radius:9999px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer}.note-editor-header .note-editor-back svg{flex-shrink:0}.note-editor-header .note-editor-save{padding:8px 20px;border-radius:9999px;min-height:40px}.note-editor-comic-image-badge{flex-shrink:0;padding:4px 10px;border-radius:9999px;border:none;cursor:pointer;background:#d977061f;color:#b45309;font-size:12px;font-weight:600;white-space:nowrap}[data-theme=dark] .note-editor-comic-image-badge{background:#fbbf2426;color:#fbbf24}.note-title-input{flex:1;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:18px;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.note-title-input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2ff71a}.note-header-actions{display:flex;gap:10px;flex-wrap:nowrap;flex-shrink:0;align-items:center}.note-header-actions .action-btn-outline,.note-header-actions .gradient-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.note-cards-section{position:relative;display:flex;align-items:center;gap:12px}.note-scroll-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0;z-index:2;box-shadow:var(--shadow-card)}.note-scroll-btn:hover{background:var(--accent-purple);color:#fff;border-color:transparent}.note-cards-section--fit{justify-content:center}.note-cards-scroll--fit{flex:0 1 auto;width:-moz-max-content;width:max-content;max-width:100%;justify-content:center;overflow-x:hidden}.note-cards-scroll{--note-card-insert-gap: 66px;display:flex;gap:0;overflow-x:auto;scroll-behavior:auto;padding:20px 28px 12px;scroll-padding-inline:28px;scrollbar-width:none;flex:1}.note-cards-scroll::-webkit-scrollbar{display:none}.note-edit-card{flex:0 0 320px;max-width:min(360px,88vw);background:var(--bg-card);border:2px solid var(--border-default);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .2s ease}.note-edit-card.active{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2ff71a}.note-edit-card:hover{border-color:var(--accent-purple)}.note-card-preview{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:pointer;container-type:size}.note-edit-card--shell .note-card-preview{border-radius:16px;overflow:hidden;cursor:pointer;width:auto;height:auto;margin-inline:0}.note-card-preview-media{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit}.note-card-preview-motion-root{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;transform-origin:center center}.note-card-preview-motion-root .note-card-preview-media{position:absolute;inset:0}.note-card-preview-motion-root .note-card-preview-media img,.note-card-preview-motion-root .note-card-preview-media video,.note-card-preview-motion-root .note-card-preview-media .note-card-preview-img,.note-card-preview-motion-root .note-card-preview-media .slide-media-preview-wrap{transition:none;transform:none}.note-card-preview img,.note-card-preview video.note-card-preview-img,.note-card-preview .slide-media-preview-wrap,.note-card-preview .app-thumb--empty,.note-card-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.note-card-preview img.note-card-wm-overlay__img{width:auto!important;height:var(--note-wm-img-px, auto)!important;max-width:none!important;-o-object-fit:contain!important;object-fit:contain!important;transition:none!important;transform:none!important}.note-card-preview .note-card-wm-overlay__text{width:auto;height:auto;font-size:var(--note-wm-font-px, inherit)!important;-o-object-fit:unset;object-fit:unset;transition:none!important;transform:none!important}.note-card-preview:hover img:not(.note-card-wm-overlay__img),.note-card-preview:hover video.note-card-preview-img,.note-card-preview:hover .note-card-preview-img{transform:scale(1.05)}.note-card-preview .slide-media-preview-wrap{display:block}.note-card-preview .app-thumb--empty{min-height:0;border-radius:0}.note-card-preview:hover .note-slide-motion:not(.note-slide-motion--idle) img,.note-card-preview:hover .note-slide-motion:not(.note-slide-motion--idle) video.note-card-preview-img,.note-card-preview:hover .note-slide-motion:not(.note-slide-motion--idle) .note-card-preview-img{transform:none}.note-card-text-overlay{position:absolute;left:0;right:0;padding:12px 18px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;pointer-events:none;box-sizing:border-box;z-index:3;min-width:0;width:100%}.note-card-text-overlay.is-pos-bottom{bottom:0;top:auto;padding-top:32px;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);justify-content:flex-end}.note-card-text-overlay.is-pos-top{top:0;bottom:auto;padding-bottom:32px;background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent);justify-content:flex-start}.note-card-text-overlay.is-pos-center{inset:0 18px;height:-moz-max-content;height:max-content;margin-block:auto;transform:none;padding:0 18px;background:transparent;border-radius:0;justify-content:center;align-items:center;width:auto}.note-card-text-overlay.is-pos-custom{top:var(--note-ov-y-pct, 0%);bottom:auto;transform:none;margin:0;padding:0 18px;background:transparent;border-radius:0;justify-content:flex-start;width:auto;left:18px;right:18px}.note-card-text-overlay.is-pos-custom.note-card-text-overlay--dragging{pointer-events:auto;cursor:grab;touch-action:none}.note-card-text-overlay.is-pos-custom.note-card-text-overlay--dragging:active{cursor:grabbing}.note-card-text-overlay span{font-family:inherit;line-height:1.5;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;align-self:stretch;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:visible;color:inherit;text-shadow:0 2px 6px rgba(0,0,0,.5)}.note-card-text-overlay.is-outline-none span{text-shadow:none}.note-card-text-overlay.is-outline-thin span{text-shadow:0 0 2px rgba(0,0,0,.85),0 2px 4px rgba(0,0,0,.45)}.note-card-text-overlay.is-outline-medium span{text-shadow:0 2px 6px rgba(0,0,0,.55)}.note-card-text-overlay.is-outline-thick span{text-shadow:0 0 4px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.75),0 2px 6px rgba(0,0,0,.6)}.note-card-text-overlay.has-text-block-bg span{background:var(--note-ov-text-block-bg, rgba(0, 0, 0, .55));padding:4px 10px;border-radius:4px;display:inline-block;width:auto;max-width:100%;align-self:center;box-decoration-break:clone;-webkit-box-decoration-break:clone}.note-card-text-overlay.has-text-block-bg.is-outline-none span{text-shadow:none}.note-card-text-overlay.has-stroke-color span{text-shadow:var(--note-ov-stroke-shadow, none)}.note-card-text-overlay.has-glow-shadow span{text-shadow:var(--note-ov-glow-shadow, none)}.note-card-text-overlay.has-stroke-color.has-glow-shadow span{text-shadow:var(--note-ov-stroke-shadow, none),var(--note-ov-glow-shadow, none)}.note-card-text-overlay.is-size-sm span{font-size:16px}.note-card-text-overlay.is-size-md span{font-size:20px}.note-card-text-overlay.is-size-lg span{font-size:24px}.note-card-text-overlay.is-size-xl span{font-size:28px}.note-card-text-overlay.is-size-custom span{font-size:var(--note-ov-font-px, 20px)}.note-overlay-fontpx-input{width:64px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.note-overlay-toolbar{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;gap:10px}.note-overlay-toolbar-title{font-size:14px;font-weight:600;color:var(--text-primary)}.note-overlay-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.note-overlay-row--nested{margin-top:6px;padding-left:4px}.note-overlay-label{font-size:12px;color:var(--text-tertiary)}.note-overlay-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.note-overlay-color{width:100px;padding:6px 8px;border-radius:8px;border:1px solid var(--border-default);font-size:13px;font-family:ui-monospace,monospace}.note-overlay-color-field{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-width:0;width:100%}.note-overlay-color-field--inline{flex-direction:row;align-items:center;gap:8px;flex:1 1 140px;width:auto}.note-overlay-color-field--inline .note-overlay-color-row{flex:1;min-width:0}.note-overlay-color-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.note-overlay-color-swatch-btn{width:36px;height:36px;flex-shrink:0;border-radius:10px;padding:0;box-sizing:border-box;border:1px solid var(--border-default);box-shadow:inset 0 0 0 1px #0000000f;cursor:pointer;background-clip:padding-box}.note-overlay-color-swatch-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #7b2ff773,inset 0 0 0 1px #0000000f}.note-overlay-color-popover{z-index:10020;background:#fff;border:1px solid var(--border-default);border-radius:12px}.note-editor-page--shell .note-overlay-color-popover{border-color:#d1dbe5}.note-overlay-color-picker{width:100%!important;height:156px!important;border-radius:10px;box-shadow:inset 0 0 0 1px #0f172a14}.note-overlay-color-picker .react-colorful__saturation-pointer{width:12px!important;height:12px!important;border:1px solid #fff!important;box-shadow:none!important}.note-overlay-color-picker .react-colorful__hue-pointer{border:1px solid #fff!important;box-shadow:none!important}.note-overlay-color-presets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.note-overlay-color-preset{position:relative;width:100%;aspect-ratio:1;min-height:0;border-radius:6px;border:1px solid rgba(15,23,42,.12);padding:0;margin:0;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff38}.note-overlay-color-preset--active{border-color:var(--accent-purple, #7b2ff7);border-width:1px;box-shadow:0 0 0 1px #7b2ff740,inset 0 0 0 1px #fff3}.note-overlay-color-preset:focus-visible{outline:2px solid var(--accent-purple, #7b2ff7);outline-offset:1px}.note-overlay-color-recents-block,.note-overlay-color-presets-block{display:flex;flex-direction:column;gap:6px}.note-overlay-color-recents-label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b)}.note-overlay-color-recents{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.note-overlay-color-hex{flex:1;min-width:.8rem;width:auto;max-width:140px}.note-overlay-row--color{align-items:flex-start;width:100%;margin-top:4px}.note-overlay-applyall-wrap{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border-subtle, rgba(148, 163, 184, .45))}.note-overlay-applyall-wrap .note-overlay-applyall-btn{margin-left:0;width:100%;justify-content:center;box-sizing:border-box}.note-overlay-applyall-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,color .15s ease,opacity .15s ease}.note-overlay-applyall-btn:not(:disabled):hover{border-color:var(--accent-purple);color:var(--accent-purple)}.note-overlay-applyall-btn:disabled{opacity:.45;cursor:not-allowed}.note-editor-save-progress-row{display:flex;align-items:center;gap:10px}.note-editor-confirm-dialog--save-progress .note-editor-confirm-desc{margin-top:8px}.note-editor-confirm-dialog{width:min(400px,92vw);padding:20px 22px 18px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-default);box-shadow:0 24px 48px #00000047}.note-editor-confirm-title{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--text-primary)}.note-editor-confirm-desc{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.note-editor-confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.note-editor-confirm-actions .action-btn-outline{font-size:12px;padding:7px 14px}.note-editor-confirm-desc--plain{margin:0 0 18px;font-size:13px;font-weight:400;line-height:1.55;color:var(--text-secondary)}.note-editor-confirm-dialog--apply-overlay{position:relative;padding:22px 22px 18px}.note-editor-confirm-close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.note-editor-confirm-close:hover{background:#0f172a0f;color:var(--text-primary)}.note-editor-confirm-desc--apply-overlay{margin:0 0 22px;padding-right:40px;font-size:17px;line-height:1.55;font-weight:600;color:var(--text-primary)}.note-editor-confirm-actions--apply-overlay{justify-content:flex-end}.note-editor-confirm-ok{font-size:15px!important;font-weight:600!important;padding:10px 22px!important;min-height:0!important;border-radius:9999px!important}.note-overlay-per{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}.note-overlay-per-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.note-overlay-per-toggle input{cursor:pointer}.note-card-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.note-card-input:focus{outline:none;border-color:var(--accent-purple)}@keyframes nen-garage-kz-zoom{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes nen-garage-kz-rotate{0%{transform:rotate(-15deg) scale(.85);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes nen-garage-kz-fade{0%{opacity:.18}to{opacity:1}}@keyframes nen-garage-kz-slide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes nen-garage-kz-bounce{0%{transform:scale(.3) translateY(20px);opacity:0}50%{transform:scale(1.05) translateY(-5px);opacity:1}70%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes nen-garage-kz-typing{0%{max-width:0;opacity:0}20%{opacity:1}to{max-width:5ch}}@keyframes note-card-overlay-typewriter-line-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.85}12%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes nen-garage-kz-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.note-slide-motion--zoom_in .note-card-preview-img,.note-slide-motion--zoom_in img{animation:nen-garage-kz-zoom 7s ease-out infinite;transform-origin:center center}.note-slide-motion--rotate_in .note-card-preview-img,.note-slide-motion--rotate_in img{animation:nen-garage-kz-rotate 1.5s ease-out infinite;transform-origin:center center}.note-slide-motion--fade_in .note-card-preview-img,.note-slide-motion--fade_in img{animation:nen-garage-kz-fade 7.5s ease-in-out infinite;transform-origin:center center}.note-slide-motion--slide_in .note-card-preview-img,.note-slide-motion--slide_in img{animation:nen-garage-kz-slide 2s ease-out infinite;transform-origin:center center}.note-slide-motion--idle .note-card-preview-img,.note-slide-motion--idle img{animation:none;transform:none}.note-card-preview:hover .note-slide-motion--zoom_in .note-card-preview-img,.note-card-preview:hover .note-slide-motion--zoom_in img,.note-card-preview:hover .note-slide-motion--rotate_in .note-card-preview-img,.note-card-preview:hover .note-slide-motion--rotate_in img,.note-card-preview:hover .note-slide-motion--fade_in .note-card-preview-img,.note-card-preview:hover .note-slide-motion--fade_in img,.note-card-preview:hover .note-slide-motion--slide_in .note-card-preview-img,.note-card-preview:hover .note-slide-motion--slide_in img{animation-play-state:running}.note-card-preview:hover .note-slide-motion--idle .note-card-preview-img,.note-card-preview:hover .note-slide-motion--idle img{animation-play-state:paused}}.note-text-motion--typewriter span{display:inline-block;overflow:hidden;white-space:nowrap;max-width:100%;animation:nen-garage-kz-typing 2s steps(4,end) infinite}.note-text-motion--char_pop span{display:inline-block;animation:nen-garage-kz-pop 1.5s ease-out infinite}.note-text-motion--fade_in span{display:inline-block;animation:nen-garage-kz-fade 7.5s ease-in-out infinite}.note-text-motion--slide_in span{display:inline-block;animation:nen-garage-kz-slide 2s ease-out infinite}.note-text-motion--bounce span{display:inline-block;animation:nen-garage-kz-bounce 2.4s cubic-bezier(.25,.1,.25,1) infinite}.nen-motion-card-preview--random{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:52px;color:#6366f1;font-size:11px;font-weight:600;background:linear-gradient(135deg,#f5f3ff,#eef2ff)}.nen-motion-sample-text--random{font-weight:700;color:#6366f1;animation:nen-motion-random-pulse 2s ease-in-out infinite}@keyframes nen-motion-random-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.note-card-text-overlay.note-text-motion--idle span,.note-card-text-overlay.note-text-motion--char_pop span,.note-card-text-overlay.note-text-motion--fade_in span,.note-card-text-overlay.note-text-motion--slide_in span,.note-card-text-overlay.note-text-motion--bounce span{display:block;width:100%;max-width:100%;min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:break-word}.note-card-text-overlay.note-text-motion--typewriter .note-typewriter-line{display:block;width:100%;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;animation:note-card-overlay-typewriter-line-reveal 1.6s ease-out infinite}.note-card-text-overlay.note-text-motion--typewriter span:not(.note-typewriter-line){display:block;width:100%;max-width:100%;min-width:0;white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;animation:note-card-overlay-typewriter-line-reveal 2.4s ease-out infinite}@media(prefers-reduced-motion:no-preference){.note-text-motion--idle span{display:inline-block;animation:note-demo-text-pulse 2.5s ease-in-out infinite alternate}@keyframes note-demo-text-pulse{0%{opacity:.78;transform:translateY(3px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(prefers-reduced-motion:reduce){.note-slide-motion .note-card-preview-img,.note-slide-motion img,.note-card-preview-motion-root[data-slide-motion-preview]{animation:none!important;transform:none!important}.note-slide-motion--idle .note-card-preview-img,.note-slide-motion--idle img,.note-text-motion--typewriter span,.note-text-motion--char_pop span,.note-text-motion--fade_in span,.note-text-motion--slide_in span,.note-text-motion--bounce span,.note-text-motion--idle span{animation:none!important}}.note-ai-section{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px}.ai-gen-btn{display:flex;align-items:center;gap:8px;padding:12px 28px}.note-ai-hint{font-size:13px;color:var(--text-tertiary)}.note-editor-image-mask{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f0f1473;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.note-editor-picker-dialog{width:min(960px,96vw);max-height:min(88vh,900px);min-height:500px;display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-default);box-shadow:0 25px 50px #00000059;overflow:hidden;min-height:0}.note-editor-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default);font-size:16px;font-weight:600;color:var(--text-primary)}.note-editor-picker-body{flex:1 1 auto;min-height:360px;padding:16px 20px 24px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.note-editor-picker-deck-hint{margin:0;padding:0 20px 8px;font-size:12px;line-height:1.4;color:var(--text-muted, #64748b)}.note-editor-image-mask--video{display:flex;align-items:center;justify-content:center}.note-editor-video-modal-wrap{position:relative;pointer-events:auto;padding-right:52px;padding-top:4px}.note-editor-video-iphone-shell{max-width:min(480px,96vw);padding:0}.note-editor-video-close-fab{position:absolute;top:0;right:0;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:9999px;background:#0000008c;color:#fff;cursor:pointer;box-shadow:0 4px 14px #00000059}.note-editor-video-close-fab:hover{background:#000000b8}@media(max-width:520px){.note-editor-video-modal-wrap{padding-right:0;padding-top:48px}.note-editor-video-close-fab{top:0;right:8px}}.note-iphone-frame{width:100%;padding:14px 12px 18px;border-radius:38px;background:linear-gradient(165deg,#3d3d40,#1c1c1e 42%,#0a0a0b);box-shadow:0 28px 56px #00000080,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.07)}.note-iphone-frame--no-notch{padding:12px}.note-iphone-notch{width:36%;max-width:120px;height:22px;margin:0 auto 10px;border-radius:0 0 14px 14px;background:#000}.note-iphone-screen{border-radius:28px;overflow:hidden;background:linear-gradient(168deg,#242428,#161618 52%,#1e1e22);aspect-ratio:9 / 16;max-height:min(86vh,880px)}.note-iphone-screen--video{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(168deg,#28282e,#141418,#202026)}.note-iphone-screen--video:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 88% 72% at 50% 42%,rgba(255,255,255,.045) 0%,transparent 68%),linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 38%,rgba(0,0,0,.08) 100%)}.note-iphone-screen--video .note-editor-video-in-phone,.note-iphone-screen--video video{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:100%;max-height:100%;vertical-align:top;background:transparent;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center center;object-position:center center}.note-editor-video-in-phone{display:block;width:100%;height:100%;max-height:min(86vh,880px);vertical-align:top;background:#000;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.note-editor-video-screen-footer{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;justify-content:center;padding:28px 14px 14px;background:linear-gradient(180deg,#0000,#000000b8);pointer-events:none}.note-editor-video-screen-footer>*{pointer-events:auto}.note-editor-video-apply-btn{min-width:148px;padding:9px 18px;border:none;border-radius:999px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#6366f1);box-shadow:0 6px 18px #6366f159}.note-editor-video-apply-btn:hover{filter:brightness(1.06)}.note-editor-video-screen-error{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;margin:0;font-size:11px;line-height:1.45;text-align:center;color:#ffffffeb}.note-editor-video-screen-error a{color:#c4b5fd;text-decoration:underline}.note-editor-video-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;padding-left:6px;border:none;border-radius:9999px;color:#fffffff2;background:#00000073;box-shadow:0 8px 28px #00000059;cursor:pointer;transition:background .15s ease,transform .15s ease}.note-editor-video-center-play:hover{background:#7b2ff78c;transform:translate(-50%,-50%) scale(1.04)}.note-editor-video-iphone-hint{margin:14px 8px 0;font-size:12px;line-height:1.45;color:#ffffffe0;text-align:center}.note-editor-video-iphone-hint a{color:#c4b5fd;text-decoration:underline}.note-editor-video-preview-title{margin:0 48px 10px 8px;font-size:14px;font-weight:600;color:#fff;text-align:center;line-height:1.35;word-break:break-all}.note-editor-video-preview-actions{display:flex;gap:10px;justify-content:center;margin-top:14px;padding:0 8px}.note-editor-video-preview-actions .btn-primary,.note-editor-video-preview-actions .btn-secondary{min-width:120px}.note-editor-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding-bottom:8px}.note-editor-picker-item{position:relative;border:2px solid var(--border-default);border-radius:12px;overflow:hidden;padding:0;margin:0;background:none;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.note-editor-picker-item:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.note-editor-picker-item.active{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2ff726}.note-editor-picker-item img{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:top}.note-editor-picker-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--accent-purple);color:#fff;display:flex;align-items:center;justify-content:center}.note-pres{position:relative}.note-slide-stage-stack{grid-column:1;grid-row:1;position:relative;z-index:0;width:100%;min-height:0;overflow:hidden;pointer-events:none}.note-slide-stage-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;pointer-events:none}.note-slide-stage-bg--from-fg{transform:scale(1.18);transform-origin:center center;filter:blur(22px)}.note-slide-stage-bg-dim{position:absolute;inset:0;z-index:1;background:#0006;pointer-events:none}.note-slide-stage-bg--solid-black{background-color:#000;background-image:none}.note-card-preview.note-pres--graphic_slide_stage_half_center{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.note-card-preview.note-pres--graphic_slide_stage_half_center>.note-card-preview-motion-root{grid-column:1;grid-row:1;position:relative;inset:unset;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;z-index:0}.note-card-preview.note-pres--graphic_slide_stage_half_center>.note-card-preview-motion-root>.note-slide-stage-stack{grid-column:1;grid-row:1}.note-card-preview.note-pres--graphic_slide_stage_half_center>.note-card-preview-motion-root>.note-card-preview-media{grid-column:1;grid-row:1;position:relative;align-self:center;justify-self:stretch;inset:unset;inset:auto;transform:none;width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:4 / 3;z-index:1}.note-pres--graphic_slide_stage_half_center .note-card-preview-media img,.note-pres--graphic_slide_stage_half_center .note-card-preview-media .note-card-preview-img,.note-pres--graphic_slide_stage_half_center .note-card-preview-media .app-thumb--empty{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.note-stage-bg-hit{position:absolute;left:8px;bottom:8px;z-index:6;font-size:11px;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#00000073;color:#fff;cursor:pointer}.note-stage-bg-hit:hover{background:#0000009e}.note-editor-shell-banner{margin-bottom:12px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.45;color:var(--text-secondary, #555);background:#7b2ff714;border:1px solid rgba(123,47,247,.22)}.note-editor-page[data-theme=title_red] .note-title-input{color:#dc2626}.note-editor-page--shell{flex:1;min-height:0;height:auto;max-height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--note-editor-canvas-bg, #f8fafc);--note-shell-aspect: 9 / 16;--note-shell-card-min-w: 326px;--note-shell-card-max-h: min(58vh, 520px);--note-shell-card-max-w: max(326px, min(340px, 34vw))}.note-editor-page--shell[data-shell-aspect="3:4"]{--note-shell-aspect: 3 / 4;--note-shell-card-max-w: max(326px, min(380px, 36vw))}.note-editor-page--shell[data-shell-aspect="4:3"]{--note-shell-aspect: 4 / 3;--note-shell-card-min-w: 426px;--note-shell-card-max-w: max(426px, min(720px, 56vw))}.note-editor-page--shell[data-shell-aspect="16:9"]{--note-shell-aspect: 16 / 9;--note-shell-card-min-w: 426px;--note-shell-card-max-w: max(426px, min(840px, 60vw))}.note-editor-page--shell .note-editor-shell-banner{flex-shrink:0}.note-editor-layout{position:relative;display:flex;flex:1;min-height:0;min-width:0;align-items:stretch}.note-editor-layout--shrouded .note-editor-main-col,.note-editor-layout--shrouded .note-editor-aside{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-editor-workspace-shroud{position:absolute;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;opacity:1;transition:opacity .58s cubic-bezier(.4,0,.2,1)}.note-editor-workspace-shroud--dismissing{opacity:0;pointer-events:none}.note-editor-workspace-shroud-glass{position:absolute;inset:0;background:#f8fafc38;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}.note-editor-page--shell[data-theme=title_red] .note-editor-workspace-shroud-glass{background:#fff8f83d}.note-editor-workspace-shroud-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 40px;text-align:center;transition:opacity .45s ease,transform .45s cubic-bezier(.4,0,.2,1)}.note-editor-workspace-shroud--dismissing .note-editor-workspace-shroud-panel{opacity:0;transform:scale(.94) translateY(6px)}.note-editor-workspace-shroud-title{margin:0;font-size:26px;font-weight:800;letter-spacing:.08em;color:var(--accent-purple, #7c3aed);text-shadow:0 1px 0 rgba(255,255,255,.9)}.note-editor-workspace-shroud-title--ok{font-size:19px;font-weight:700;letter-spacing:.04em;color:#059669;animation:note-workspace-shroud-ok-title .5s cubic-bezier(.22,1,.36,1) both}.note-editor-workspace-shroud-sub{margin:0;font-size:14px;font-weight:500;color:color-mix(in srgb,var(--accent-purple, #7c3aed) 72%,#64748b)}.note-editor-workspace-shroud-orbit{position:relative;width:72px;height:72px;margin-bottom:6px}.note-editor-workspace-shroud-orbit-dot{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:linear-gradient(145deg,var(--accent-purple, #a855f7),#6d28d9);box-shadow:0 0 22px color-mix(in srgb,var(--accent-purple, #7c3aed) 55%,transparent);animation:note-workspace-shroud-orbit 1.05s cubic-bezier(.45,0,.55,1) infinite}.note-editor-workspace-shroud-orbit-dot:nth-child(2){animation-delay:-.35s;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;opacity:.88}.note-editor-workspace-shroud-orbit-dot:nth-child(3){animation-delay:-.7s;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;opacity:.72}.note-editor-workspace-shroud-success-ring{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,#10b981 14%,transparent);color:#059669;box-shadow:0 0 0 1px color-mix(in srgb,#10b981 28%,transparent);animation:note-workspace-shroud-success-pop .58s cubic-bezier(.22,1,.36,1) both}@keyframes note-workspace-shroud-orbit{0%{transform:rotate(0) translate(28px) rotate(0)}to{transform:rotate(360deg) translate(28px) rotate(-360deg)}}@keyframes note-workspace-shroud-success-pop{0%{opacity:0;transform:scale(.5)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes note-workspace-shroud-ok-title{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .note-editor-page--shell .note-editor-workspace-shroud-glass{background:#0f0f148c;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}[data-theme=dark] .note-editor-page--shell .note-editor-workspace-shroud-title{color:#c4b5fd;text-shadow:0 1px 2px rgba(0,0,0,.45)}[data-theme=dark] .note-editor-page--shell .note-editor-workspace-shroud-sub{color:color-mix(in srgb,#c4b5fd 65%,#94a3b8)}[data-theme=dark] .note-editor-page--shell .note-editor-workspace-shroud-orbit-dot{background:linear-gradient(145deg,#c4b5fd,#8b5cf6);box-shadow:0 0 24px #8b5cf68c}[data-theme=dark] .note-editor-page--shell .note-editor-workspace-shroud-success-ring{background:color-mix(in srgb,#34d399 18%,transparent);color:#6ee7b7;box-shadow:0 0 0 1px color-mix(in srgb,#34d399 35%,transparent)}[data-theme=dark] .note-editor-page--shell .note-editor-workspace-shroud-title--ok{color:#6ee7b7}.note-editor-main-col{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.note-editor-page--shell .note-editor-header--demo{flex-shrink:0}.note-editor-main-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.note-editor-canvas-stack{flex:1;min-height:0;display:flex;flex-direction:column}.note-editor-cards-ribbon{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px;overflow:hidden}.note-editor-page--shell .note-editor-canvas-stack{flex:1;min-height:0;overflow:hidden}.note-editor-page--shell .note-editor-center-pill{flex-shrink:0;padding:6px 16px 4px}.note-editor-page--shell .note-editor-cards-ribbon{flex:1 1 auto;min-height:0;overflow:hidden}.note-editor-page--shell .note-cards-section{height:100%;max-height:100%;min-height:0;align-items:stretch}.note-editor-page--shell .note-scroll-btn{align-self:center}.note-editor-page--shell .note-cards-scroll{height:100%;max-height:100%;align-items:stretch;justify-content:flex-start;box-sizing:border-box;gap:0;--note-card-insert-gap: 66px;padding:20px 28px 12px}.note-editor-page--shell .note-cards-scroll--fit{height:auto;max-height:100%;align-items:stretch;justify-content:center}.note-editor-page--shell[data-shell-aspect="4:3"] .note-edit-card--shell,.note-editor-page--shell[data-shell-aspect="16:9"] .note-edit-card--shell{min-width:var(--note-shell-card-min-w, 426px)}.note-editor-page--shell .note-edit-card--shell{width:auto;min-width:0;max-width:none;height:auto;max-height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-self:center;flex:0 0 auto;box-sizing:border-box;padding-inline:0;margin:0}.note-editor-page--shell .note-edit-card--shell .note-edit-card-frame--wm-editing,.note-editor-page--shell .note-edit-card--shell .note-card-preview--wm-editing,.note-editor-page--shell .note-edit-card--shell .note-card-preview-motion-root--wm-editing{overflow:visible}.note-editor-page--shell .note-edit-card--shell .note-card-preview--wm-editing .note-card-preview-media{overflow:hidden}.note-editor-page--shell .note-edit-card--shell .note-edit-card-frame{position:relative;aspect-ratio:unset;width:-moz-fit-content;width:fit-content;height:auto;max-height:100%;min-width:0;max-width:var(--note-shell-card-max-w);margin-inline:auto;margin-block:0;display:block;flex:0 0 auto;min-height:0;padding:0;box-sizing:border-box;overflow:hidden;border-radius:16px;background:linear-gradient(165deg,#34343e,#24242c 38%,#18181f);border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 40px #0f172a38,inset 0 1px #ffffff12}.note-editor-page--shell .note-edit-card--shell .note-edit-card-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 90% 68% at 50% 36%,rgba(255,255,255,.04) 0%,transparent 62%)}.note-editor-page--shell .note-edit-card--shell .note-card-preview{position:absolute;inset:0;z-index:1;width:auto;height:auto;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:inherit;overflow:hidden;background:#050508}.note-editor-page--shell .note-edit-card--shell .note-card-preview-motion-root,.note-editor-page--shell .note-edit-card--shell .note-card-preview-media,.note-editor-page--shell .note-edit-card--shell .note-card-preview .slide-media-preview-wrap,.note-editor-page--shell .note-edit-card--shell .note-card-preview img,.note-editor-page--shell .note-edit-card--shell .note-card-preview video,.note-editor-page--shell .note-edit-card--shell .note-card-preview .note-card-preview-img{border-radius:inherit;overflow:hidden}.note-editor-page--shell[data-shell-aspect="4:3"] .note-edit-card--shell .note-card-preview,.note-editor-page--shell[data-shell-aspect="16:9"] .note-edit-card--shell .note-card-preview{inset:0;width:auto;height:auto;max-width:none;max-height:none}.note-editor-page--shell .note-edit-card--shell.active .note-edit-card-frame{box-shadow:0 22px 55px #6366f147,inset 0 1px #ffffff14;outline:3px solid var(--accent-purple, #7b2ff7);outline-offset:3px}.note-editor-page--shell .note-card-insert-slot,.note-editor-page--shell .note-card-insert-slot--end{align-self:stretch;height:100%;min-height:100%}.note-editor-center-pill{flex-shrink:0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 16px 6px}.note-editor-pill-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9999px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-card)}.note-editor-pill-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.note-editor-pill-btn:disabled{opacity:.48;cursor:not-allowed}.note-cards-section{position:relative;flex:0 1 auto;max-width:100%;width:100%;min-height:0;align-self:center}.note-stage-bg-settings{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-default)}.note-stage-bg-current-row{display:flex;align-items:center;gap:8px;width:100%}.note-stage-bg-mode-compact{display:flex;align-items:center;gap:10px;min-width:0}.note-stage-bg-mode-label{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.note-stage-bg-card{flex:0 0 52px;width:52px;height:52px;border-radius:12px;border:2px solid rgba(124,58,237,.32);overflow:hidden;box-sizing:border-box}.note-stage-bg-card--blur{position:relative;isolation:isolate;border:none;background:#050508;box-shadow:none}.note-stage-bg-card--blur:before{content:"";position:absolute;inset:-28%;z-index:0;background:radial-gradient(ellipse 62% 58% at 48% 44%,rgba(72,68,92,.95) 0%,transparent 58%),radial-gradient(ellipse 48% 42% at 28% 62%,rgba(48,44,58,.75) 0%,transparent 52%),radial-gradient(ellipse 40% 36% at 72% 38%,rgba(56,52,68,.65) 0%,transparent 48%);filter:blur(13px);transform:scale(1.1);pointer-events:none}.note-stage-bg-card--blur:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:radial-gradient(ellipse 88% 82% at 50% 48%,#1c1a2459,#0000008c);pointer-events:none}.note-editor-page--shell .note-stage-bg-card--blur{background:#0a0a0e}[data-theme=dark] .note-editor-page--shell .note-stage-bg-card--blur{background:#030305}[data-theme=dark] .note-editor-page--shell .note-stage-bg-card--blur:before{filter:blur(15px)}.note-stage-bg-card--image{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border-color:#7c3aed73;background:#0f172a1f}.note-stage-bg-card--image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}[data-theme=dark] .note-editor-page--shell .note-stage-bg-card--image{background:#00000073}.note-stage-bg-card-del{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:none;background:#0f172a8c;color:#fff;cursor:pointer;opacity:0;transition:opacity .18s ease}.note-stage-bg-card--image:hover .note-stage-bg-card-del,.note-stage-bg-card-del:focus-visible{opacity:1}.note-stage-bg-switch-btn{flex:0 0 auto;margin-left:auto;align-self:center;min-width:48px;padding:8px 10px;font-size:12px;font-weight:600;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);color:var(--accent-purple, #7b2ff7);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.note-stage-bg-switch-btn:hover:not(:disabled){border-color:#7b2ff759;background:#7b2ff70f}.note-stage-bg-switch-btn:disabled{opacity:.45;cursor:not-allowed}.note-edit-card--shell{position:relative;z-index:2;overflow:visible;box-sizing:border-box;padding:0;margin:0;flex:0 0 auto;width:calc(min(360px,88vw)*.75 + 24px);max-width:min(304px,calc(100vw - 48px));background:transparent;border:none;box-shadow:none;gap:0;transform-origin:center center;transition:transform .25s ease,opacity .25s ease}.note-edit-card--shell:not(.active){opacity:.72}.note-edit-card--shell:not(.active):hover{opacity:.88}.note-edit-card--shell.active{opacity:1;z-index:4;transform:scale(1.04)}.note-edit-card-frame{border-radius:16px;overflow:hidden;background:var(--bg-card, #fff);box-shadow:0 16px 40px #0f172a14,0 0 0 1px #94a3b859;transition:box-shadow .25s ease,outline .2s ease}.note-edit-card--shell .note-edit-card-frame{width:calc(min(360px,88vw)*.75);max-width:100%;margin-inline:auto;box-sizing:border-box;overflow:hidden}.note-edit-card--shell.active .note-edit-card-frame{outline:3px solid var(--accent-purple, #7b2ff7);outline-offset:3px}.note-card-preview-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.08) 45%,transparent 72%)}.note-card-index-badge{position:absolute;top:10px;right:10px;z-index:4;width:26px;height:26px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:#0000006b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:1}.note-card-delete-btn{position:absolute;top:10px;right:10px;z-index:5;width:26px;height:26px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;color:#fff;background:#dc2626e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .15s ease,transform .15s ease,background .15s ease}.note-edit-card--shell .note-card-preview:hover .note-card-delete-btn{opacity:1;pointer-events:auto;transform:scale(1)}.note-card-delete-btn:hover{background:#b91c1cf2}.note-card-move-btn{position:absolute;top:50%;z-index:4;width:32px;height:32px;margin:0;padding:0;border:none;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9);transition:opacity .15s ease,transform .15s ease,background .15s ease}.note-card-move-btn--left{left:8px}.note-card-move-btn--right{right:8px}.note-edit-card--shell .note-card-preview:hover .note-card-move-btn{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.note-card-move-btn:hover{background:var(--accent-purple, #7b2ff7)}.note-card-insert-slot{flex:0 0 var(--note-card-insert-gap, 66px);width:var(--note-card-insert-gap, 66px);min-width:var(--note-card-insert-gap, 66px);max-width:var(--note-card-insert-gap, 66px);align-self:stretch;height:100%;min-height:100%;box-sizing:border-box;margin:0;padding:0;border:none;background:transparent;cursor:default;position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.note-card-add-fab{position:absolute;top:50%;left:50%;flex-shrink:0;width:48px;height:48px;margin:0;padding:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(123,47,247,.28);background:#7b2ff71a;backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);color:#ffffffeb;box-shadow:0 4px 12px #7b2ff724,inset 0 1px #ffffff1a;cursor:pointer;pointer-events:auto;opacity:0;transform:translate(-50%,-50%) scale(.88);transition:opacity .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease,left .25s ease}.note-card-insert-slot:hover .note-card-add-fab,.note-card-add-fab:hover,.note-card-add-fab:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1.02);background:#7b2ff733;border-color:#7b2ff76b;box-shadow:0 6px 16px #7b2ff72e}.note-card-add-fab:focus-visible{outline:2px solid rgba(123,47,247,.55);outline-offset:3px}.note-card-insert-slot--end{align-self:stretch;height:100%;min-height:100%;flex:0 0 var(--note-card-insert-gap, 66px);width:var(--note-card-insert-gap, 66px);min-width:var(--note-card-insert-gap, 66px);max-width:var(--note-card-insert-gap, 66px)}.note-card-caption-preview{font-size:12px;line-height:1.45;color:var(--text-secondary, #64748b);padding:10px 14px 12px;max-height:4.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;border-top:1px solid rgba(226,232,240,.95);background:var(--bg-card, #fff);font-weight:500}.note-edit-active-pill{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-50% - 3px));padding:4px 13px;border-radius:9999px;background:linear-gradient(135deg,#4f46e5 0%,var(--accent-purple, #7b2ff7) 100%);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;z-index:30;pointer-events:none;box-shadow:0 6px 18px #6366f159;animation:note-pill-pop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes note-pill-pop{0%{opacity:0;transform:translate(-50%,calc(-50% - 3px)) scale(.6)}to{opacity:1;transform:translate(-50%,calc(-50% - 3px)) scale(1)}}.note-meta-strip{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 2px;padding:6px 20px 8px;font-size:11px;line-height:1.45;color:var(--text-muted, #64748b);border-top:1px solid rgba(241,245,249,.85);background:var(--surface-glass-light, rgba(248, 250, 252, .65))}.note-meta-strip .note-editor-bind-meta{color:var(--accent-purple, #6366f1);font-weight:600}.note-meta-dot{color:#94a3b8bf;margin:0 2px}.note-gallery-dock{flex-shrink:0;min-height:148px;max-height:168px;height:auto;box-sizing:border-box;display:flex;flex-direction:column;border-top:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--bg-card, #fff)}.note-editor-page--shell[data-density=compact] .note-gallery-dock{position:relative;z-index:12}.note-editor-page--shell[data-density=compact] .note-gallery-dock--collapsed{min-height:0;max-height:none;height:auto}.note-editor-page--shell[data-density=compact] .note-gallery-dock--collapsed .note-gallery-dock-toolbar,.note-editor-page--shell[data-density=compact] .note-gallery-dock--collapsed .note-gallery-dock-body{display:none}.note-editor-page--shell[data-density=compact] .note-gallery-dock-compact-strip{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:0;height:22px;padding:0 12px;line-height:1;border:none;border-top:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--bg-card, #fff);color:var(--text-body, #334155);font-size:12px;font-weight:600;cursor:pointer}.note-editor-page--shell[data-density=compact] .note-gallery-dock-compact-strip:hover{background:#f1f5f9f2;color:#4338ca}.note-editor-page--shell:not([data-density=compact]) .note-gallery-dock-compact-strip{display:none}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay{min-height:0;max-height:none;height:0;border-top:none;overflow:visible}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-compact-strip{display:none}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-panel{position:absolute;left:0;right:0;bottom:0;z-index:14;display:flex;flex-direction:column;max-height:min(42vh,280px);border-top:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--bg-card, #fff);box-shadow:0 -10px 28px #0f172a24}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 16px}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-tabs-group{grid-column:1;justify-self:start}.note-editor-page--shell[data-density=compact] .note-gallery-dock-collapse-icon{grid-column:2;justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-muted, #64748b);cursor:pointer}.note-editor-page--shell[data-density=compact] .note-gallery-dock-collapse-icon:hover{color:#4338ca;background:#f1f5f9f2}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-toolbar>.note-gallery-dock-cta,.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-toolbar>.note-gallery-dock-gradient-btn,.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-toolbar>.gradient-btn{grid-column:3;justify-self:end}.note-editor-page--shell:not([data-density=compact]) .note-gallery-dock-collapse-icon,.note-editor-page--shell[data-density=compact] .note-gallery-dock--collapsed .note-gallery-dock-collapse-icon{display:none}.note-editor-page--shell[data-density=compact] .note-gallery-dock--overlay .note-gallery-dock-body{min-height:0;flex:1;overflow:auto}.note-editor-page--shell:not([data-density=compact]) .note-gallery-dock-panel{display:contents}.note-gallery-dock-toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;border-bottom:1px solid rgba(241,245,249,.95)}.note-gallery-dock-tabs-group{display:flex;gap:2px;padding:3px;border-radius:10px;background:#f1f5f9f2}.note-gallery-dock-tab{padding:6px 12px;border-radius:8px;border:none;font-size:11px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted, #64748b);display:inline-flex;align-items:center;gap:5px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.note-gallery-dock-tab.active{background:var(--bg-card, #fff);color:#4338ca;box-shadow:0 1px 3px #0f172a14}.note-gallery-dock-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:none;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);box-shadow:0 8px 22px #8b5cf659;transition:transform .15s ease,box-shadow .15s ease}.note-gallery-dock-cta:hover:not(:disabled){transform:scale(1.03);box-shadow:0 12px 28px #8b5cf66b}.note-gallery-dock-cta:disabled{opacity:.65;cursor:not-allowed;transform:none}.note-gallery-dock-cta--muted{color:#4338ca;background:#fffffff2;border:1px solid rgba(99,102,241,.38);box-shadow:none}.note-gallery-dock-cta--muted:hover:not(:disabled){transform:none;box-shadow:0 6px 16px #6366f11f;border-color:#6366f18c}.note-gallery-dock-cta--inline{opacity:.55;cursor:not-allowed;transform:none}.note-gallery-dock-body{flex:1;min-height:92px;padding:10px 20px 14px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.note-gallery-thumbs-scroll{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;align-items:flex-start;min-height:84px}.note-gallery-dock-more{flex:0 0 auto;align-self:center;min-width:52px;height:72px;padding:0 12px;border:1.5px dashed rgba(124,58,237,.35);border-radius:12px;background:#7c3aed0f;color:#7c3aed;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.note-gallery-dock-more:hover{background:#7c3aed1f;border-color:#7c3aed8c;transform:translateY(-1px)}.note-gallery-thumb{position:relative;flex:0 0 72px;width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--bg-primary, #f1f5f9);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.note-gallery-thumb--enter{animation:note-thumb-enter .48s cubic-bezier(.22,1,.36,1) both}@keyframes note-thumb-enter{0%{opacity:0;transform:translateY(12px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.note-gallery-thumb:hover{border-color:#6366f173;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.note-gallery-thumb img,.note-gallery-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .38s cubic-bezier(.22,1,.36,1)}.note-gallery-thumb:hover img,.note-gallery-thumb:hover video{transform:scale(1.12)}.note-gallery-thumb.selected{border-color:var(--accent-purple, #6366f1);box-shadow:0 0 0 2px #6366f140,0 6px 18px #6366f133}.note-gallery-thumb-skeleton{flex:0 0 72px;width:72px;height:72px;border-radius:12px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 45%,#f1f5f9);background-size:220% 100%;animation:note-gallery-shimmer 1.35s ease-in-out infinite}@keyframes note-gallery-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.note-gallery-empty-hint{flex:1;min-width:100px;font-size:10px;line-height:1.45;color:var(--text-muted, #94a3bb);align-self:center;padding:0 4px 0 10px}.note-gallery-empty-hint--error{color:#c2410c}.note-gallery-load-style{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:88px;padding:12px 16px}.note-gallery-load-style-btn{min-width:132px;padding:8px 20px;font-size:13px;font-weight:600}.note-gallery-load-style .note-gallery-empty-hint{flex:none;min-width:0;text-align:center;padding:0}.note-gallery-thumb--video.media-thumb--clickable,.note-gallery-thumb--video .media-thumb--clickable{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#eef2ff 55%,#e8ecf4)}.note-gallery-thumb--video.selected{background:linear-gradient(180deg,#f5f3ff,#ede9fe 55%,#e4e0f7)}.note-gallery-thumb--video .media-thumb-visual{display:flex;align-items:center;justify-content:center;position:relative;flex:1;min-height:0;width:100%;overflow:hidden;border-radius:inherit;background:transparent}.note-gallery-thumb--video .media-thumb-visual img{width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.note-gallery-thumb--video .media-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted, #94a3bb)}.note-card-preview-video-badge{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 6px;border-radius:4px;background:#000000a6;color:#fff;z-index:2}.note-card-preview-image-gen-badge{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 6px;border-radius:4px;z-index:2;font-weight:600}.note-card-preview-image-gen-badge--running{background:#7b2ff7eb;color:#fff;animation:note-card-image-gen-pulse 1.4s ease-in-out infinite}.note-card-preview-image-gen-badge--queued{background:#0f172ab8;color:#e2e8f0}@keyframes note-card-image-gen-pulse{0%,to{opacity:1}50%{opacity:.72}}.note-gallery-thumb--video .media-thumb-video,.note-gallery-thumb--video .media-thumb-video--idle{width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.note-gallery-thumb--video .media-thumb-video--idle{pointer-events:none}.note-gallery-thumb--video:hover .media-thumb-visual img,.note-gallery-thumb--video:hover .media-thumb-video{transform:none}.media-thumb--clickable{cursor:pointer}.media-thumb-preview-btn{position:absolute;top:4px;right:4px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:#0000008c;color:#fff;cursor:pointer;transition:background .15s ease}.media-thumb-preview-btn:hover{background:#7b2ff7d9}.note-gallery-thumb--video .media-thumb-duration{position:absolute;right:4px;bottom:4px;font-size:9px;line-height:1.2;padding:1px 4px;border-radius:4px;background:#000000b8;color:#fff}.note-gallery-placeholder-block{display:flex;flex-direction:column;gap:8px;width:100%}.note-gallery-placeholder-visual{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.note-gallery-ph-item{flex:0 0 72px;width:72px;height:72px;border-radius:12px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);box-shadow:inset 0 0 0 1px #94a3b840}.note-gallery-thumb-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#7b2ff72e;color:var(--accent-purple)}.note-gallery-status,.note-gallery-placeholder{font-size:12px;color:var(--text-muted, #94a3b8)}.note-gallery-ai-block{display:flex;flex-direction:column;gap:8px;align-items:stretch;flex:1;min-height:0;width:100%}.note-gallery-ai-block--empty{min-height:52px}.note-gallery-ai-block--compact{gap:10px}.note-gallery-ai-block--dock{gap:10px;width:100%}.note-ai-dock-strip-section{display:flex;flex-direction:column;gap:6px;min-width:0}.note-ai-dock-strip-label{margin:0;font-size:11px;font-weight:650;color:var(--text-muted, #64748b)}.note-ai-dock-generate{display:flex;flex-direction:column;gap:8px;padding:0 0 10px;margin-bottom:2px;border-top:none;border-bottom:1px solid var(--border-default, rgba(148, 163, 184, .22))}.note-ai-dock-banner{margin:0;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.5;color:var(--text-secondary, #475569);background:#7b2ff70f;border:1px solid rgba(123,47,247,.12)}.note-ai-dock-banner--ok{background:#10b9810f;border-color:#10b98126;color:var(--text-secondary, #475569)}.note-ai-dock-generate-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--text-primary, #0f172a)}.note-ai-dock-generate-slide{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-muted, #94a3b8)}.note-ai-dock-textarea{width:100%;min-height:56px;resize:vertical;font-size:13px;line-height:1.45}.note-ai-dock-gen-btn{align-self:flex-start}.note-ai-card-strip--compact{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:8px;width:100%;overflow-x:auto;padding:2px 0 4px;scroll-snap-type:x proximity;min-height:76px}.note-ai-card-slot-compact{position:relative;flex:0 0 72px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-sizing:border-box}.note-ai-card-slot-compact--empty{border:1.5px dashed rgba(148,163,184,.55);background:linear-gradient(155deg,#f8fafce6,#f1f5f980);color:var(--text-muted, #94a3b8)}.note-ai-card-slot-compact--active,.note-ai-card-slot-compact.note-ai-card-slot-compact--active{outline:2px solid rgba(123,47,247,.5);outline-offset:2px}.note-ai-card-slot-compact .note-ai-card-slot-index{top:4px;right:4px;width:18px;height:18px;font-size:9px}.note-ai-card-slot-compact.note-gallery-thumb img,.note-ai-card-slot-compact.note-gallery-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.note-ai-hint--sub{margin:0;font-size:11px;opacity:.85}.note-ai-card-strip{display:flex;flex-direction:row;align-items:flex-start;gap:0;width:100%;overflow-x:auto;padding:2px 0 6px;scroll-snap-type:x proximity}.note-ai-card-strip-gap{flex:0 0 56px;width:56px;min-width:56px;align-self:center}.note-ai-card-slot{position:relative;flex:0 0 auto;width:calc(min(360px,88vw)*.75 + 4px);max-width:min(280px,calc(100vw - 48px));margin:0 2px;scroll-snap-align:start}.note-ai-card-slot--active-slide .note-ai-card-slot-thumb,.note-ai-card-slot--active-slide.note-ai-card-slot--empty{outline:2px solid rgba(123,47,247,.45);outline-offset:2px}.note-ai-card-slot-index{position:absolute;top:8px;right:8px;z-index:2;width:22px;height:22px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;background:#0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.note-ai-card-slot-thumb{width:100%;aspect-ratio:var(--note-shell-aspect, 9 / 16);border-radius:12px;overflow:hidden}.note-ai-card-slot--empty{aspect-ratio:var(--note-shell-aspect, 9 / 16);border-radius:12px;border:1.5px dashed rgba(148,163,184,.5);background:linear-gradient(155deg,#f8fafcd9,#f1f5f973);box-sizing:border-box}.note-ai-card-slot-empty-body{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--text-muted, #94a3b8);font-size:11px;font-weight:600;text-align:center;line-height:1.35}.note-my-wm--render-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(226,232,240,.95)}.note-card-preview--editor-static img:not(.note-card-wm-overlay__img),.note-card-preview--editor-static video,.note-card-preview--editor-static .note-card-preview-img,.note-card-preview--editor-static .slide-media-preview-wrap{animation:none!important;transform:none!important;transition:none!important;border-radius:inherit}.note-card-preview--editor-static:hover img:not(.note-card-wm-overlay__img),.note-card-preview--editor-static:hover video,.note-card-preview--editor-static:hover .note-card-preview-img{transform:none!important}.note-card-preview--editor-static .note-text-motion,.note-card-preview--editor-static .note-text-motion span{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}.note-card-preview--editor-static .note-slide-motion:not(.note-slide-motion--idle) img,.note-card-preview--editor-static .note-slide-motion:not(.note-slide-motion--idle) video{animation:none!important}.note-gallery-thumbs-scroll--ai{width:100%}.note-gallery-ai-pool{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.note-gallery-ai-pool-hint{margin:0;padding:0 2px;font-size:11px;line-height:1.35;color:var(--note-gallery-muted, rgba(100, 116, 139, .92))}.note-gallery-thumb--ai{position:relative;flex:0 0 88px;width:88px;height:88px}.note-gallery-thumb-video-badge{position:absolute;top:5px;right:5px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#0f172ac7;color:#fff;pointer-events:none;box-shadow:0 1px 4px #0003}.note-gallery-ai-block--hintonly{flex:1;align-items:center;justify-content:center;padding:20px 12px;min-height:84px}.note-gallery-ai-block--hintonly .note-ai-hint{margin:0;text-align:center;font-size:12px;line-height:1.55;max-width:360px}.note-gallery-mine-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 100%;width:min(560px,100%);margin:0 auto;padding:28px 20px;gap:6px;color:var(--text-muted, #64748b)}.note-gallery-mine-empty svg{opacity:.45;margin-bottom:4px}.note-gallery-mine-empty-title{margin:0;font-size:15px;font-weight:700;color:var(--text-primary, #0f172a)}.note-gallery-mine-empty-desc{margin:0;font-size:12px;line-height:1.55;text-align:center}.note-gallery-mine-error{font-size:12px;color:#b91c1c;padding:8px}.note-editor-style-switch-dialog{width:min(900px,94vw);max-height:min(78vh,720px);display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-default);box-shadow:0 25px 50px #00000059;overflow:hidden}.note-editor-style-switch-body{padding:16px 20px 22px;overflow-y:auto}.note-editor-style-switch-status{margin:0;padding:20px;font-size:13px;color:var(--text-muted);text-align:center}.note-editor-style-switch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media(max-width:839px){.note-editor-style-switch-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.note-editor-style-switch-item{position:relative;border:2px solid var(--border-default);border-radius:14px;overflow:hidden;padding:0;background:transparent;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .15s ease}.note-editor-style-switch-item:hover{border-color:var(--accent-purple)}.note-editor-style-switch-item.active{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2ff726}.note-editor-style-switch-item img{display:block;width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.note-editor-style-switch-fallback{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;padding:8px;font-size:11px;font-weight:600;text-align:center;background:#f1f5f9e6;color:var(--text-muted)}.note-editor-style-switch-caption{display:block;padding:8px;font-size:11px;font-weight:600;color:var(--text-primary);line-height:1.3}.btn-sm{padding:6px 12px;font-size:12px}.icon-btn-sm{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:var(--accent-purple);cursor:pointer}.icon-btn-sm:hover{background:#7b2ff71a}.note-editor-aside{width:380px;max-width:42vw;flex-shrink:0;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden;padding-bottom:0;box-sizing:border-box;border-left:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--bg-card, #fff)}.note-aside-main-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--surface-glass-light, rgba(248, 250, 252, .95))}.note-aside-main-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:12px 4px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative}.note-aside-main-tab.active{color:var(--accent-purple, #7b2ff7);background:var(--bg-card, #fff)}.note-aside-main-tab.active:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:3px;border-radius:3px 3px 0 0;background:var(--accent-purple, #7b2ff7)}.note-aside-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 16px 20px;scrollbar-width:thin;scrollbar-color:rgba(123,47,247,.35) transparent}.note-aside-context-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;font-size:11px;line-height:1.4;color:var(--text-muted, #64748b);background:var(--surface-glass-light, rgba(248, 250, 252, .95));border-bottom:1px solid var(--border-subtle, rgba(148, 163, 184, .35))}.note-aside-context-bar-leading{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.note-aside-context-bar-trailing{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end}.note-editor-preview-publish-btn.note-aside-footer-btn{flex-shrink:0;margin-left:auto;width:auto;min-height:44px;padding:9px 20px;font-size:14px;font-weight:600;border-radius:12px;white-space:nowrap}.note-gallery-dock-gradient-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:11px;font-weight:700;border-radius:10px;white-space:nowrap}.note-aside-context-bar-editing{font-weight:600;color:var(--accent-purple, #7b2ff7)}.note-aside-context-bar-index{font-weight:600;color:var(--text-secondary, #475569)}.note-aside-context-bar-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-muted, #64748b)}.note-aside-context-bar-sep{opacity:.55}.note-aside-collapsible{border:1px solid var(--border-subtle, rgba(148, 163, 184, .35));border-radius:10px;background:var(--bg-card, #fff);overflow:hidden}.note-aside-collapsible-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;font-weight:600;color:var(--text-primary, #0f172a)}.note-aside-collapsible-trigger-main{display:inline-flex;align-items:center;gap:6px;min-width:0}.note-aside-collapsible-icon svg{color:var(--accent-purple, #7b2ff7);flex-shrink:0}.note-aside-collapsible-badge{flex:1;min-width:0;font-size:11px;font-weight:500;color:var(--text-muted, #64748b);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-aside-collapsible-chevron{flex-shrink:0;color:var(--text-muted, #64748b);transition:transform .2s ease}.note-aside-collapsible--open .note-aside-collapsible-chevron{transform:rotate(180deg)}.note-aside-collapsible-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.note-aside-presentation-row--stacked{display:flex;flex-direction:column;gap:10px}.note-slide-motion-hint{margin:0;font-size:12px;line-height:1.45}.note-slide-motion-field{margin-bottom:0}.note-slide-motion-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary, #475569)}.note-slide-motion-submit{width:100%}.note-aside-panel{display:flex;flex-direction:column;gap:16px}.note-aside-field{display:flex;flex-direction:column;gap:8px}.note-aside-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #64748b)}.note-aside-textarea{width:100%;resize:vertical;min-height:100px;border-radius:12px}.note-aside-textarea--over-limit{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef444459}.note-aside-text-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-muted, #64748b)}.note-aside-text-count--over{color:#ef4444}.note-composition-legacy-banner{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;color:#92400e;background:#fbbf2424;border:1px solid rgba(251,191,36,.35)}.note-card-add-fab:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.note-font-toolbar{display:flex;flex-direction:column;gap:10px}.note-font-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(123,47,247,.35) transparent}.note-font-strip::-webkit-scrollbar{height:5px}.note-font-strip::-webkit-scrollbar-thumb{border-radius:999px;background:#7b2ff759}.note-font-strip-item{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:88px;max-width:160px;padding:8px 10px;border-radius:10px;border:2px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);cursor:pointer;transition:border-color .15s ease,background .15s ease}.note-font-strip-item:hover{border-color:#7b2ff759}.note-font-strip-item--selected{border-color:var(--accent-purple, #7b2ff7);background:#7b2ff70f}.note-font-strip-sample{flex-shrink:0;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;color:#0f172a}.note-font-strip-name{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--text-muted, #64748b);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.note-font-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.note-font-expand-row{display:flex;justify-content:stretch;margin-top:2px}.note-font-expand-btn{width:100%;padding:8px 12px;font-size:12px;font-weight:600;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface-glass-light, rgba(241, 245, 249, .9));color:var(--text-secondary, #475569);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.note-font-expand-btn:hover{border-color:#7b2ff759;color:var(--text-primary, #0f172a)}.note-font-expand-hint{margin:0;font-size:11px;line-height:1.45;text-align:center}.note-font-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:0;padding:11px 10px 11px 14px;min-height:46px;border-radius:12px;border:2px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);cursor:pointer;overflow:visible;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.note-font-card-preview{display:block;width:100%;min-width:0;padding-left:2px;font-size:15px;font-weight:600;line-height:1.45;color:#0f172a;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.note-font-card-sample,.note-font-card-name{display:none}.note-font-card:hover{border-color:#7b2ff759}.note-font-card--selected{border-color:var(--accent-purple, #7b2ff7);background:#7b2ff70f;box-shadow:0 1px 3px #7b2ff71f}.note-font-card-grid>.note-font-card{min-width:0}.note-font-current-row{display:flex;align-items:center;gap:8px;width:100%}.note-font-current-row .note-font-card--current{flex:0 0 calc(50% - 4px);max-width:calc(50% - 4px);min-width:0}.note-font-current-placeholder{flex:1;min-width:0;margin:0}.note-font-switch-btn{flex:0 0 auto;margin-left:auto;align-self:center;min-width:48px;padding:8px 10px;font-size:12px;font-weight:600;border-radius:10px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);color:var(--accent-purple, #7b2ff7);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.note-font-switch-btn:hover{border-color:#7b2ff759;background:#7b2ff70f}.note-font-panel-scroll{margin-top:8px;max-height:408px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(123,47,247,.35) transparent}.note-font-panel-scroll::-webkit-scrollbar{width:5px}.note-font-panel-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#7b2ff759}.note-overlay-toolbar--aside{margin:0;padding:14px;border-radius:14px;border:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:var(--surface-glass-light, rgba(248, 250, 252, .6))}.note-video-subtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.note-video-subtab{flex:1;min-width:90px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-glass-light, rgba(241, 245, 249, .9));font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer}.note-video-subtab.active{border-color:var(--accent-purple);background:#7b2ff714;color:var(--accent-purple)}.note-aside-video-section{display:flex;flex-direction:column;gap:12px}.note-aside-stack-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.note-aside-field-row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-aside-label-inline{font-size:12px;font-weight:600;color:var(--text-secondary)}.note-aside-placeholder{font-size:13px;color:var(--text-muted);margin:8px 0}.note-aside-footer{flex-shrink:0;flex-grow:0;margin-top:auto;padding:14px 16px 0;border-top:1px solid var(--border-subtle, rgba(148, 163, 184, .35));background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.note-aside-footer--collapsed{display:none}.note-aside-footer-btn{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer}.note-aside-footer-btn:disabled{opacity:.55;cursor:not-allowed}.note-aside-footer-btn--video{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff}.note-aside-footer-hint{margin:10px 0 0;font-size:11px;line-height:1.45;color:var(--text-muted, #64748b)}.note-aside-footer-hint--ready{margin:0 0 10px;padding:8px 10px;border-radius:10px;color:#047857;background:#10b9811a;border:1px solid rgba(5,150,105,.28);text-align:center}.note-aside-footer-hint-link{border:none;padding:0;background:transparent;color:#059669;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.note-aside-footer-hint-link:hover{color:#047857}.note-editor-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 0;flex-shrink:0}.note-editor-picker-search{padding:10px 18px 0;border-bottom:1px solid var(--border-subtle, rgba(148, 163, 184, .25))}.note-editor-picker-search-input{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-primary, #f8fafc);font-size:13px}.note-editor-page--shell .note-editor-picker-dialog .note-editor-picker-body{padding-top:12px}.note-editor-more-picker{width:min(480px,92vw);max-height:85vh;display:flex;flex-direction:column;background:var(--bg-card, #fff);border-radius:16px;box-shadow:0 24px 60px #0f172a33;overflow:hidden}.note-editor-more-picker--grid{width:min(1460px,94vw);min-width:min(480px,94vw);max-width:1460px;height:auto;max-height:85vh}.note-editor-more-picker--grid .note-editor-more-picker-body{flex:0 1 auto;min-height:auto;overflow-y:auto;max-height:calc(85vh - 53px)}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal .nen-picker-card{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 6px 8px 8px;text-align:left;min-height:0}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal .nen-picker-card-icon{width:28px;height:28px;flex-shrink:0}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal .nen-picker-card-text{flex:1;min-width:0}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal .nen-picker-card-title{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal .nen-picker-card-sub{display:block;font-size:9px;-webkit-line-clamp:1}.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal .nen-picker-card-play{flex-shrink:0;width:26px;height:26px;margin-top:0;margin-left:0}@media(max-width:720px){.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal{grid-template-columns:repeat(3,minmax(0,1fr))}.note-editor-more-picker--grid{width:min(520px,94vw)}}@media(max-width:400px){.note-editor-more-picker.note-editor-page--shell .nen-picker-grid--modal{grid-template-columns:repeat(2,minmax(0,1fr))}}.note-editor-more-picker-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);font-weight:600;flex-shrink:0}.note-editor-more-picker-body{padding:12px;overflow-y:auto;flex:1;min-height:0}.note-editor-more-picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:2px solid var(--border-subtle);background:transparent;cursor:pointer;text-align:left}.note-editor-more-picker-item.active{border-color:var(--accent-purple);background:#7b2ff70f}.note-editor-more-picker-label{font-size:13px;font-weight:600;color:var(--text-primary)}.note-editor-page--shell .note-editor-layout{flex-wrap:nowrap;align-items:stretch;flex:1;min-height:0;overflow:hidden}.note-editor-page--shell .note-editor-aside{width:408px;max-width:44vw;flex:0 0 auto;align-self:stretch;min-height:0;height:auto;max-height:100%;overflow:hidden}.note-editor-page--shell[data-density=compact] .note-editor-aside--drawer{position:relative;transition:width .2s ease,max-width .2s ease,min-width .2s ease}.note-editor-page--shell[data-density=compact] .note-editor-aside-fold-btn{position:absolute;left:0;top:calc(50% - 36px);z-index:30;display:inline-flex;align-items:center;justify-content:center;width:22px;height:44px;padding:0;transform:translateY(-50%);border-radius:0 8px 8px 0;border:1px solid var(--border-subtle, rgba(148, 163, 184, .45));border-left:none;background:var(--bg-card, #fff);color:var(--text-secondary, #64748b);box-shadow:1px 1px 6px #0f172a14;cursor:pointer}.note-editor-page--shell[data-density=compact] .note-editor-aside-fold-btn:hover{color:var(--accent-purple, #7b2ff7);border-color:#7b2ff759}.note-editor-page--shell[data-density=compact] .note-editor-aside--collapsed{width:0!important;min-width:0!important;max-width:0!important;padding:0!important;border-left:none;overflow:visible}.note-editor-page--shell[data-density=compact] .note-editor-aside--collapsed>:not(.note-editor-aside-fold-btn){visibility:hidden;pointer-events:none;width:0;height:0;overflow:hidden}.note-editor-page--shell[data-density=compact] .note-editor-aside--collapsed .note-editor-aside-fold-btn{left:auto;right:0;margin:0;transform:translateY(-50%);border-radius:8px 0 0 8px;border:1px solid var(--border-subtle, rgba(148, 163, 184, .45));border-right:none;box-shadow:-1px 1px 6px #0f172a14}.note-editor-page--shell:not([data-density=compact]) .note-editor-aside-fold-btn{display:none}.note-editor-page--shell .nen-section-title{font-weight:400}.note-editor-page--shell .note-aside-label,.note-editor-page--shell .note-aside-label-inline{font-size:13px;font-weight:400;letter-spacing:.02em;text-transform:none}.note-editor-page--shell .note-aside-stack-label{font-size:13px;font-weight:400}.note-editor-page--shell .note-gallery-dock-tab,.note-editor-page--shell .note-gallery-dock-cta,.note-editor-page--shell .note-gallery-empty-hint,.note-editor-page--shell .note-ai-hint,.note-editor-page--shell .note-video-subtab{font-size:13px}.note-editor-page--shell .note-aside-textarea.input-field{border:1px solid rgba(148,163,184,.42);box-sizing:border-box;padding:6px 10px;font-size:12px;line-height:1.5}.note-editor-page--shell .note-aside-textarea.input-field:focus{outline:none;border-color:#7b2ff76b;box-shadow:0 0 0 2px #7b2ff71f}.note-editor-page--shell .note-overlay-toolbar--aside{margin:0;padding:0;border:none;border-radius:0;background:transparent}.note-editor-page--shell .note-overlay-toolbar-title{margin-bottom:8px;font-weight:400}.note-editor-page--shell .note-font-card-preview{font-size:16px;font-weight:400;line-height:1.5}.note-editor-page--shell .note-font-card{font-weight:400}.note-editor-page--shell .note-aside-presentation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end}.note-editor-page--shell .note-aside-stack-label--row{min-width:0}.note-editor-page--shell .note-aside-stack-label--row .note-aside-meta-select{width:auto}.note-editor-page--shell .note-aside-heading-inline{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:400;color:inherit}.note-editor-page--shell .note-aside-heading-row{display:inline-flex;align-items:center;gap:6px}.note-editor-page--shell .note-aside-heading-inline svg,.note-editor-page--shell .note-aside-heading-row svg{flex-shrink:0;color:var(--accent-purple, #7b2ff7)}.note-editor-page--shell .note-aside-meta-select{width:100%;box-sizing:border-box;padding:6px 10px;border-radius:8px;border:1px solid #d1dbe5;background:var(--bg-primary, #fff);color:var(--text-primary, #0f172a);font-size:13px;line-height:1.35;cursor:pointer}.note-editor-page--shell .note-aside-meta-select:focus{outline:none;border-color:#7b2ff773;box-shadow:0 0 0 2px #7b2ff71f}.note-editor-page--shell .note-overlay-toolbar--aside .note-overlay-select{border:1px solid #d1dbe5}.note-editor-page--shell .note-overlay-toolbar--aside .note-overlay-select:focus{outline:none;border-color:#7b2ff773;box-shadow:0 0 0 2px #7b2ff71f}.note-editor-page--shell .note-overlay-color-swatch-btn{border-color:#d1dbe5}.note-editor-page--shell .note-overlay-color-hex{border:1px solid #d1dbe5;background:#fff;color:#0f172a}.note-editor-page--shell .note-overlay-color-hex:focus{outline:none;border-color:#7b2ff773;box-shadow:0 0 0 2px #7b2ff71f}[data-theme=dark] .note-editor-page--shell .note-overlay-color-hex{border-color:#94a3b861;background:#1c202cf5;color:#f1f5f9}[data-theme=dark] .note-editor-page--shell .note-overlay-color-hex::-moz-placeholder{color:#94a3b8}[data-theme=dark] .note-editor-page--shell .note-overlay-color-hex::placeholder{color:#94a3b8}[data-theme=dark] .note-editor-page--shell .note-overlay-color-hex:focus{border-color:#a78bfa8c;box-shadow:0 0 0 2px #8b5cf638}[data-theme=dark] .note-editor-page--shell .note-overlay-color-swatch-btn{border-color:#94a3b859}.note-editor-page--shell .note-overlay-toolbar--aside .note-overlay-label{font-size:13px;font-weight:400}.note-editor-page--shell .note-video-subtabs{display:flex;flex-wrap:nowrap;gap:4px;padding:4px;margin-bottom:14px;border-radius:12px;background:#f1f5f9;border:1px solid rgba(148,163,184,.25)}.note-editor-page--shell .note-video-subtab{min-width:0;padding:8px 6px;border-radius:10px;border:none;background:transparent;font-size:11px;color:#64748b;box-shadow:none}.note-editor-page--shell .note-video-subtab:hover{color:#334155}.note-editor-page--shell .note-video-subtab.active{border:none;background:#fff;color:var(--accent-purple, #7b2ff7);box-shadow:0 1px 3px #0f172a14}.note-editor-page--shell .nen-video-panel{gap:14px}.note-editor-page--shell .nen-section-title{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;color:#0f172a}.note-editor-page--shell .nen-section-title svg{flex-shrink:0;color:var(--accent-purple, #7b2ff7)}.note-editor-page--shell .nen-voice-head,.note-editor-page--shell .nen-bgm-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-editor-page--shell .nen-bgm-head-actions{display:flex;align-items:center;gap:4px}.note-editor-page--shell .nen-icon-ghost{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--accent-purple, #7b2ff7);cursor:pointer}.note-editor-page--shell .nen-icon-ghost:hover{background:#7b2ff714}.note-editor-page--shell .nen-picker-catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:132px;padding:28px 16px;border-radius:14px;border:1px dashed #e2e8f0;background:#f8fafc;color:#64748b;font-size:13px}.note-editor-page--shell .nen-picker-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.note-editor-page--shell .nen-picker-grid>*{min-width:0}.note-editor-page--shell .nen-picker-card{display:flex;align-items:center;gap:8px;padding:8px 6px 8px 10px;border-radius:14px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.note-editor-page--shell .nen-picker-card:hover{border-color:#cbd5e1}.note-editor-page--shell .nen-picker-card:focus{outline:none;box-shadow:0 0 0 2px #7b2ff759}.note-editor-page--shell .nen-picker-card--selected{border-color:var(--accent-purple, #7b2ff7);background:#7b2ff70f;box-shadow:0 1px 2px #7b2ff71f}.note-editor-page--shell .nen-picker-card-icon{flex-shrink:0;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8}.note-editor-page--shell .nen-picker-card-icon--on{background:var(--accent-purple, #7b2ff7);color:#fff}.note-editor-page--shell .nen-picker-card-text{min-width:0;flex:1}.note-editor-page--shell .nen-picker-card-title{font-size:12px;font-weight:400;color:#0f172a;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-editor-page--shell .nen-picker-card-sub{margin-top:2px;font-size:10px;color:#64748b;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-editor-page--shell .nen-picker-card-play{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.note-editor-page--shell .nen-picker-card-play:hover{border-color:#7b2ff780;background:#7b2ff70f;color:var(--accent-purple, #7b2ff7)}.note-editor-page--shell .nen-picker-card-play--active,.note-editor-page--shell .nen-picker-card-play--active:hover{border-color:var(--accent-purple, #7b2ff7);background:var(--accent-purple, #7b2ff7);color:#fff}.note-editor-page--shell .nen-sep{border:none;border-top:1px solid rgba(148,163,184,.35);margin:4px 0}.note-editor-page--shell .nen-muted-hint{margin:0;font-size:12px;color:#94a3b8;line-height:1.45}.note-editor-page--shell .nen-link{color:#6366f1;text-decoration:underline;text-underline-offset:2px}.note-editor-page--shell .nen-voice-mine-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;line-height:1.4;color:#4f46e5;background:#6366f11f;vertical-align:middle}.note-editor-page--shell .nen-speed-block{display:flex;flex-direction:column;gap:10px}.note-editor-page--shell .nen-speed-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-editor-page--shell .nen-speed-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.note-editor-page--shell .nen-speed-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;--nen-speed-pct: 50%}.note-editor-page--shell .nen-speed-range:focus{outline:none}.note-editor-page--shell .nen-speed-range:disabled{opacity:.45;cursor:not-allowed}.note-editor-page--shell .nen-speed-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(to right,var(--accent-purple, #7b2ff7) 0%,var(--accent-purple, #7b2ff7) var(--nen-speed-pct),#e2e8f0 var(--nen-speed-pct),#e2e8f0 100%)}.note-editor-page--shell .nen-speed-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid rgba(123,47,247,.45);box-shadow:0 1px 4px #7b2ff738;cursor:pointer}.note-editor-page--shell .nen-speed-range::-moz-range-track{height:8px;border-radius:999px;background:#e2e8f0}.note-editor-page--shell .nen-speed-range::-moz-range-progress{height:8px;border-radius:999px;background:var(--accent-purple, #7b2ff7)}.note-editor-page--shell .nen-speed-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(123,47,247,.45);box-shadow:0 1px 4px #7b2ff738;cursor:pointer}.note-editor-page--shell .nen-speed-ticks{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8;padding:0 2px;margin-top:-2px}.note-editor-page--shell .nen-speed-tick-future{color:#cbd5e1}.note-editor-page--shell .nen-preview-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:600;color:#334155;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.note-editor-page--shell .nen-preview-btn:hover:not(:disabled){border-color:#7b2ff773;color:var(--accent-purple, #7b2ff7);background:#7b2ff70a}.note-editor-page--shell .nen-preview-btn:disabled{opacity:.45;cursor:not-allowed}.note-editor-page--shell .nen-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-editor-page--shell .nen-switch input{position:absolute;opacity:0;width:0;height:0}.note-editor-page--shell .nen-switch-ui{position:relative;width:36px;height:20px;border-radius:999px;background:#cbd5e1;transition:background .15s ease}.note-editor-page--shell .nen-switch-ui:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a33;transition:transform .15s ease}.note-editor-page--shell .nen-switch input:checked+.nen-switch-ui{background:var(--accent-purple, #7b2ff7)}.note-editor-page--shell .nen-switch input:checked+.nen-switch-ui:after{transform:translate(16px)}.note-editor-page--shell .nen-switch input:focus-visible+.nen-switch-ui{outline:2px solid rgba(123,47,247,.45);outline-offset:2px}.note-editor-page--shell .nen-switch-text{font-size:11px;font-weight:600;color:#64748b;min-width:1.25em}.note-editor-page--shell .nen-bgm-body{display:flex;flex-direction:column;gap:12px}.note-editor-page--shell .nen-bgm-vol{display:flex;flex-direction:column;gap:6px}.note-editor-page--shell .nen-bgm-vol-head{display:flex;align-items:center;justify-content:space-between}.note-editor-page--shell .nen-bgm-vol-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475569}.note-editor-page--shell .nen-bgm-vol-val{font-size:12px;font-weight:700;color:#0f172a}.note-editor-page--shell .nen-bgm-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent}.note-editor-page--shell .nen-bgm-range:disabled{opacity:.45}.note-editor-page--shell .nen-bgm-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e2e8f0}.note-editor-page--shell .nen-bgm-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--accent-purple, #7b2ff7);cursor:pointer}.note-editor-page--shell .nen-bgm-range::-moz-range-track{height:6px;border-radius:999px;background:#e2e8f0}.note-editor-page--shell .nen-bgm-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent-purple, #7b2ff7);cursor:pointer}.note-editor-page--shell .nen-quality-block{display:flex;flex-direction:column;gap:10px}.note-editor-page--shell .nen-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.note-editor-page--shell .nen-quality-grid--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.note-editor-page--shell .nen-quality-hint{margin:0;font-size:12px;line-height:1.45;color:var(--nen-muted, #6b7280)}.note-editor-page--shell .nen-quality-grid--single{grid-template-columns:minmax(0,200px)}.note-editor-page--shell .nen-quality-card--static{cursor:default}.note-editor-page--shell .nen-quality-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px;border-radius:14px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;font:inherit;color:inherit;width:100%;transition:border-color .15s ease,background .15s ease}.note-editor-page--shell .nen-quality-card:hover:not(:disabled){border-color:#cbd5e1}.note-editor-page--shell .nen-quality-card:disabled{opacity:.45;cursor:not-allowed}.note-editor-page--shell .nen-quality-card--selected{border-color:var(--accent-purple, #7b2ff7);background:#7b2ff70f}.note-editor-page--shell .nen-quality-card-icon{color:#94a3b8;margin-bottom:6px}.note-editor-page--shell .nen-quality-card--selected .nen-quality-card-icon{color:var(--accent-purple, #7b2ff7)}.note-editor-page--shell .nen-quality-card-title{font-size:12px;font-weight:700;color:#0f172a}.note-editor-page--shell .nen-quality-card-desc{margin-top:4px;font-size:10px;color:#64748b;line-height:1.35}.note-editor-page--shell .nen-motion-section{display:flex;flex-direction:column;gap:10px}.note-editor-page--shell .nen-motion-head{display:flex;align-items:center;justify-content:space-between}.note-editor-page--shell .nen-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.note-editor-page--shell .nen-motion-card{border-radius:12px;border:2px solid #e2e8f0;background:#fff;padding:0;cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.note-editor-page--shell .nen-motion-card:hover{border-color:#cbd5e1}.note-editor-page--shell .nen-motion-card:focus{outline:none;box-shadow:0 0 0 2px #7b2ff759}.note-editor-page--shell .nen-motion-card--selected{border-color:var(--accent-purple, #7b2ff7);background:#7b2ff70a;box-shadow:0 1px 2px #7b2ff71f}.note-editor-page--shell .nen-motion-card-preview{position:relative;height:64px;margin:8px 8px 0;border-radius:8px;overflow:hidden}.note-editor-page--shell .nen-motion-card-preview--slide{background:#0f172a}.note-editor-page--shell .nen-motion-card-slide-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%;display:block;transform-origin:center center;animation:none}.note-editor-page--shell .nen-motion-card-slide-motion-host{width:100%;height:100%;overflow:hidden}.note-editor-page--shell .nen-motion-card-slide-motion-layer{width:100%;height:100%;transform-origin:center center;overflow:hidden}.note-editor-page--shell .nen-motion-card-slide-motion-layer .nen-motion-card-slide-img{animation:none;transition:none;transform:none}@keyframes nen-motion-thumb-zoom{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes nen-motion-thumb-rotate{0%{transform:rotate(-15deg) scale(.85)}to{transform:rotate(0) scale(1)}}@keyframes nen-motion-thumb-fade{0%{opacity:.18}to{opacity:1}}@keyframes nen-motion-thumb-slide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes nen-motion-thumb-bounce{0%{transform:scale(.82) translateY(4px);opacity:.75}55%{transform:scale(1.04) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes nen-motion-thumb-typing{0%{max-width:0;opacity:.35}22%{opacity:1}to{max-width:5ch}}@keyframes nen-motion-thumb-pop{0%{transform:scale(.35);opacity:.4}58%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:no-preference){.note-editor-page--shell .nen-motion-card[data-slide-motion=rotate_in]:hover .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card[data-slide-motion=rotate_in].nen-motion-card--selected .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card[data-slide-motion=rotate_in]:focus-visible .nen-motion-card-slide-img{animation:nen-motion-thumb-rotate 1.85s ease-in-out infinite alternate}.note-editor-page--shell .nen-motion-card[data-slide-motion=fade_in]:hover .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card[data-slide-motion=fade_in].nen-motion-card--selected .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card[data-slide-motion=fade_in]:focus-visible .nen-motion-card-slide-img{animation:nen-motion-thumb-fade 7.5s ease-in-out infinite}.note-editor-page--shell .nen-motion-card[data-slide-motion=slide_in]:hover .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card[data-slide-motion=slide_in].nen-motion-card--selected .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card[data-slide-motion=slide_in]:focus-visible .nen-motion-card-slide-img{animation:nen-motion-thumb-slide 2s ease-out infinite}.note-editor-page--shell .nen-motion-card[data-text-motion=typewriter]:hover .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=typewriter].nen-motion-card--selected .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=typewriter]:focus-visible .nen-motion-sample-text{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:nen-motion-thumb-typing 2.1s steps(4,end) infinite}.note-editor-page--shell .nen-motion-card[data-text-motion=char_pop]:hover .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=char_pop].nen-motion-card--selected .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=char_pop]:focus-visible .nen-motion-sample-text{display:inline-block;animation:nen-motion-thumb-pop 1.45s ease-out infinite}.note-editor-page--shell .nen-motion-card[data-text-motion=fade_in]:hover .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=fade_in].nen-motion-card--selected .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=fade_in]:focus-visible .nen-motion-sample-text{display:inline-block;animation:nen-motion-thumb-fade 7.5s ease-in-out infinite}.note-editor-page--shell .nen-motion-card[data-text-motion=slide_in]:hover .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=slide_in].nen-motion-card--selected .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=slide_in]:focus-visible .nen-motion-sample-text{display:inline-block;animation:nen-motion-thumb-slide 2s ease-out infinite}.note-editor-page--shell .nen-motion-card[data-text-motion=bounce]:hover .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=bounce].nen-motion-card--selected .nen-motion-sample-text,.note-editor-page--shell .nen-motion-card[data-text-motion=bounce]:focus-visible .nen-motion-sample-text{display:inline-block;animation:nen-motion-thumb-bounce 2.4s cubic-bezier(.25,.1,.25,1) infinite}}@media(prefers-reduced-motion:reduce){.note-editor-page--shell .nen-motion-card .nen-motion-card-slide-img,.note-editor-page--shell .nen-motion-card .nen-motion-sample-text{animation:none!important}}.note-editor-page--shell .nen-motion-card-preview--text{display:flex;align-items:center;justify-content:center;background:#f1f5f9}.note-editor-page--shell .nen-motion-sample-text{font-size:11px;font-weight:600;color:#64748b;line-height:1.2}.note-editor-page--shell .nen-motion-card-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:999px;background:var(--accent-purple, #7b2ff7);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0f172a33}.note-editor-page--shell .nen-motion-card-caption{padding:8px 6px 10px;display:flex;flex-direction:column;gap:2px}.note-editor-page--shell .nen-motion-card-name{font-size:11px;font-weight:700;color:#0f172a;line-height:1.25}.note-editor-page--shell .nen-motion-card-desc{font-size:9px;color:#94a3b8;line-height:1.3}@media(max-width:420px){.note-editor-page--shell .nen-quality-grid,.note-editor-page--shell .nen-motion-grid{grid-template-columns:1fr}}[data-theme=dark] .note-editor-page--shell{--note-editor-canvas-bg: var(--bg-primary);--border-subtle: rgba(148, 163, 184, .22);--surface-glass-light: rgba(24, 24, 36, .88)}[data-theme=dark] .note-editor-page--shell .note-editor-header--demo{background:var(--bg-card);border-bottom-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-title-input--demo{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-editor-bind-info{background:#ffffff0f;color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .note-editor-bind-info:hover{background:#7b2ff738;color:#e9d5ff}[data-theme=dark] .note-editor-page--shell .note-editor-status-pill--warn{color:#fcd34d;background:#f59e0b29;border-color:#fbbf2466}[data-theme=dark] .note-editor-page--shell .note-editor-status-dot--warn{background:#fbbf24;box-shadow:0 0 0 2px #fbbf2459}[data-theme=dark] .note-editor-page--shell .note-editor-status-pill--progress{color:#ddd6fe;background:#8b5cf633;border-color:#a78bfa6b}[data-theme=dark] .note-editor-page--shell .note-editor-status-dot--progress{background:#a78bfa;box-shadow:0 0 0 2px #a78bfa59}[data-theme=dark] .note-editor-page--shell .note-header-actions .action-btn-outline{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .note-header-actions .action-btn-outline:hover{border-color:#a78bfa8c;color:#e9d5ff}[data-theme=dark] .note-editor-page--shell .note-editor-center-pill .note-editor-pill-btn{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-card)}[data-theme=dark] .note-editor-page--shell .note-editor-center-pill .note-editor-pill-btn:hover{border-color:#a78bfa8c;color:#e9d5ff}[data-theme=dark] .note-editor-page--shell .note-gallery-dock{background:var(--bg-card);border-top-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-gallery-dock-toolbar{border-bottom-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-gallery-dock-tabs-group{background:#ffffff0d}[data-theme=dark] .note-editor-page--shell .note-gallery-dock-tab{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .note-gallery-dock-tab.active{background:var(--bg-elevated);color:#ddd6fe;box-shadow:0 1px 3px #00000040}[data-theme=dark] .note-editor-page--shell .note-gallery-thumb{background:var(--bg-elevated)}[data-theme=dark] .note-editor-page--shell .note-gallery-thumb--video.media-thumb--clickable,[data-theme=dark] .note-editor-page--shell .note-gallery-thumb--video .media-thumb--clickable{background:linear-gradient(180deg,#1f1f2e,#1a1a28 55%,#161622)}[data-theme=dark] .note-editor-page--shell .note-gallery-thumb--video.selected{background:linear-gradient(180deg,#2a2440,#221c38 55%,#1c1830)}[data-theme=dark] .note-editor-page--shell .note-gallery-thumb-skeleton{background:linear-gradient(90deg,#1e1e2e,#2a2a3c 45%,#1e1e2e)}[data-theme=dark] .note-editor-page--shell .note-gallery-ph-item{background:linear-gradient(135deg,#252536,#1a1a28);box-shadow:inset 0 0 0 1px #94a3b826}[data-theme=dark] .note-editor-page--shell .note-gallery-empty-hint,[data-theme=dark] .note-editor-page--shell .note-gallery-status,[data-theme=dark] .note-editor-page--shell .note-gallery-placeholder,[data-theme=dark] .note-editor-page--shell .note-ai-hint{color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .note-editor-aside{background:var(--bg-card);border-left-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-aside-main-tabs{background:var(--bg-elevated);border-bottom-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-aside-main-tab{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .note-aside-main-tab.active{background:var(--bg-card);color:#ddd6fe}[data-theme=dark] .note-editor-page--shell .note-aside-label,[data-theme=dark] .note-editor-page--shell .note-aside-label-inline{color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .note-aside-textarea,[data-theme=dark] .note-editor-page--shell .note-aside-panel .input-field{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)!important}[data-theme=dark] .note-editor-page--shell .note-aside-textarea.input-field:focus,[data-theme=dark] .note-editor-page--shell .note-aside-panel .input-field:focus{border-color:#a78bfa8c!important;box-shadow:0 0 0 2px #7b2ff72e!important}[data-theme=dark] .note-editor-page--shell .note-aside-meta-select{border-color:var(--border-default);background:var(--bg-elevated);color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .note-aside-meta-select:focus{border-color:#a78bfa8c;box-shadow:0 0 0 2px #7b2ff72e}[data-theme=dark] .note-editor-page--shell .note-overlay-toolbar--aside .note-overlay-select{border-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-overlay-toolbar--aside .note-overlay-select:focus{border-color:#a78bfa8c;box-shadow:0 0 0 2px #7b2ff72e}[data-theme=dark] .note-editor-page--shell .note-aside-stack-label{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .note-aside-placeholder{color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .note-font-card{border-color:var(--border-default);background:var(--bg-elevated)}[data-theme=dark] .note-editor-page--shell .note-font-card:hover{border-color:#a78bfa66}[data-theme=dark] .note-editor-page--shell .note-font-card--selected{border-color:#a78bfa;background:#7b2ff72e;box-shadow:0 0 0 1px #7b2ff733}[data-theme=dark] .note-editor-page--shell .note-font-card-preview{color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .note-overlay-toolbar--aside{background:transparent;border-color:transparent}[data-theme=dark] .note-editor-page--shell .note-aside-segment-btn{border-color:#ffffff1a;background:#ffffff0a;color:var(--text-secondary, #94a3b8);font-weight:500}[data-theme=dark] .note-editor-page--shell .note-aside-segment-btn--active{border-color:#a78bfa8c;background:#7b2ff729;color:#ddd6fe;font-weight:600}[data-theme=dark] .note-editor-page--shell .note-text-style-preset-card:not(.note-text-style-preset-card--filled){background-color:#ffffff0d!important}[data-theme=dark] .note-editor-page--shell .note-text-style-preset-card--bordered{border-color:#ffffff1f}[data-theme=dark] .note-editor-page--shell .note-text-style-preset-no{color:#ffffff73}[data-theme=dark] .note-editor-page--shell .note-overlay-toolbar--aside .note-overlay-label{color:var(--text-muted, #94a3b8)}[data-theme=dark] .note-editor-page--shell .note-aside-footer{background:#14141ff5;border-top-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-editor-more-picker{box-shadow:0 24px 60px #0000008c}[data-theme=dark] .note-editor-page--shell .note-editor-more-picker-item.active{background:#7b2ff72e}[data-theme=dark] .note-editor-page--shell .note-video-subtabs{background:#ffffff0a;border-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .note-video-subtab:not(.active){border-color:transparent;background:transparent;color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .note-video-subtab:hover{color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .note-video-subtab.active{border-color:#a78bfa73;background:var(--bg-elevated);color:#ddd6fe;box-shadow:0 1px 4px #00000059}[data-theme=dark] .note-editor-page--shell .nen-section-title{color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .nen-icon-ghost:hover{background:#7b2ff733}[data-theme=dark] .note-editor-page--shell .nen-picker-catalog-loading{border-color:var(--border-default);background:#ffffff0a;color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .nen-picker-card{border-color:var(--border-default);background:var(--bg-elevated)}[data-theme=dark] .note-editor-page--shell .nen-picker-card:hover{border-color:#94a3b859}[data-theme=dark] .note-editor-page--shell .nen-picker-card--selected{border-color:#a78bfa;background:#7b2ff729}[data-theme=dark] .note-editor-page--shell .nen-picker-card-icon{background:#ffffff0f;color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .nen-picker-card-icon--on{color:#fff}[data-theme=dark] .note-editor-page--shell .nen-picker-card-title{color:var(--text-primary);font-weight:400}[data-theme=dark] .note-editor-page--shell .nen-picker-card-sub{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .nen-picker-card-play{border-color:var(--border-default);background:var(--bg-card);color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .nen-picker-card-play:hover{background:#7b2ff726;color:#e9d5ff}[data-theme=dark] .note-editor-page--shell .nen-picker-card-play--active,[data-theme=dark] .note-editor-page--shell .nen-picker-card-play--active:hover{border-color:var(--accent-purple, #7b2ff7);background:var(--accent-purple, #7b2ff7);color:#fff}[data-theme=dark] .note-editor-page--shell .nen-sep{border-top-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .nen-muted-hint{color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .note-aside-btn-soft{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .note-aside-btn-soft:hover:not(:disabled){background:#ffffff0f;border-color:#94a3b859}[data-theme=dark] .note-editor-page--shell .nen-speed-badge{background:#ffffff0f;color:var(--text-secondary);border-color:var(--border-default)}[data-theme=dark] .note-editor-page--shell .nen-speed-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-purple, #7b2ff7) 0%,var(--accent-purple, #7b2ff7) var(--nen-speed-pct),rgba(148,163,184,.25) var(--nen-speed-pct),rgba(148,163,184,.25) 100%)}[data-theme=dark] .note-editor-page--shell .nen-speed-range::-webkit-slider-thumb{background:var(--bg-card);border-color:#a78bfaa6;box-shadow:0 1px 4px #7b2ff759}[data-theme=dark] .note-editor-page--shell .nen-speed-range::-moz-range-track{background:#94a3b840}[data-theme=dark] .note-editor-page--shell .nen-speed-range::-moz-range-progress{background:var(--accent-purple, #7b2ff7)}[data-theme=dark] .note-editor-page--shell .nen-speed-range::-moz-range-thumb{background:var(--bg-card);border-color:#a78bfaa6}[data-theme=dark] .note-editor-page--shell .nen-speed-ticks{color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .nen-speed-tick-future{color:var(--text-tertiary);opacity:.5}[data-theme=dark] .note-editor-page--shell .nen-preview-btn{border-color:var(--border-default);background:var(--bg-elevated);color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .nen-preview-btn:hover:not(:disabled){border-color:#a78bfa8c;color:#e9d5ff;background:#7b2ff71f}[data-theme=dark] .note-editor-page--shell .nen-switch-ui{background:#94a3b859}[data-theme=dark] .note-editor-page--shell .nen-switch-ui:after{background:var(--bg-card)}[data-theme=dark] .note-editor-page--shell .nen-switch-text,[data-theme=dark] .note-editor-page--shell .nen-bgm-vol-label{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .nen-bgm-vol-val{color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .nen-bgm-range::-webkit-slider-runnable-track{background:#94a3b838}[data-theme=dark] .note-editor-page--shell .nen-bgm-range::-webkit-slider-thumb{background:var(--bg-card)}[data-theme=dark] .note-editor-page--shell .nen-bgm-range::-moz-range-track{background:#94a3b838}[data-theme=dark] .note-editor-page--shell .nen-bgm-range::-moz-range-thumb{background:var(--bg-card)}[data-theme=dark] .note-editor-page--shell .nen-quality-card{border-color:var(--border-default);background:var(--bg-elevated)}[data-theme=dark] .note-editor-page--shell .nen-quality-card:hover:not(:disabled){border-color:#94a3b859}[data-theme=dark] .note-editor-page--shell .nen-quality-card--selected{border-color:#a78bfa;background:#7b2ff724}[data-theme=dark] .note-editor-page--shell .nen-quality-card-icon{color:var(--text-tertiary)}[data-theme=dark] .note-editor-page--shell .nen-quality-card-title{color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .nen-quality-card-desc{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .nen-motion-card{border-color:var(--border-default);background:var(--bg-elevated)}[data-theme=dark] .note-editor-page--shell .nen-motion-card:hover{border-color:#94a3b859}[data-theme=dark] .note-editor-page--shell .nen-motion-card--selected{border-color:#a78bfa;background:#7b2ff71f}[data-theme=dark] .note-editor-page--shell .nen-motion-card-preview--text{background:#ffffff0f}[data-theme=dark] .note-editor-page--shell .nen-motion-sample-text{color:var(--text-secondary)}[data-theme=dark] .note-editor-page--shell .nen-motion-card-name{color:var(--text-primary)}[data-theme=dark] .note-editor-page--shell .nen-motion-card-desc{color:var(--text-tertiary)}.note-aside-context-bar-badge{font-size:11px;font-weight:600;color:#7c3aed;background:#7c3aed1a;padding:1px 6px;border-radius:4px}.note-aside-scope-toggle{display:flex;gap:0;margin-bottom:12px;padding:0;background:transparent;border-bottom:1px solid var(--border-subtle, #e2e8f0);border-radius:0}.note-aside-scope-btn{flex:1;position:relative;border:none;background:transparent;font-size:12px;font-weight:600;padding:8px 6px 12px;border-radius:0;cursor:pointer;color:var(--text-secondary, #64748b);transition:color .15s ease}.note-aside-scope-btn:hover{color:var(--text-primary, #0f172a)}.note-aside-scope-btn--active{background:transparent;color:var(--accent-purple, #7b2ff7);box-shadow:none}.note-aside-scope-btn--active:after{content:"";position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:24px;height:2px;border-radius:999px;background:var(--accent-purple, #7b2ff7)}.note-aside-scope-btn--active:before{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--accent-purple, #7b2ff7)}.note-overlay-segments{display:flex;flex-direction:column;gap:10px}.note-aside-segment{display:flex;flex-direction:column;gap:6px}.note-aside-segment-row{display:flex;flex-wrap:wrap;gap:4px}.note-aside-segment-btn{border:1px solid var(--border-subtle, #e2e8f0);background:#fff;font-size:12px;padding:5px 10px;border-radius:8px;cursor:pointer;color:var(--text-secondary, #64748b)}.note-aside-segment-btn--active{border-color:#7c3aed;color:#7c3aed;background:#7c3aed14;font-weight:600}.note-card-wm-overlay{position:absolute;z-index:6;pointer-events:none;line-height:1.2}.note-card-wm-overlay__inner{position:relative;display:inline-block;transform-origin:50% 0}.note-card-wm-overlay--editing{z-index:7;pointer-events:auto;cursor:move;touch-action:none}.note-edit-card-frame--wm-editing,.note-card-preview--wm-editing,.note-card-preview--wm-editing .note-card-preview-motion-root,.note-card-preview-motion-root--wm-editing{overflow:visible}.note-card-preview--wm-editing .note-card-preview-media,.note-card-preview--wm-editing .note-card-preview-vignette{overflow:hidden}.note-card-wm-overlay--editing .note-card-wm-overlay__img,.note-card-wm-overlay--editing .note-card-wm-overlay__text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-card-wm-editor__frame{position:absolute;inset:-3px;border:1.5px dashed rgba(123,47,247,.92);border-radius:4px;box-shadow:0 0 0 1px #ffffff59;pointer-events:none}.note-card-wm-editor__img{display:block;height:100%;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-card-wm-editor__text{display:inline-block;color:#ffffffeb;font-weight:600;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.45);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-card-wm-editor__handle{position:absolute;width:16px;height:16px;padding:0;border:2px solid #fff;border-radius:50%;background:#7b2ff7;box-shadow:0 1px 4px #00000059;pointer-events:auto;touch-action:none;z-index:4;cursor:pointer}.note-card-wm-editor__handle:before{content:"";position:absolute;inset:-8px}.note-card-wm-editor__handle--resize:before{inset:-10px}.note-card-wm-editor__handle--rotate{top:-22px;left:50%;transform:translate(-50%);cursor:grab}.note-card-wm-editor__handle--resize{right:-10px;bottom:-10px;cursor:nwse-resize}.note-card-wm-overlay__img{display:block;width:auto;max-width:none;-o-object-fit:contain;object-fit:contain}.note-card-wm-overlay__text{display:inline-block;color:#ffffffeb;font-weight:600;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.45)}.note-text-style-section{display:flex;flex-direction:column;gap:8px;margin-top:10px}.note-text-style-presets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.note-text-style-preset-card{position:relative;flex:0 0 34px;width:34px;height:34px;aspect-ratio:1;border-radius:6px;border:1.5px solid transparent;padding:3px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.note-text-style-preset-card:hover{transform:scale(1.04)}.note-text-style-preset-card--active{border-color:var(--accent-purple, #7b2ff7);box-shadow:0 0 0 1.5px #7b2ff740}.note-text-style-preset-card--bordered{border-color:var(--border-default, #e2e8f0)}.note-text-style-preset-card--bordered:hover{border-color:var(--border-subtle, #cbd5e1)}.note-text-style-preset-card--filled{padding:0}.note-text-style-preset-block{display:flex;align-items:center;justify-content:center;width:88%;height:72%;min-height:0;border-radius:5px;box-sizing:border-box}.note-text-style-preset-t{font-size:19px;font-weight:800;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}.note-text-style-preset-no{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #64748b)}.note-aside-image-quick-row{display:flex;align-items:flex-start;gap:10px;width:100%}.note-aside-image-quick-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.note-aside-image-quick-title{margin:0;flex:1;min-width:0}.note-aside-image-quick-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.note-aside-btn-soft{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;line-height:1.3;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.note-aside-btn-soft:hover:not(:disabled){background:var(--bg-secondary, #f8fafc);border-color:#94a3b8a6}.note-aside-btn-soft:disabled{opacity:.45;cursor:not-allowed}.note-aside-link-plain{padding:0;border:none;background:transparent;font-size:12px;font-weight:400;color:var(--text-secondary, #64748b);cursor:pointer;line-height:1.35;text-align:left}.note-aside-link-plain:hover{color:var(--text-primary, #334155);text-decoration:underline}.note-aside-media-thumb--aside-lg{max-width:152px;max-height:128px;min-width:72px;min-height:56px}.note-aside-media-thumb--aside-lg.note-aside-media-thumb--empty{width:96px;min-height:96px}.note-aside-image-quick-media{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.note-aside-image-quick-videos{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.note-aside-image-quick-change{flex-shrink:0;margin-left:auto;align-self:center}.note-aside-image-quick-thumb-btn{flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:8px;line-height:0}.note-aside-image-quick-thumb-btn--empty{cursor:default}.note-aside-image-quick-thumb-btn:not(.note-aside-image-quick-thumb-btn--empty):hover .note-aside-media-thumb{border-color:var(--accent-purple, #7b2ff7);box-shadow:0 0 0 2px #7b2ff733}.note-aside-image-quick-thumb-btn:not(.note-aside-image-quick-thumb-btn--empty):focus-visible .note-aside-media-thumb{border-color:var(--accent-purple, #7b2ff7);box-shadow:0 0 0 2px #7b2ff733}.note-aside-motion-video-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:80px}.note-aside-motion-video-card-thumb-wrap{position:relative;flex-shrink:0;width:80px;height:120px}.note-aside-motion-video-card-thumb{position:relative;width:100%;height:100%;padding:0;border:2px solid var(--border-subtle, rgba(148, 163, 184, .35));border-radius:8px;overflow:hidden;background:#0f172a;cursor:pointer;box-sizing:border-box}.note-aside-motion-video-card--active .note-aside-motion-video-card-thumb{border-color:var(--accent-purple, #7b2ff7);box-shadow:0 0 0 2px #7b2ff738}.note-aside-motion-video-card-thumb img,.note-aside-motion-video-card-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.note-aside-motion-video-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffffa6}.note-aside-motion-video-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a47;color:#fff;opacity:0;transition:opacity .15s ease}.note-aside-motion-video-card-thumb:hover .note-aside-motion-video-card-play{opacity:1}.note-aside-motion-video-card-badge{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:4px;background:#0f172ac7;color:#fff;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.note-aside-motion-video-card-del{position:absolute;top:4px;right:4px;z-index:4;width:22px;height:22px;padding:0;border:none;border-radius:9999px;background:#0f172ad1;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.note-aside-motion-video-card-thumb-wrap:hover .note-aside-motion-video-card-del,.note-aside-motion-video-card-del:focus-visible{opacity:1}.note-aside-motion-video-card-del:hover{background:#7f1d1de0}.note-aside-motion-video-card-use{padding:0;border:none;background:transparent;font-size:11px;font-weight:600;color:var(--accent-purple, #7b2ff7);cursor:pointer;line-height:1.2;white-space:nowrap}.note-aside-motion-video-card-use:hover{text-decoration:underline}.note-aside-motion-video-card-use--active{color:var(--text-muted, #64748b);cursor:default;text-decoration:none}.note-aside-image-versions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle, rgba(148, 163, 184, .22))}.note-aside-image-versions-label{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary, #64748b)}.note-aside-image-versions-scroll{display:flex;align-items:flex-start;gap:8px;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.note-aside-image-version-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:72px}.note-aside-image-version-card-thumb{position:relative;width:72px;height:72px;padding:0;border:2px solid var(--border-subtle, rgba(148, 163, 184, .35));border-radius:10px;overflow:hidden;background:#0f172a;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.note-aside-image-version-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.note-aside-image-version-card--active .note-aside-image-version-card-thumb{border-color:var(--accent-purple, #7b2ff7);box-shadow:0 0 0 2px #7b2ff733}.note-aside-image-version-card-thumb:hover{border-color:#7b2ff773}.note-aside-image-version-card-tag{position:absolute;left:4px;top:4px;padding:1px 5px;border-radius:4px;background:#0f172ab8;color:#fff;font-size:10px;font-weight:600;line-height:1.35;pointer-events:none}.note-aside-image-version-card-use{padding:0;border:none;background:transparent;color:var(--accent-purple, #7b2ff7);font-size:11px;font-weight:600;line-height:1.3;cursor:pointer;white-space:nowrap}.note-aside-image-version-card-use:hover{text-decoration:underline}.note-aside-image-version-card-use--active{color:var(--text-muted, #64748b);cursor:default;text-decoration:none}.note-aside-media-thumb{position:relative;flex-shrink:0;max-width:112px;max-height:80px;min-width:52px;min-height:40px;width:auto;height:auto;border-radius:8px;overflow:hidden;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, rgba(148, 163, 184, .35));box-sizing:border-box}.note-aside-media-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.note-aside-media-thumb--empty{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;width:72px}.note-aside-media-thumb-empty{font-size:11px;color:var(--text-muted, #94a3b8)}.note-aside-media-thumb-del{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:none;background:#0f172a8c;color:#fff;cursor:pointer;opacity:0;transition:opacity .18s ease;z-index:3}.note-aside-media-thumb-del--corner{inset:4px 4px auto auto;width:22px;height:22px;border-radius:9999px;background:#0f172ad1;transition:opacity .15s ease,background .15s ease}.note-aside-media-thumb-del--corner:hover{background:#7f1d1de0}.note-aside-media-thumb-switch{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:9999px;border:1px solid rgba(255,255,255,.22);background:#0c0c109e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .18s ease,transform .18s ease}.note-aside-media-thumb:hover .note-aside-media-thumb-switch,.note-aside-media-thumb-switch:focus-visible{opacity:1}.note-aside-media-thumb:hover .note-aside-media-thumb-switch:hover{transform:translate(-50%,-50%) scale(1.06)}.note-aside-media-thumb:hover .note-aside-media-thumb-del,.note-aside-media-thumb-del:focus-visible{opacity:1}.note-aside-media-thumb--blur{border:none;background:#1a1a22}.note-aside-media-thumb--blur img{filter:blur(16px) saturate(1.08) brightness(.92);transform:scale(1.22);transform-origin:center}.note-aside-media-thumb--blur:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:#0000001f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.note-aside-media-thumb--blur.note-aside-media-thumb--empty{background:linear-gradient(145deg,#3a3a48,#1a1a22 55%,#0e0e14)}.note-aside-heading-tag{font-weight:400;color:var(--text-primary, #0f172a)}.note-slide-motion-coin-banner{margin:0 0 14px;padding:14px 12px;border-radius:12px;text-align:center;background:linear-gradient(135deg,#7b2ff71f,#6366f114);border:1px solid rgba(123,47,247,.28)}.note-slide-motion-coin-banner-label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #64748b)}.note-slide-motion-coin-banner-value{display:block;font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--accent-purple, #7b2ff7)}.note-slide-motion-coin-banner-unit{margin-left:4px;font-size:16px;font-weight:700}[data-theme=dark] .note-aside-heading-tag{color:var(--text-primary, #f1f5f9)}.note-aside-slide-motion .note-aside-heading-row{justify-content:flex-start;gap:6px}.note-aside-slide-motion-badge{margin-left:auto;font-size:11px;font-weight:600;color:var(--accent-purple, #7b2ff7)}.note-slide-motion-style-row{margin-top:0}.note-slide-motion-style-row .note-slide-motion-type-value{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.note-slide-motion-type-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13px;color:var(--text-primary, #1e293b)}.note-slide-motion-switch-btn{flex-shrink:0;padding:4px 12px;border-radius:8px;border:1px solid rgba(99,102,241,.45);background:#6366f114;color:var(--accent-purple, #6366f1);font-size:12px;font-weight:600;line-height:1.35;cursor:pointer;transition:background .15s ease,border-color .15s ease}.note-slide-motion-switch-btn:hover:not(:disabled){background:#6366f124;border-color:#6366f18c}.note-slide-motion-switch-btn:disabled{opacity:.55;cursor:not-allowed}.note-aside-stack-label--row{flex-direction:row;align-items:center;gap:10px}.note-aside-stack-label--row .note-aside-heading-inline{flex:0 0 auto;white-space:nowrap}.note-aside-stack-label--row .note-aside-meta-select{flex:1 1 auto;min-width:0;width:auto}.note-slide-motion-status{margin:0;font-size:12px}.note-slide-motion-actions{display:flex;flex-direction:row;align-items:stretch;gap:8px;margin-top:14px}.note-slide-motion-gen-btn{padding:8px 10px;font-size:12px;font-weight:600;line-height:1.35;border-radius:10px;min-width:0}.note-slide-motion-gen-btn--primary{flex:3 1 0}.note-slide-motion-gen-btn--secondary{flex:2 1 0}.note-aside-storyboard-pick{gap:8px}.note-storyboard-pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.note-storyboard-pick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:10px 8px;border-radius:10px;border:2px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.note-storyboard-pick-card:hover{border-color:#cbd5e1}.note-storyboard-pick-card:focus{outline:none;box-shadow:0 0 0 2px #7b2ff74d}.note-storyboard-pick-card--selected{border-color:var(--accent-purple, #7b2ff7);background:#7b2ff70f;box-shadow:0 1px 2px #7b2ff71f}.note-storyboard-pick-card-title{font-size:12px;font-weight:700;color:var(--text-primary, #0f172a)}.note-storyboard-pick-card-desc{margin-top:4px;font-size:10px;font-weight:400;line-height:1.35;color:var(--text-muted, #64748b)}.note-storyboard-pick-card--selected .note-storyboard-pick-card-title{color:var(--accent-purple, #7b2ff7)}.note-pipeline-entry-banner{display:flex;align-items:center;gap:10px;margin:0 16px 8px;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,#7c3aed14,#3b82f60f);border:1px solid rgba(124,58,237,.15);font-size:13px}.note-pipeline-entry-banner-play{display:inline-flex;align-items:center;gap:4px;border:none;background:#7c3aed;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer}.note-pipeline-entry-banner-dismiss{margin-left:auto;border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:var(--text-muted, #94a3b8)}.note-editor-status-pill--clickable{border:none;cursor:pointer;font:inherit}.note-aside-footer-hint{margin:0 0 8px;font-size:12px;color:var(--text-secondary, #64748b);text-align:center}.note-gallery-dock-tab--primary{font-weight:600}.note-gallery-dock-link{border:none;background:transparent;font-size:12px;color:var(--text-secondary, #64748b);padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.note-gallery-dock-link.active{color:#7c3aed;font-weight:600}.note-slide-motion-progress{position:relative;height:8px;border-radius:999px;background:var(--bg-secondary, #e2e8f0);overflow:hidden;margin:8px 0 10px}.note-slide-motion-progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#6366f1);transition:width .25s ease}.note-slide-motion-progress-label{display:block;font-size:11px;color:var(--text-secondary, #64748b);margin-top:4px}.note-slide-motion-split{display:flex;flex-direction:column;gap:8px}.note-slide-motion-submit--secondary{width:100%;justify-content:center}.note-editor-main-body-load{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.note-editor-main-body-load-glass{position:absolute;inset:0;background:#f8fafc38;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}.note-editor-page--shell[data-theme=title_red] .note-editor-main-body-load-glass{background:#fff8f83d}[data-theme=dark] .note-editor-page--shell .note-editor-main-body-load-glass{background:#0c0e168c}.note-editor-retry-btn{margin-top:8px;padding:6px 14px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}.note-shell-aspect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.note-shell-aspect-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 11px;border-radius:12px;border:1.5px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease}.note-shell-aspect-card:hover{border-color:#7b2ff761;transform:translateY(-1px)}.note-shell-aspect-card--selected{border-color:var(--accent-purple, #7b2ff7);background:linear-gradient(180deg,#7b2ff71a,#7b2ff708);box-shadow:0 0 0 1px #7b2ff724,0 8px 20px #7b2ff71f}.note-shell-aspect-card-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px}.note-shell-aspect-card-frame{display:block;height:40px;width:auto;max-width:100%;border-radius:5px;border:2px solid rgba(123,47,247,.42);background:linear-gradient(145deg,#7b2ff729,#6366f114);box-shadow:inset 0 1px #ffffff59}.note-shell-aspect-card--selected .note-shell-aspect-card-frame{border-color:var(--accent-purple, #7b2ff7);background:linear-gradient(145deg,#7b2ff747,#6366f124)}.note-shell-aspect-card-check{position:absolute;top:-4px;right:calc(50% - 28px);width:18px;height:18px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-purple, #7b2ff7);color:#fff;box-shadow:0 2px 8px #7b2ff759}.note-shell-aspect-card-title{font-size:12px;font-weight:800;color:var(--text-primary);letter-spacing:.02em}.note-shell-aspect-card-desc{font-size:9px;line-height:1.25;color:var(--text-muted, #94a3b8);text-align:center;max-width:100%}.note-shell-aspect-card--selected .note-shell-aspect-card-title{color:var(--accent-purple, #7b2ff7)}.note-shell-aspect-hint{margin:8px 0 0}.note-shell-aspect-regen-hint{padding:8px 10px;border-radius:8px;background:#facc152e;border:1px solid rgba(234,179,8,.35);font-size:12px;line-height:1.45;color:var(--text-secondary)}.note-shell-aspect-regen-hint-dismiss{display:inline;margin-left:6px;padding:0;border:none;background:none;color:var(--accent-purple, #7b2ff7);font-size:12px;cursor:pointer;text-decoration:underline}.note-stage-media-settings{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:16px}.note-stage-media-settings-block{min-width:0}.note-stage-media-settings-block--bg{padding-top:14px;border-top:1px dashed rgba(148,163,184,.45)}.note-media-fit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.note-media-fit-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 10px 11px;border-radius:12px;border:1.5px solid var(--border-subtle, #e2e8f0);background:var(--bg-card, #fff);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.note-media-fit-option:hover{border-color:#7b2ff759}.note-media-fit-option--active{border-color:var(--accent-purple, #7b2ff7);background:linear-gradient(180deg,#7b2ff717,#7b2ff705);box-shadow:0 0 0 1px #7b2ff71a}.note-media-fit-option-icon{width:28px;height:20px;border-radius:4px;border:1.5px solid rgba(123,47,247,.35);background:#7b2ff714;position:relative;margin-bottom:2px}.note-media-fit-option-icon--contain:after{content:"";position:absolute;inset:3px;border-radius:2px;border:1.5px solid rgba(123,47,247,.55);background:#7b2ff71f}.note-media-fit-option-icon--cover:after{content:"";position:absolute;inset:1px;border-radius:2px;background:#7b2ff759}.note-media-fit-option-title{font-size:13px;font-weight:700;color:var(--text-primary)}.note-media-fit-option--active .note-media-fit-option-title{color:var(--accent-purple, #7b2ff7)}.note-media-fit-option-desc{font-size:10px;color:var(--text-muted, #94a3b8);line-height:1.35}.note-stage-bg-current-row--overlay-switch{align-items:flex-start;gap:12px}.note-stage-bg-current-row--overlay-switch .note-aside-media-thumb{flex:0 0 auto;width:80px;min-height:80px}.note-stage-bg-fullbleed-hint{display:flex;align-items:flex-start;gap:12px}.note-stage-bg-fullbleed-hint .note-aside-media-thumb{flex:0 0 auto;width:80px;min-height:80px}.note-stage-bg-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.note-stage-bg-mode-hint{margin:0;font-size:11px;line-height:1.45}.note-stage-bg-enable-btn{align-self:flex-start;margin-top:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(123,47,247,.35);background:#7b2ff70f;color:var(--accent-purple, #7b2ff7);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.note-stage-bg-enable-btn:hover{background:#7b2ff71f;border-color:var(--accent-purple, #7b2ff7)}.note-editor-page--shell[data-media-fit=contain] .note-card-preview-media{background:#0a0a0e}.note-editor-page--shell[data-media-fit=contain] .note-card-preview img,.note-editor-page--shell[data-media-fit=contain] .note-card-preview video.note-card-preview-img,.note-editor-page--shell[data-media-fit=contain] .note-card-preview .note-card-preview-img,.note-editor-page--shell[data-media-fit=contain] .note-card-preview .slide-media-preview-wrap{-o-object-fit:contain!important;object-fit:contain!important}.note-editor-page--shell[data-media-fit=cover] .note-card-preview img,.note-editor-page--shell[data-media-fit=cover] .note-card-preview video.note-card-preview-img,.note-editor-page--shell[data-media-fit=cover] .note-card-preview .note-card-preview-img,.note-editor-page--shell[data-media-fit=cover] .note-card-preview .slide-media-preview-wrap{-o-object-fit:cover!important;object-fit:cover!important}.note-canvas-panel{display:flex;flex-direction:column;gap:12px;padding-bottom:4px}.note-canvas-section{border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f8fafceb);box-shadow:0 1px 2px #0f172a0a,0 0 0 1px #94a3b824;overflow:hidden}.note-canvas-section-head{display:flex;align-items:center;gap:8px;padding:11px 14px 0}.note-canvas-section-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#7b2ff71f,#6366f114);color:var(--accent-purple, #7b2ff7);flex-shrink:0}.note-canvas-section-title{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--text-primary, #0f172a)}.note-canvas-section-body{padding:10px 14px 14px}.note-canvas-section--watermark .note-my-wm__empty{margin:0;font-size:12px;color:var(--text-muted, #64748b)}.note-my-wm__empty--muted{opacity:.72;font-style:normal}[data-theme=dark] .note-my-wm__empty--muted{opacity:.65}.note-my-wm__vip-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-my-wm__vip-text{margin:0;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.35;color:#57534e}.note-my-wm__vip-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:8px;border:1px solid #d97706;background:#f59e0b1f;color:#b45309;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.note-my-wm__vip-btn:hover{background:#f59e0b33;border-color:#b45309;color:#92400e}[data-theme=dark] .note-my-wm__vip-text{color:#d6d3d1}[data-theme=dark] .note-my-wm__vip-btn{color:#fbbf24;border-color:#f59e0b;background:#f59e0b29}[data-theme=dark] .note-my-wm__vip-btn:hover{color:#fde68a;border-color:#fbbf24;background:#f59e0b3d}.note-canvas-wm-label{flex:1;font-size:12px;color:var(--text-secondary, #475569)}.note-shell-aspect-card--canvas{padding:10px 6px 8px;border-radius:12px;border:1.5px solid transparent;background:#ffffffb8;box-shadow:inset 0 0 0 1px #94a3b82e}.note-shell-aspect-card--canvas.note-shell-aspect-card--selected{border-color:#7b2ff78c;background:linear-gradient(180deg,#7b2ff71a,#7b2ff708);box-shadow:inset 0 0 0 1px #7b2ff738,0 4px 14px #7b2ff71a}.note-shell-aspect-card--canvas .note-shell-aspect-card-desc{display:none}.note-shell-aspect-card--canvas .note-shell-aspect-card-title{font-size:12px;font-weight:500;color:var(--text-secondary, #64748b)}.note-shell-aspect-card--canvas.note-shell-aspect-card--selected .note-shell-aspect-card-title{font-weight:700;color:var(--accent-purple, #7b2ff7)}.note-shell-aspect-card--canvas:not(.note-shell-aspect-card--selected) .note-shell-aspect-card-frame{border-color:#94a3b86b;background:#94a3b81a;box-shadow:none}.note-canvas-sub-block{margin-top:14px;padding-top:14px}.note-canvas-sub-block--first{margin-top:0;padding-top:0}.note-canvas-sub-block+.note-canvas-sub-block{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}.note-canvas-sub-label{margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-muted, #94a3b8)}.note-storyboard-pick-card--canvas{min-height:44px;padding:11px 12px;border-radius:12px;border:1.5px solid transparent;background:#ffffffb8;box-shadow:inset 0 0 0 1px #94a3b82e;align-items:flex-start}.note-storyboard-pick-card--canvas.note-storyboard-pick-card--selected{border-color:#7b2ff78c;background:linear-gradient(180deg,#7b2ff71a,#7b2ff708);box-shadow:inset 0 0 0 1px #7b2ff738,0 4px 14px #7b2ff714}.note-storyboard-pick-card-label-row{display:inline-flex;align-items:center;gap:8px;width:100%}.note-storyboard-pick-card-mark{width:8px;height:8px;border-radius:999px;flex-shrink:0;box-shadow:0 0 0 3px #7b2ff71f}.note-storyboard-pick-card-mark--full{background:linear-gradient(135deg,#7b2ff7,#6366f1)}.note-storyboard-pick-card-mark--half{background:linear-gradient(135deg,#6366f1,#38bdf8)}.note-storyboard-pick-card--canvas:not(.note-storyboard-pick-card--selected) .note-storyboard-pick-card-mark{background:#cbd5e1;box-shadow:none}.note-storyboard-pick-card--canvas .note-storyboard-pick-card-title{font-size:13px;font-weight:500;color:var(--text-secondary, #64748b)}.note-storyboard-pick-card--canvas.note-storyboard-pick-card--selected .note-storyboard-pick-card-title{font-weight:600;color:var(--accent-purple, #7b2ff7)}.note-media-fit-options--canvas{gap:10px}.note-media-fit-option--compact{align-items:center;padding:12px 10px;border-radius:12px;border:1.5px solid transparent;background:#ffffffb8;box-shadow:inset 0 0 0 1px #94a3b82e}.note-media-fit-option--compact.note-media-fit-option--active{border-color:#7b2ff78c;background:linear-gradient(180deg,#7b2ff71a,#7b2ff708);box-shadow:inset 0 0 0 1px #7b2ff738,0 4px 14px #7b2ff714}.note-media-fit-option--compact .note-media-fit-option-desc{display:none}.note-media-fit-option--compact .note-media-fit-option-title{font-size:13px;font-weight:500;color:var(--text-secondary, #64748b)}.note-media-fit-option--compact.note-media-fit-option--active .note-media-fit-option-title{font-weight:600;color:var(--accent-purple, #7b2ff7)}.note-media-fit-option--compact:not(.note-media-fit-option--active) .note-media-fit-option-icon{border-color:#94a3b86b;background:#94a3b81a}.note-media-fit-option--compact:not(.note-media-fit-option--active) .note-media-fit-option-icon--contain:after{border-color:#94a3b880;background:#94a3b824}.note-media-fit-option--compact:not(.note-media-fit-option--active) .note-media-fit-option-icon--cover:after{background:#94a3b847}.note-canvas-section .note-stage-bg-current-row--overlay-switch{padding:4px 0 0}.note-canvas-section .note-stage-bg-mode-label{font-size:12px;font-weight:500;color:var(--text-secondary, #64748b)}.note-canvas-section--storyboard .note-stage-bg-mode-label{font-weight:500}.note-ai-card-slot-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none;background:#0f172a}[data-theme=dark] .note-canvas-section{background:linear-gradient(180deg,#1e293beb,#0f172ae0);box-shadow:0 1px 2px #00000040,0 0 0 1px #47556973}[data-theme=dark] .note-shell-aspect-card--canvas,[data-theme=dark] .note-storyboard-pick-card--canvas,[data-theme=dark] .note-media-fit-option--compact{background:#0f172a8c;box-shadow:inset 0 0 0 1px #47556980}[data-theme=dark] .note-my-wm__settings-btn{border-color:#ffffff1f;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .note-my-wm__settings-btn:hover{border-color:#a78bfa80;background:#7b2ff724;color:#ddd6fe}.video-export-confirm-overlay{z-index:13000!important}.video-export-confirm-content{z-index:13010!important;overflow:hidden;border-radius:20px;border:1px solid var(--glass-border, rgba(148, 163, 184, .22));background:var(--glass-bg, rgba(255, 255, 255, .92));color:var(--text-primary);box-shadow:0 24px 64px #0f172a2e,0 0 0 1px #ffffff0f inset;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}[data-theme=dark] .video-export-confirm-content{background:#1c1c22f0;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0f inset}.vex-confirm-accent{height:3px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.vex-confirm-header{display:flex;align-items:flex-start;gap:14px;padding:22px 22px 0}.vex-confirm-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f124,#a855f72e);color:#7c3aed;box-shadow:0 4px 14px #6366f126}[data-theme=dark] .vex-confirm-icon-wrap{background:linear-gradient(135deg,#6366f138,#a855f747);color:#c4b5fd}.vex-confirm-header-text{min-width:0;padding-top:2px}.vex-confirm-title{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary)}.vex-confirm-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.3}.vex-confirm-badge--vip{color:#6d28d9;background:linear-gradient(135deg,#ede9fef2,#f5f3ffe6);border:1px solid rgba(139,92,246,.22)}.vex-confirm-badge--std{color:var(--text-secondary, #64748b);background:#94a3b81a;border:1px solid rgba(148,163,184,.18)}[data-theme=dark] .vex-confirm-badge--vip{color:#ddd6fe;background:#6d28d938;border-color:#a78bfa47}.vex-confirm-body{display:flex;flex-direction:column;gap:12px;padding:18px 22px 6px}.vex-file-card{padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9a6);border:1px solid rgba(148,163,184,.2)}[data-theme=dark] .vex-file-card{background:linear-gradient(135deg,#272730d9,#1e1e26b3);border-color:#94a3b824}.vex-file-card__label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.vex-file-card__name{margin:0;font-size:14px;font-weight:500;line-height:1.45;color:var(--text-primary);word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vex-location-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:12px;border:1.5px dashed rgba(148,163,184,.45);background:transparent;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.vex-location-card:hover:not(:disabled){border-color:#6366f173;background:#6366f10a;transform:translateY(-1px)}.vex-location-card--picked{border-style:solid;border-color:#22c55e73;background:linear-gradient(135deg,#f0fdf4d9,#ecfdf580)}[data-theme=dark] .vex-location-card--picked{border-color:#4ade8059;background:linear-gradient(135deg,#1665342e,#14532d1a)}.vex-location-card--loading{opacity:.75;cursor:wait}.vex-location-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#94a3b81f;color:var(--text-secondary, #64748b)}.vex-location-card--picked .vex-location-card__icon{background:#22c55e1f;color:#16a34a}[data-theme=dark] .vex-location-card--picked .vex-location-card__icon{color:#4ade80}.vex-location-card__text{flex:1;min-width:0}.vex-location-card__title{display:block;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.35}.vex-location-card__hint{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--text-secondary, #64748b)}.vex-location-card__chevron{flex-shrink:0;color:var(--text-secondary, #94a3b8);opacity:.7}.vex-browser-fallback{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;font-size:13px;color:var(--text-secondary);background:#94a3b814;border:1px solid rgba(148,163,184,.16)}.vex-confirm-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px 22px}.vex-confirm-btn-ghost{font-weight:500;color:var(--text-secondary)}.vex-confirm-btn-ghost:hover{color:var(--text-primary);background:#94a3b81a}.vex-confirm-btn-primary{min-width:108px;font-weight:600;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#a855f7);color:#fff;box-shadow:0 4px 16px #6366f159;transition:box-shadow .2s ease,transform .15s ease,filter .2s ease}.vex-confirm-btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 20px #6366f16b;transform:translateY(-1px)}.note-reexport-confirm{width:min(440px,calc(100vw - 2rem))}.note-reexport-highlight{background:linear-gradient(135deg,#6366f1,#a855f7 55%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.note-reexport-confirm-footer .vex-confirm-btn-ghost,.note-reexport-confirm-footer .vex-confirm-btn-primary{border-radius:9999px;padding:10px 22px;font-size:13px;cursor:pointer}.note-reexport-confirm-footer .vex-confirm-btn-ghost{border:none;background:transparent}.video-export-progress-overlay{position:fixed;inset:0;z-index:13020;display:flex;align-items:center;justify-content:center;background:#0f0f1473;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-export-progress-overlay--anchored{position:absolute;inset:0;z-index:30;border-radius:28px;display:flex;align-items:center;justify-content:center;background:#0f0f1473;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-export-progress-overlay--anchored .cc-pipeline-overlay__glass{max-width:92%;padding:16px 18px}[data-theme=dark] .video-export-progress-overlay{background:#00000080}.video-export-progress-overlay .cc-pipeline-overlay__glass{max-width:360px;width:90%;padding:24px 28px;text-align:center;background:#ffffffd9;border-radius:16px;box-shadow:0 8px 32px #0000001f}[data-theme=dark] .video-export-progress-overlay .cc-pipeline-overlay__glass{background:#1e1e23eb}.video-export-progress-overlay .cc-pipeline-overlay__title{font-size:16px;font-weight:600;margin:0 0 8px}.video-export-progress-overlay .cc-pipeline-overlay__stage{font-size:14px;margin:0 0 4px;color:var(--text-secondary, #666)}.video-export-progress-overlay .cc-pipeline-overlay__hint{font-size:12px;margin:0 0 16px;opacity:.85}.video-export-progress-overlay .cc-pipeline-overlay__bar{height:8px;background:#00000014;border-radius:4px;overflow:hidden;margin-bottom:8px}.video-export-progress-overlay .cc-pipeline-overlay__bar-fill{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;transition:width .4s ease}.video-export-progress-overlay .cc-pipeline-overlay__pct{font-size:13px;font-weight:600;margin:0 0 12px}.video-export-progress-overlay .cc-pipeline-overlay__link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:13px;padding:4px 8px}.app-thumb{display:block}.app-thumb--empty{min-height:3rem;min-width:3rem;width:100%;height:100%;background:linear-gradient(145deg,var(--bg-tertiary, #2a2f3d) 0%,var(--bg-secondary, #1e2433) 100%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-tertiary, #64748b);box-sizing:border-box;border:1px dashed var(--border-default, rgba(148, 163, 184, .25))}.app-thumb__icon{width:28%;height:28%;max-width:32px;max-height:32px;opacity:.45}.app-thumb__label{font-size:10px;font-weight:500;letter-spacing:.06em;opacity:.65;text-transform:none}.note-slide-scaler{width:100%;overflow:hidden;position:relative}.note-slide-scaler--contain{width:auto;margin-inline:auto;flex-shrink:0}.note-slide-scaler__inner{position:relative;transform-origin:top left;transform:scale(var(--note-slide-scale, 1))}.note-slide-scaler__inner>.note-card-preview{position:relative!important;inset:auto!important;max-width:none!important;max-height:none!important;flex-shrink:0}.note-slide-scaler[data-preview-mode] .note-card-preview:hover img,.note-slide-scaler[data-preview-mode] .note-card-preview:hover video.note-card-preview-img,.note-slide-scaler[data-preview-mode] .note-card-preview:hover .note-card-preview-img{transform:none}.note-card-preview[data-media-fit=contain] .note-card-preview-media{background:#0a0a0e}.note-card-preview[data-media-fit=contain] img,.note-card-preview[data-media-fit=contain] video.note-card-preview-img,.note-card-preview[data-media-fit=contain] .note-card-preview-img,.note-card-preview[data-media-fit=contain] .slide-media-preview-wrap{-o-object-fit:contain!important;object-fit:contain!important}.note-card-preview[data-media-fit=cover] img,.note-card-preview[data-media-fit=cover] video.note-card-preview-img,.note-card-preview[data-media-fit=cover] .note-card-preview-img,.note-card-preview[data-media-fit=cover] .slide-media-preview-wrap{-o-object-fit:cover!important;object-fit:cover!important}.note-edit-card--shell .note-edit-card-frame .note-slide-scaler:not(.note-slide-scaler--contain){width:100%}.note-edit-card--shell .note-edit-card-frame .note-slide-scaler--contain{width:auto}.works-cover-thumb-shell .note-slide-scaler{width:100%;height:100%!important}.works-cover-thumb-shell .note-edit-card--shell{width:100%;height:100%}.works-cover-thumb-shell .note-edit-card-frame{width:100%!important;height:100%}.npp-slide-card-shell .note-slide-scaler{width:100%}.npp-backdrop{position:fixed;inset:0;z-index:12000;width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px 24px;box-sizing:border-box;overflow:auto;background:#0f0f148c;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);animation:npp-fade .2s ease}.npp-toolbar-float{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:12002;display:flex;justify-content:flex-end;align-items:center;max-width:calc(100vw - 24px)}.npp-toolbar-float .npp-topbar-trailing{margin-left:0}.npp-shell--stage{flex:0 1 auto;align-items:center;justify-content:center}.npp-preview-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}.npp-preview-stage .npp-media-tabs{flex-shrink:0}.npp-media-tabs-slot{min-height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.npp-platform-tabs-slot{min-height:38px;width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.npp-platform-tabs-slot.is-hidden{visibility:hidden;pointer-events:none}.npp-preview-stage .npp-platform-tabs{flex-shrink:0}.npp-preview-stage .npp-phone,.npp-preview-stage .npp-video-stage{flex:0 1 auto}.npp-success-caption{margin:0 0 10px;font-size:15px;font-weight:600;color:#f8fafcf2;text-align:center;line-height:1.45}.npp-banner-messages{width:min(420px,92vw);margin:12px 0 0;padding:10px 16px;border-radius:8px;background:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-size:13px;line-height:1.5;text-align:center;box-shadow:0 2px 8px #0000001f}.npp-banner-messages p{margin:0}.npp-banner-messages p+p{margin-top:4px}[data-theme=light] .npp-success-caption{color:var(--text-primary)}[data-theme=light] .npp-banner-messages{background:#fef3c7;border-color:#fcd34d;color:#92400e}.npp-topbar--embedded{width:100%}@keyframes npp-fade{0%{opacity:0}to{opacity:1}}.npp-shell--embedded{width:100%;max-width:420px;margin:0;padding:0;background:transparent;box-shadow:none}.npp-shell.npp-shell--embedded.npp-shell--showcase-bound{flex:0 0 auto;width:auto;max-width:none;height:auto;max-height:min(calc(100dvh - 72px),900px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.npp-shell--showcase-bound .npp-phone{width:min(380px,92vw);height:auto;max-height:min(calc(100dvh - 72px),900px);min-height:0;aspect-ratio:unset;flex-shrink:0}.npp-shell--showcase-bound .npp-xhs{flex:0 0 auto;min-height:0}.npp-shell--showcase-bound .npp-showcase-slide-shell{width:100%;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5}.npp-shell--showcase-bound .npp-showcase-slide-shell .note-edit-card--shell{margin:0!important;width:100%!important;max-width:100%!important;transform:none!important;opacity:1!important}.npp-shell--showcase-bound .npp-showcase-slide-shell .note-edit-card-frame{width:100%!important;max-width:100%!important;margin-inline:0!important}.npp-shell--showcase-bound .npp-xhs-hero{overflow:hidden}.npp-shell--showcase-bound .npp-showcase-slide-shell .note-card-preview:hover img,.npp-shell--showcase-bound .npp-showcase-slide-shell .note-card-preview:hover .note-card-preview-img{transform:none}.npp-phone-fit{flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;overflow:hidden;width:100%}.npp-shell{width:min(420px,100%);max-width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px}.npp-topbar{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:8px;flex-wrap:nowrap;width:100%}.npp-topbar-spacer{flex:1;min-width:8px}.npp-media-tabs{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:#ffffff1a;flex-shrink:0}.npp-media-tab{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;border:none;background:transparent;color:#ffffffd1;cursor:pointer;transition:background .15s,color .15s}.npp-media-tab.is-active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.npp-topbar-trailing{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;margin-left:auto}.npp-toolbar-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0}.npp-toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.34);background:#ffffff29;color:#fff;font-size:12px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 2px 8px #00000038;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s}.npp-toolbar-btn:hover:not(:disabled){background:#ffffff47;border-color:#ffffff80;box-shadow:0 4px 14px #0000004d;transform:translateY(-1px)}.npp-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.npp-platform-tabs{display:flex;flex-wrap:nowrap;gap:6px;width:100%;justify-content:center}.npp-tab[data-platform=wechat]{order:0}.npp-tab[data-platform=douyin]{order:1}.npp-tab[data-platform=xhs]{order:2}.npp-tabs{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;justify-content:center}.npp-tab{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffd9;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.npp-tab:hover{background:#ffffff24}.npp-tab.is-active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent;color:#fff}.npp-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:#ffffff1f;color:#fff;cursor:pointer;flex-shrink:0}.npp-close:hover{background:#fff3}.npp-video-stage{width:100%;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:4px 0 8px}.npp-video-stage .note-editor-video-iphone-shell{margin:0 auto;width:min(380px,92vw)}.npp-video-phone-wrap{position:relative;display:flex;align-items:center;justify-content:center}.npp-video-stage-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:min(420px,62vh);padding:24px;color:#ffffffe0;font-size:14px;text-align:center}.npp-video-stage-status--error{color:#fecaca}.npp-video-retry-btn{margin-top:4px;padding:6px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;font-size:13px;cursor:pointer}.npp-video-retry-btn:hover{background:#fff3}.npp-shell--stage .npp-phone{width:min(380px,92vw);flex-shrink:0}.npp-shell--stage .npp-xhs-hero,.npp-shell--stage .npp-dy-media,.npp-shell--stage .npp-wx-gallery{width:100%}.npp-phone{border-radius:32px;border:3px solid rgba(255,255,255,.25);box-shadow:0 0 0 1px #00000026 inset,0 28px 60px #00000080;overflow:hidden;background:#111;min-height:520px;max-height:min(82vh,820px);display:flex;flex-direction:column}.npp-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.npp-scroll::-webkit-scrollbar{display:none;width:0;height:0}.npp-hint{text-align:center;font-size:12px;color:#ffffff8c;margin:0 0 4px}.npp-xhs{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;color:#222;overflow:hidden}.npp-xhs-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:12px;color:#333;background:#fff;border-bottom:1px solid #f5f5f5;flex-shrink:0}.npp-xhs-bar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.npp-xhs-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.npp-xhs-user{display:flex;align-items:center;gap:8px}.npp-xhs-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c084fc);flex-shrink:0}.npp-xhs-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111;max-width:120px}.npp-xhs-follow{padding:4px 12px;border:1px solid #ff2442;color:#ff2442;border-radius:16px;font-size:12px;font-weight:500;flex-shrink:0;background:#fff}.npp-xhs-hero{position:relative;background:#f5f5f5;flex-shrink:0;cursor:pointer}.npp-xhs-hero .note-card-preview{border-radius:0}.npp-slide-card-shell{width:100%;display:block}.npp-xhs-hero .npp-slide-card-shell,.npp-dy-media .npp-slide-card-shell,.npp-wx-gallery .npp-slide-card-shell{width:100%}.npp-slide-card-shell .note-edit-card--shell{margin:0!important;width:100%!important;max-width:100%!important;transform:none!important;opacity:1!important}.npp-slide-card-shell .note-edit-card-frame{width:100%!important;max-width:100%!important;margin-inline:0!important;outline:none!important;box-shadow:none!important}.npp-slide-card-shell .note-card-preview:hover img,.npp-slide-card-shell .note-card-preview:hover .note-card-preview-img,.npp-slide-card-shell .note-card-preview:hover video.note-card-preview-img{transform:none}.npp-xhs-pager{position:absolute;top:10px;right:10px;background:#0006;color:#fff;font-size:11px;padding:3px 10px;border-radius:12px;z-index:3;letter-spacing:.5px}.npp-dots{display:flex;justify-content:center;align-items:center;gap:5px;padding:10px 0 6px;background:#fff;flex-shrink:0}.npp-dots span{width:6px;height:6px;border-radius:50%;background:#ddd;transition:background .2s,transform .2s}.npp-dots--xhs span.is-on{background:#ff2442;width:14px;border-radius:3px}.npp-dots--wx span.is-on{background:#333;width:14px;border-radius:3px}.npp-xhs-body{flex:1;min-height:0}.npp-xhs-article{padding:4px 16px 12px;background:#fff}.npp-xhs-article p{margin:0;font-size:15px;line-height:1.7;color:#333;white-space:pre-wrap}.npp-xhs-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 10px;background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0}.npp-xhs-input{display:flex;align-items:center;gap:6px;flex:1;padding:7px 12px;background:#f5f5f5;border-radius:18px;font-size:13px;color:#999}.npp-xhs-ft-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#666;min-width:36px}.npp-wx{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;color:#191919;overflow:hidden}.npp-wx-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;flex-shrink:0}.npp-wx-body{background:#fff;padding:0 0 16px}.npp-wx-gallery{position:relative;border-radius:0;overflow:hidden;background:#f5f5f5;cursor:pointer;margin:0 0 10px;width:100%}.npp-wx-gallery .note-card-preview{border-radius:0;width:100%}.npp-wx-body .npp-dots--wx,.npp-wx-title,.npp-wx-article{padding-left:16px;padding-right:16px}.npp-wx-gallery-pager{position:absolute;bottom:10px;right:10px;background:#0006;color:#fff;font-size:11px;padding:3px 10px;border-radius:12px;z-index:3}.npp-wx-title{font-size:18px;font-weight:700;line-height:1.45;margin:4px 0 12px;color:#111}.npp-wx-article{padding:0 2px}.npp-wx-article p{font-size:16px;line-height:1.75;color:#333;margin:0 0 8px;white-space:pre-wrap}.npp-wx-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 10px;background:#fff;border-top:1px solid #eee;flex-shrink:0}.npp-wx-actions-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.npp-wx-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#07c160,#34d399);flex-shrink:0}.npp-wx-actions-name{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npp-wx-follow-btn{padding:3px 10px;background:#07c160;color:#fff;border-radius:4px;font-size:12px;font-weight:500;flex-shrink:0}.npp-wx-actions-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.npp-wx-ic{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:28px;color:#666;font-size:10px}.npp-dy{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;color:#111;overflow:hidden}.npp-dy-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.npp-dy-top-spacer{flex:1;pointer-events:none}.npp-dy-body{flex:1;min-height:0}.npp-dy-media{position:relative;flex-shrink:0;background:#000}.npp-dy-media .note-card-preview{border-radius:0}.npp-dy-content{padding:12px 16px 16px;background:#fff}.npp-dy-topic{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.npp-dy-topic-tag{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#111}.npp-dy-topic-tag:before{content:"#";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#111;color:#fff;border-radius:4px;font-size:12px;font-weight:700}.npp-dy-topic-div{color:#ccc;font-size:13px}.npp-dy-topic-count{font-size:13px;color:#999}.npp-dy-topic-action{margin-left:auto;font-size:13px;color:#999}.npp-dy-desc{margin:0 0 10px;font-size:15px;line-height:1.7;color:#333;white-space:pre-wrap}.npp-dy-date{font-size:12px;color:#999}.npp-dy-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 10px;background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0}.npp-dy-input{display:flex;align-items:center;gap:6px;flex:1;padding:7px 12px;background:#f5f5f5;border-radius:18px;font-size:13px;color:#999}.npp-dy-ft-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#666;min-width:36px}.npp-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#fff;font-size:14px;padding:20px;text-align:center}.npp-phone[data-theme=title_red] .npp-xhs-article p,.npp-phone[data-theme=title_red] .npp-wx-title{color:#dc2626}.sw-bound-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:16px;background:#030712c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sw-bound-overlay--chromeless{padding:8px 12px 10px}.sw-preview-close{position:fixed;top:16px;right:16px;z-index:12005;width:34px;height:34px;border:none;border-radius:8px;background:#ffffff14;color:#e2e8f0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sw-bound-chromeless-body{width:100%;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.sw-preview-tabs{flex-shrink:0;display:flex;justify-content:center;gap:8px;margin-bottom:4px}.sw-preview-tabs button{padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#94a3b8;font-size:13px;cursor:pointer}.sw-preview-tabs button.is-active{background:#6366f140;border-color:#6366f18c;color:#f8fafc}.sw-showcase-note-stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.sw-showcase-carousel{flex:1;min-height:0;width:100%;max-width:min(480px,100%);display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto}.sw-slide-nav{flex-shrink:0;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0f172a8c;color:#f8fafc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,opacity .15s}.sw-slide-nav:hover:not(:disabled){background:#6366f173;border-color:#a5b4fc8c}.sw-slide-nav:disabled{opacity:.35;cursor:not-allowed}.sw-showcase-carousel .sw-showcase-media-slot{flex:1;min-width:0}.sw-showcase-media-slot{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.sw-showcase-media-slot--video{align-items:center}.sw-bound-footer{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:100%;padding:6px 0 2px}.sw-preview-do-same{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:999px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px #6366f152}.sw-preview-do-same svg{flex-shrink:0}.sw-preview-do-same:hover{filter:brightness(1.06)}.sw-preview-loading,.sw-preview-error,.sw-preview-warning{text-align:center;padding:24px 16px;color:#94a3b8;font-size:14px}.sw-preview-error{color:#f87171}.sw-preview-warning{color:#fbbf24;padding:8px 16px 0;font-size:13px}.sw-showcase-media-slot--video{flex:1;min-height:0;justify-content:center;align-items:center;padding:4px 0}.sw-showcase-media-slot--video .sw-note-video-phone--showcase{flex:0 0 auto;margin:0 auto;padding:0;display:flex;flex-direction:column;box-sizing:border-box}.sw-showcase-media-slot--video .sw-note-video-phone--showcase:not(.sw-note-video-phone--sized){width:min(480px,92vw);aspect-ratio:9 / 16;max-height:min(calc(100dvh - 140px),820px)}.sw-showcase-media-slot--video .sw-note-video-phone--showcase.sw-note-video-phone--sized{width:auto;height:auto;max-width:min(92vw,720px);max-height:min(calc(100dvh - 140px),820px)}.sw-showcase-media-slot--video .sw-note-video-phone--showcase .note-iphone-frame{flex:1;min-height:0;width:100%;height:100%;max-width:100%;aspect-ratio:unset;box-sizing:border-box;display:flex;flex-direction:column;padding:12px}.sw-showcase-media-slot--video .note-iphone-screen--video-showcase{flex:1;min-height:0;width:100%;height:100%;aspect-ratio:unset!important;max-height:none!important;position:relative;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.sw-showcase-media-slot--video .note-iphone-video-fit{flex:1;min-height:0;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;background:#000;box-sizing:border-box}.sw-showcase-media-slot--video .note-iphone-video-fit .note-editor-video-in-phone{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center center!important;object-position:center center!important;background:#000}.sw-video-preview-wrap{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0 auto;width:auto;height:auto;max-width:min(98vw,1024px);max-height:min(calc(100dvh - 88px),920px)}.sw-video-preview-wrap .sw-note-video-phone--showcase{width:auto;height:auto;max-width:100%;max-height:100%}.sw-preview-do-same--video-overlay{position:absolute;left:50%;bottom:52px;transform:translate(-50%);z-index:40;white-space:nowrap;flex-wrap:nowrap;pointer-events:auto;box-shadow:0 8px 24px #00000073}.dash-preview-chromeless-body .sw-video-preview-wrap{max-height:min(calc(100dvh - 120px),820px)}.we-work-item{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--border-default);transition:all .2s ease;cursor:pointer;min-width:0}.we-work-item:hover{border-color:#7b2ff71f;box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.we-work-thumb{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}.we-work-thumb:before{content:"";position:absolute;inset:0 0 auto;height:64px;background:linear-gradient(180deg,#0f172a6b,#0f172a00);z-index:1;pointer-events:none}.we-work-item--masonry .we-work-thumb{aspect-ratio:auto;height:auto;line-height:0}.we-work-item--masonry .we-work-thumb-media,.we-work-item--masonry .we-work-thumb img{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;vertical-align:top}.we-work-item--masonry .we-work-thumb .app-thumb--empty{aspect-ratio:3/4;min-height:140px;width:100%}.we-work-thumb img,.we-work-thumb .app-thumb--empty{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.we-work-type-tag{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 20px);padding:3px 8px 3px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.04em;color:#fff;background:#0f172aad;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #00000047;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.we-work-type-tag-dot{width:6px;height:6px;border-radius:999px;flex-shrink:0;background:var(--type-accent, #7b2ff7)}.we-do-same-action{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:3;max-width:calc(100% - 16px);display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:8px 16px;white-space:nowrap;border-radius:9999px;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);background:#00000085;border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 18px #00000059;cursor:pointer;isolation:isolate;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease}.we-work-thumb:hover .we-do-same-action,.we-work-item:focus-within .we-do-same-action{opacity:1;pointer-events:auto}.we-do-same-action svg{width:18px;height:18px;flex-shrink:0}.we-do-same-action span{white-space:nowrap;flex-shrink:0}.we-do-same-action:before{content:"";position:absolute;inset:-55%;background:conic-gradient(from 225deg at 50% 50%,#7b2ff7,#d946ef,#f472b6,#fb923c,#fcd34d,#22d3ee,#a5b4fc,#7b2ff7);opacity:0;transition:opacity .35s ease;animation:sw-do-same-spin 6s linear infinite;animation-play-state:paused;z-index:0;pointer-events:none}.we-do-same-action>*{position:relative;z-index:1}.we-do-same-action:hover{transform:translate(-50%) scale(1.05);border-color:#ffffff8c;box-shadow:0 0 0 1px #ffffff38,0 10px 28px #7b2ff77a,0 0 52px #d946ef59,0 0 72px #22d3ee1f}.we-do-same-action:hover:before{opacity:.92;animation-play-state:running}@keyframes sw-do-same-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.we-do-same-action:before{animation:none}.we-do-same-action:hover:before{opacity:.45}.we-do-same-action:hover{transform:translate(-50%) scale(1.02)}}.we-work-body{padding:12px}.we-work-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.we-work-platform-line{margin:0 0 6px;font-size:11px;line-height:1.35;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.we-work-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.we-work-meta-row .we-work-ops{margin-bottom:0}.we-work-tags{display:flex;gap:4px;margin-bottom:0;flex-wrap:wrap}.we-tag{padding:2px 7px;border-radius:5px;font-size:10px;color:var(--text-tertiary);background:var(--bg-elevated)}.we-work-ops{display:flex;gap:10px;margin-bottom:0;font-size:11px;color:var(--text-tertiary)}.we-work-ops span{display:flex;align-items:center;gap:3px}.showcase-work-cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,16px);margin-bottom:4px}.we-work-item--compact{border-radius:12px}.we-work-item--compact:hover{transform:translateY(-1px)}.we-work-item--compact .we-work-type-tag{top:8px;left:8px;padding:2px 7px 2px 5px;font-size:9px;gap:3px}.we-work-item--compact .we-work-type-tag-dot{width:5px;height:5px}.we-work-item--compact .we-do-same-action{bottom:10px;font-size:12px;padding:6px 12px}.we-work-item--compact .we-do-same-action svg{width:16px;height:16px}.we-work-item--compact .we-work-body{padding:8px 10px 10px}.we-work-item--compact .we-work-title{font-size:12px}.we-work-item--compact .we-work-platform-line{font-size:10px;margin-bottom:4px}.we-work-item--compact .we-work-tags{margin-bottom:6px;max-height:24px;overflow:hidden}.we-work-item--compact .we-tag{font-size:9px;padding:1px 5px}.we-work-item--compact .we-work-ops{font-size:10px;gap:8px}.ad-slot{position:relative;width:100%;margin-bottom:12px}.ad-slot:empty,.ad-slot:not(:has(.ad-slot-inner)){margin:0;min-height:0}.ad-slot-inner{display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer;position:relative;border-radius:12px;overflow:hidden}.ad-slot-img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;border-radius:12px}.ad-slot-label{position:absolute;top:8px;left:8px;z-index:1;font-size:11px;padding:2px 6px;border-radius:4px;background:#0000008c;color:#fff}.ad-slot-text{display:block;padding:12px 16px;font-size:14px;color:var(--text-secondary, #64748b)}.ad-slot-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.ad-slot-dots button{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:var(--border-subtle, #cbd5e1);cursor:pointer}.ad-slot-dots button.active{background:#6366f1}.ad-slot--hero .ad-slot-img{max-height:320px}.ad-slot--inline .ad-slot-img{max-height:120px}.ad-slot--narrow .ad-slot-img{max-height:48px}.ad-slot--sidebar .ad-slot-img{max-height:400px}.ad-popup-overlay{position:fixed;inset:0;z-index:9000;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px}.ad-popup-panel{position:relative;max-width:480px;width:100%;background:var(--surface-panel, #fff);border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #0003}.ad-popup-close{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border:none;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;font-size:18px;line-height:1}.ad-popup-img{width:100%;display:block;cursor:pointer}.ad-popup-label{position:absolute;top:12px;left:12px;font-size:11px;padding:2px 6px;border-radius:4px;background:#0000008c;color:#fff}.dashboard-page{padding-bottom:40px}.db-showcase-load-more-wrap{display:flex;justify-content:center;padding:16px 0 8px}.db-showcase-load-more-btn{padding:10px 20px;border-radius:999px;border:1px solid var(--border-color, rgba(148, 163, 184, .35));background:var(--bg-secondary, #f8fafc);color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .15s ease,opacity .15s ease}.db-showcase-load-more-btn:hover:not(:disabled){background:var(--bg-hover, #f1f5f9)}.db-showcase-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-hero{margin-bottom:24px}.hero-title{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:10px}.hero-icon{color:var(--accent-purple)}.hero-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.5}.hero-highlight{color:var(--accent-purple);font-weight:700}.db-create-row{display:flex;gap:16px;margin-bottom:32px;align-items:stretch}.db-create-card{flex:1;display:flex;align-items:center;gap:16px;padding:24px 28px;border-radius:20px;cursor:pointer;transition:all .25s ease;color:#fff;position:relative;overflow:hidden}.db-create-card:before{content:"";position:absolute;inset:0;z-index:0}.db-create-card>*{position:relative;z-index:1}.db-create-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.video-card{background:linear-gradient(135deg,#5b21b6,#7c3aed,#8b5cf6)!important}.note-card{background:linear-gradient(135deg,#059669,#10b981 42%,#34d399)!important}.music-card{background:linear-gradient(135deg,#6d28d9,#7b2ff7 45%,#ec4899)!important}.dispatch-card{background:linear-gradient(135deg,#4338ca,#6366f1,#818cf8)!important}.drama-card{background:linear-gradient(135deg,#0f766e,#0d9488 45%,#14b8a6)!important}.db-create-card.school-card{flex:0 0 clamp(168px,20vw,240px);max-width:240px;padding:22px 20px;background:linear-gradient(135deg,#f59e0b,#f97316)!important}.db-create-card.school-card .db-create-icon{width:48px;height:48px}.db-create-card.school-card h3{font-size:16px}.db-create-card.school-card p{font-size:12px;line-height:1.45}.db-create-icon{width:56px;height:56px;border-radius:16px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.db-create-card h3{font-size:18px;font-weight:600;margin-bottom:4px;color:#fff!important}.db-create-card p{font-size:13px;opacity:.9;color:#ffffffd9!important}.db-section-title{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.db-section-title h2{font-size:18px;font-weight:700;color:var(--text-primary)}.db-section-title span{font-size:13px;color:var(--text-tertiary)}.db-category-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.db-category-tabs::-webkit-scrollbar{height:3px}.db-category-tabs button{padding:8px 20px;border-radius:9999px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-default);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.db-category-tabs button:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.db-category-tabs button.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.db-tracks-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:40px}.db-track-card{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;aspect-ratio:9 / 13}.db-track-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #00000026}.db-track-image{position:relative;width:100%;height:100%;overflow:hidden}.db-track-image img,.db-track-image .db-track-thumb-img,.db-track-image .app-thumb--empty{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;min-height:0}.db-track-card:hover .db-track-image img,.db-track-card:hover .db-track-image .db-track-thumb-img,.db-track-card:hover .db-track-image .app-thumb--empty{transform:scale(1.08)}.db-track-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.32) 32%,transparent 58%);color:#fff}.db-track-overlay h4{font-size:15px;font-weight:700;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.db-track-overlay p{font-size:11px;opacity:.85;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-track-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:4;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:9999px;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;width:-moz-max-content;width:max-content;max-width:calc(100% - 12px);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);background:#00000085;border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 18px #00000059;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease;isolation:isolate;overflow:hidden}.db-track-card:hover .db-track-btn{opacity:1;pointer-events:auto}.db-track-btn:before{content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;opacity:0;background:conic-gradient(from 225deg at 50% 50%,#7b2ff7,#d946ef,#f472b6,#fb923c,#fcd34d,#22d3ee,#a5b4fc,#7b2ff7);transition:opacity .35s ease;animation:dash-do-same-spin 8s linear infinite;animation-play-state:paused}.db-track-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;pointer-events:none;background:#00000094}.db-track-btn>*{position:relative;z-index:2;flex-shrink:0}.db-track-btn span,.db-track-btn svg{flex-shrink:0}.db-track-btn:hover{transform:translate(-50%,-50%) scale(1.05);border-color:#ffffff8c;background:#0000007a;box-shadow:0 0 0 1px #ffffff38,0 10px 28px #7b2ff77a,0 0 52px #d946ef61,0 0 72px #22d3ee24}.db-track-btn:hover:before{opacity:.92;animation-play-state:running}.db-track-btn:hover:after{background:#00000061}.db-cases-list{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px;align-items:start}@media(max-width:820px){.db-cases-list{grid-template-columns:1fr}}.db-case-card{background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-default);padding:20px;transition:all .2s ease}.db-case-card:hover{border-color:#7b2ff71f;box-shadow:0 8px 24px #0000000a}.case-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.case-avatar{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:14px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.case-info{flex:1;min-width:0}.case-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.case-name{font-size:16px;font-weight:600;color:var(--text-primary)}.tag-green{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#059669;background:#0596691a}.tag-orange{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#d97706;background:#d977061a}.case-ratio{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-tertiary);background:var(--bg-elevated)}.case-meta{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap}.meta-label{color:var(--text-tertiary)}.heat-flames{display:flex;gap:1px;color:var(--accent-orange)}.income-text{color:var(--accent-purple);font-weight:600}.question-mark{width:16px;height:16px;border-radius:50%;background:var(--bg-elevated);color:var(--text-tertiary);font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:help}.case-arrow{color:var(--text-tertiary);flex-shrink:0}.case-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:14px}.case-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,16px);margin-bottom:4px}.case-video-item{min-width:0;cursor:pointer}.case-video-thumb{position:relative;width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;margin-bottom:6px}.case-video-thumb img,.case-video-thumb .case-video-img,.case-video-thumb .app-thumb--empty{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.case-video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 6px 6px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.case-video-title{font-size:11px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.case-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#7b2ff7d9;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;pointer-events:none}.case-video-thumb:hover .case-video-play{opacity:1}.case-do-same-on-thumb{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:4;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:8px 16px;white-space:nowrap;width:-moz-max-content;width:max-content;max-width:calc(100% - 12px);border-radius:9999px;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);background:#00000085;border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 18px #00000059;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease;isolation:isolate;overflow:hidden}.case-video-thumb:hover .case-do-same-on-thumb{opacity:1;pointer-events:auto}.case-do-same-on-thumb svg{width:18px;height:18px;flex-shrink:0}.case-do-same-on-thumb span{white-space:nowrap;flex-shrink:0}.case-do-same-on-thumb:before{content:"";position:absolute;inset:-55%;background:conic-gradient(from 225deg at 50% 50%,#7b2ff7,#d946ef,#f472b6,#fb923c,#fcd34d,#22d3ee,#a5b4fc,#7b2ff7);opacity:0;transition:opacity .35s ease;animation:dash-do-same-spin 6s linear infinite;animation-play-state:paused;z-index:0;pointer-events:none}.case-do-same-on-thumb>*{position:relative;z-index:1}.case-do-same-on-thumb:hover{transform:translate(-50%,-50%) scale(1.05);border-color:#ffffff8c;box-shadow:0 0 0 1px #ffffff38,0 10px 28px #7b2ff77a,0 0 52px #d946ef59,0 0 72px #22d3ee1f}.case-do-same-on-thumb:hover:before{opacity:.92;animation-play-state:running}@keyframes dash-do-same-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.case-do-same-on-thumb:before{animation:none}.case-do-same-on-thumb:hover:before{opacity:.45}.case-do-same-on-thumb:hover{transform:translate(-50%,-50%) scale(1.02)}}.case-video-info{display:flex;flex-direction:column;gap:2px}.case-video-author{font-size:11px;font-weight:500;color:var(--text-primary)}.case-video-likes{font-size:10px;color:var(--text-tertiary);display:flex;align-items:center;gap:2px}.dash-preview-overlay{position:fixed;inset:0;width:100vw;max-width:none;height:100%;min-height:100vh;min-height:100dvh;margin:0;z-index:10050;box-sizing:border-box;background:#0f172a6b;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);display:flex;align-items:center;justify-content:center;padding:24px}[data-theme=dark] .dash-preview-overlay{background:#080a128c}.dash-preview-modal{position:relative;display:flex;flex-direction:column;align-items:stretch;width:min(520px,100%);max-height:min(86vh,720px);overflow:auto;background:var(--glass-bg);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-glass),0 24px 64px #0000002e;padding:20px 20px 24px}.dash-preview-footer{display:flex;justify-content:center;align-items:center;width:100%;margin-top:4px}.dash-preview-modal--video{width:-moz-fit-content;width:fit-content;max-width:min(94vw,420px);padding:10px 10px 14px}.dash-preview-overlay--chromeless{padding:16px}.dash-preview-chromeless-body{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(360px,92vw);background:transparent;border:none;box-shadow:none;padding:0}.dash-preview-chromeless-body .sw-bound-footer{width:100%}.dash-preview-close--float{position:fixed;top:16px;right:16px;z-index:10060;background:#0f172a8c;color:#f8fafc;border:1px solid rgba(255,255,255,.12)}.dash-preview-close--float:hover{background:#1e293bbf;color:#fff}.dash-preview-overlay--chromeless .dash-preview-do-same--compact{margin-top:0}.dash-preview-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:10px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.dash-preview-close:hover{color:var(--text-primary);background:#7b2ff714}.dash-preview-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 40px 16px 0;line-height:1.35}.dash-preview-video-shell{line-height:0;background:#000;border-radius:12px;overflow:hidden}.dash-preview-video{display:block;width:auto;max-width:min(92vw,400px);max-height:min(82vh,780px);height:auto;margin:0 auto;background:#000;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.dash-preview-do-same{margin-top:12px;width:100%;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:none;border-radius:12px;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent-purple) 0%,#9333ea 100%);box-shadow:0 6px 20px #7b2ff759;transition:transform .15s ease,box-shadow .15s ease}.dash-preview-do-same svg{flex-shrink:0}.dash-preview-do-same:hover{transform:translateY(-1px);box-shadow:0 10px 28px #7b2ff773}.dash-preview-do-same--compact{margin-top:0;width:auto;min-width:120px;max-width:100%;padding:8px 18px;font-size:13px;font-weight:600;white-space:nowrap}.dash-preview-footer .dash-preview-do-same--compact{flex-shrink:0}.dash-preview-image-wrap{display:flex;flex-direction:column;gap:12px}.dash-preview-image{width:100%;border-radius:12px;-o-object-fit:contain;object-fit:contain;max-height:420px;background:var(--bg-secondary)}.dash-preview-desc{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.dash-preview-body{margin:0;font-size:14px;line-height:1.65;color:var(--text-secondary);white-space:pre-wrap}@media(max-width:1400px){.db-tracks-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.db-tracks-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.db-tracks-grid{grid-template-columns:repeat(2,1fr)}.db-create-row{flex-direction:column}.db-create-card.school-card{flex:1 1 auto;max-width:none;width:100%}}.va-upsell-overlay{position:fixed;inset:0;z-index:10050}.va-upsell-backdrop{position:absolute;inset:0;border:none;background:#0f172a1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.feature-gate-page{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.feature-gate-page__content{flex:1;min-height:0;display:flex;flex-direction:column}.feature-gate-page__content--locked{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;filter:none;transform:none}.feature-gate-page__scrim{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:28px 20px;background:#ffffff85;backdrop-filter:blur(12px) saturate(1.18);-webkit-backdrop-filter:blur(12px) saturate(1.18)}[data-theme=dark] .feature-gate-page__scrim{background:#0c0e1694;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}.feature-gate-page__scrim--loading,.feature-gate-page__scrim--locked{pointer-events:none}.feature-gate-page__loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(148,163,184,.28);color:var(--text-secondary);font-size:14px}.feature-gate-page__loading p{margin:0}.feature-gate-page__loading-spin{color:var(--accent-purple, #7b2ff7);animation:feature-gate-spin .85s linear infinite}@keyframes feature-gate-spin{to{transform:rotate(360deg)}}[data-theme=dark] .feature-gate-page__loading{background:#1c1e28e0;border-color:#ffffff1a;color:var(--text-secondary)}.feature-gate-page__scrim--modal{position:fixed;inset:0;z-index:1;background:#ffffff7a;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15)}[data-theme=dark] .feature-gate-page__scrim--modal{background:#0c0e169e}.feature-upsell-card-wrap{position:relative;z-index:2;width:min(440px,100%)}.va-upsell-modal,.feature-upsell-card{position:relative;width:auto;max-width:100%;padding:36px 28px 28px;text-align:center;border-radius:16px;background:#fffffff0;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);border:1px solid rgba(255,255,255,.78);box-shadow:0 20px 48px #0f172a1f,inset 0 1px #ffffffd9}[data-theme=dark] .va-upsell-modal,[data-theme=dark] .feature-upsell-card{background:#1c1e28e6;border-color:#ffffff24;box-shadow:0 20px 48px #00000061,inset 0 1px #ffffff0f}.va-upsell-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;z-index:3}.va-upsell-close:hover{background:var(--bg-primary);color:var(--text-primary)}.feature-upsell-card-wrap__secondary{margin-top:12px}.va-upsell-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#6563ff1f;color:var(--accent-primary, #6563ff);margin-bottom:12px}.va-upsell-title{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.va-upsell-desc{margin:0 auto 22px;max-width:360px;font-size:.875rem;color:var(--text-secondary);line-height:1.55}.va-upsell-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.va-upsell-actions--dual{justify-content:center}.va-upsell-btn{display:inline-flex;align-items:center;justify-content:center;min-width:148px;padding:10px 22px;border-radius:10px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:opacity .15s ease,transform .15s ease}.va-upsell-btn.primary{background:linear-gradient(90deg,#7857ff,#6563ff);color:#fff}.va-upsell-btn.primary:hover{opacity:.92}.va-upsell-btn.ghost{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-default)}.va-upsell-btn.ghost:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.membership-page{display:flex;flex-direction:column;gap:0;max-width:1100px;margin:0 auto;width:100%}.membership-page--hub{padding-bottom:8px}.membership-hero{position:relative;height:168px;border-radius:20px;background:linear-gradient(135deg,#def4ff,#e6e0fa);overflow:hidden}.membership-hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;height:100%;padding:24px 28px 28px;box-sizing:border-box}.membership-hero__identity{display:flex;align-items:center;gap:16px;min-width:0}.membership-hero__avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0;border:3px solid rgba(255,255,255,.92);box-shadow:0 8px 24px #7b2ff71f;-o-object-fit:cover;object-fit:cover}.membership-hero__text{min-width:0}.membership-hero__name{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25}.membership-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:13px;color:var(--text-secondary);line-height:1.45}.membership-hero__dot{opacity:.5}.membership-hero__copy{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:2px;padding:0;border:none;border-radius:6px;background:#ffffff8c;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.membership-hero__copy:hover{background:#ffffffd9;color:var(--accent-purple)}.membership-hero__actions{display:flex;flex-shrink:0;align-items:center;gap:10px}.membership-vip-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;color:#7b2ff7;background:#ffffffb8;border:1px solid rgba(123,47,247,.12)}.membership-hero__upgrade,.membership-coin-bar__upgrade{padding:9px 18px;border:none;border-radius:999px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#9b5ff7);box-shadow:0 6px 20px #7b2ff747;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;flex-shrink:0}.membership-hero__upgrade:hover,.membership-coin-bar__upgrade:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7b2ff757;filter:brightness(1.03)}.membership-sheet{position:relative;margin-top:-24px;padding:24px;border-radius:24px 24px 20px 20px;background:var(--bg-card);box-shadow:0 8px 40px #0f172a0f}.membership-coin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 18px;margin-bottom:24px;border-radius:16px;background:linear-gradient(135deg,#7b2ff70f,#6366f10a)}.membership-coin-bar__main{display:flex;align-items:center;gap:12px;min-width:0}.membership-coin-bar__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--accent-purple);background:#7b2ff71a}.membership-coin-bar__label{display:block;font-size:12px;color:var(--text-tertiary);line-height:1.2}.membership-coin-bar__value{display:block;font-size:22px;font-weight:700;color:var(--accent-purple);line-height:1.15;font-variant-numeric:tabular-nums}.membership-coin-bar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.membership-coin-bar__upgrade--ghost{color:var(--accent-purple);background:#fff;border:1px solid rgba(123,47,247,.28);box-shadow:none}.membership-coin-bar__upgrade--ghost:hover{box-shadow:0 4px 14px #7b2ff71f;filter:none}.membership-coin-grant-filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.membership-coin-grant-filter.active{color:#fff;background:linear-gradient(135deg,#7b2ff7,#9b5ff7);border-color:transparent}.membership-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.membership-bento-card{display:flex;flex-direction:row;align-items:center;gap:14px;min-height:88px;padding:16px 14px 16px 16px;border:1px solid rgba(15,23,42,.05);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f8fafceb);text-align:left;cursor:pointer;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.membership-bento-card:hover{transform:translateY(-2px);border-color:#7b2ff71f;box-shadow:0 2px 4px #0f172a0a,0 14px 32px #7b2ff714}.membership-bento-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border-radius:14px;color:var(--text-primary);background:linear-gradient(145deg,#eef6ff,#f3efff 55%,#faf5ff);box-shadow:inset 0 1px #ffffffd9}.membership-bento-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.membership-bento-card__title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.membership-bento-card__desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}.membership-bento-card__arrow{flex-shrink:0;color:var(--text-tertiary);opacity:.45;transition:transform .2s ease,opacity .2s ease,color .2s ease}.membership-bento-card:hover .membership-bento-card__arrow{opacity:1;color:var(--accent-purple);transform:translate(2px)}[data-theme=dark] .membership-bento-card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-color:#ffffff0f}[data-theme=dark] .membership-bento-card__icon{color:var(--text-primary);background:linear-gradient(145deg,#7b2ff724,#6366f11a)}.membership-hub-ad{margin-top:24px}.membership-withdraw-panel{display:flex;flex-direction:column;gap:20px}.membership-withdraw-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,#00c85314,#7b2ff70f);border:1px solid rgba(0,200,83,.12)}.membership-withdraw-hero__main{min-width:0}.membership-withdraw-hero__label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.membership-withdraw-hero__amount{display:block;font-size:32px;font-weight:800;letter-spacing:-.03em;color:#00a152;line-height:1.1;font-variant-numeric:tabular-nums}.membership-withdraw-hero__hint{margin:10px 0 0;font-size:12px;color:var(--text-tertiary);line-height:1.5}.membership-withdraw-apply-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:132px;padding:12px 22px;border:none;border-radius:999px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#9b5ff7);box-shadow:0 8px 24px #7b2ff747;transition:transform .15s ease,filter .15s ease}.membership-withdraw-apply-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.membership-withdraw-apply-btn:disabled{opacity:.6;cursor:not-allowed}.membership-withdraw-records__title{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-primary)}.membership-withdraw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.membership-withdraw-list__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px;background:var(--bg-primary);border:1px solid rgba(15,23,42,.05);box-shadow:0 2px 10px #0f172a08}.membership-withdraw-list__left{display:flex;flex-direction:column;gap:4px;min-width:0}.membership-withdraw-list__amount{font-size:18px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.membership-withdraw-list__time{font-size:12px;color:var(--text-tertiary)}.membership-withdraw-list__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.membership-withdraw-list__remark{font-size:12px;color:var(--text-tertiary);max-width:180px;text-align:right}.membership-withdraw-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.membership-withdraw-status--pending{color:var(--accent-purple);background:#7b2ff71a}.membership-withdraw-status--done{color:#059669;background:#0596691a}.membership-withdraw-status--reject{color:#dc2626;background:#dc262614}.membership-withdraw-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border-radius:16px;border:1px dashed rgba(15,23,42,.1);color:var(--text-tertiary)}.membership-withdraw-empty p{margin:0;font-size:14px}.membership-withdraw-modal{width:min(420px,92vw)}.membership-withdraw-modal__body{padding-top:8px}.membership-withdraw-modal__balance{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.membership-withdraw-modal__balance strong{margin-left:8px;font-size:22px;font-weight:800;color:#00a152}.membership-withdraw-modal__hint{margin:0 0 16px;font-size:13px;line-height:1.55}.membership-withdraw-input-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-primary)}.membership-withdraw-input-yen{font-size:18px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.membership-withdraw-modal .membership-withdraw-input{flex:1;min-width:0;padding:6px 10px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:24px;font-weight:700;color:var(--text-primary);outline:none;box-shadow:none;font-variant-numeric:tabular-nums;transition:border-color .15s ease}.membership-withdraw-modal .membership-withdraw-input:focus{border-color:#7b2ff738;outline:none;box-shadow:none}.membership-withdraw-input::-moz-placeholder{color:var(--text-tertiary);font-weight:500;font-size:18px}.membership-withdraw-input::placeholder{color:var(--text-tertiary);font-weight:500;font-size:18px}@media(max-width:768px){.membership-withdraw-hero{flex-direction:column;align-items:stretch}.membership-withdraw-apply-btn{width:100%}}.membership-detail{display:flex;align-items:center;gap:12px;margin-bottom:20px}.membership-back{display:inline-flex;align-items:center;gap:2px;padding:6px 10px 6px 6px;border:none;border-radius:10px;background:var(--bg-primary);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background .15s ease}.membership-back:hover{color:var(--accent-purple);background:#7b2ff70f}.membership-detail__title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.membership-media-accounts__intro{margin:0 0 16px}.membership-settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start}.membership-settings-nav{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:14px;background:var(--bg-primary)}.membership-settings-nav button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.membership-settings-nav button:hover{color:var(--text-primary);background:#7b2ff70f}.membership-settings-nav button.active{color:var(--accent-purple);font-weight:600;background:#7b2ff71a;box-shadow:inset 3px 0 0 var(--accent-purple)}[data-theme=dark] .membership-hero{background:linear-gradient(135deg,#7b2ff72e,#1e1b28f2)}[data-theme=dark] .membership-hero__copy{background:#7b2ff738;color:#ffffffe0;border:1px solid rgba(167,139,250,.28)}[data-theme=dark] .membership-hero__copy:hover{background:#7b2ff761;color:#fff;border-color:#c4b5fd73}[data-theme=dark] .membership-sheet{box-shadow:0 8px 40px #00000040}@media(max-width:1024px){.membership-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.membership-hero{height:auto;min-height:148px}.membership-hero__inner{flex-direction:column;align-items:flex-start;padding:20px 18px 24px}.membership-hero__actions{width:100%;justify-content:flex-end}.membership-sheet{padding:18px 16px;margin-top:-18px}.membership-bento,.membership-settings-layout{grid-template-columns:1fr}.membership-settings-nav{flex-direction:row;flex-wrap:wrap}.membership-settings-nav button.active{box-shadow:inset 0 -3px 0 var(--accent-purple)}}.membership-status{display:flex;align-items:center;gap:20px;padding:28px 32px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:20px;box-shadow:var(--shadow-card)}.status-icon{width:60px;height:60px;border-radius:16px;background:#7b2ff714;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-info{flex:1}.status-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.status-desc{font-size:14px;color:var(--text-secondary)}.status-points,.status-income{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-left:20px;border-left:1px solid var(--border-default)}.status-points span,.status-income span{font-size:13px;color:var(--text-tertiary)}.status-points strong,.status-income strong{font-size:24px;font-weight:700;color:var(--accent-purple)}.status-income strong{color:var(--accent-green)}.membership-tabs{display:flex;gap:8px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px;padding:5px;width:-moz-fit-content;width:fit-content}.membership-tabs button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all .2s ease}.membership-tabs button.active{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%);color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.membership-page--plans{max-width:1280px;gap:16px}.membership-plans-real{display:flex;flex-direction:column;gap:16px}.plans-grid--adaptive{--plan-card-w: min(450px, calc((100% - 40px) / 3));display:grid;justify-content:center;gap:20px;align-items:stretch}.plans-grid--adaptive.plans-grid--count-1{grid-template-columns:var(--plan-card-w)}.plans-grid--adaptive.plans-grid--count-2{grid-template-columns:repeat(2,var(--plan-card-w))}.plans-grid--adaptive.plans-grid--count-3{grid-template-columns:repeat(3,var(--plan-card-w))}.plans-grid--adaptive.plans-grid--count-4{--plan-card-w: min(450px, calc((100% - 60px)/4) );grid-template-columns:repeat(4,var(--plan-card-w))}.plans-grid--adaptive .plan-card{width:100%;max-width:none;height:100%;box-sizing:border-box}.plan-card{position:relative;width:100%;background:var(--bg-card);border:2px solid var(--border-default);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;--plan-intro-fs: 13px;--plan-intro-lh: 1.45}.plan-card-uniform{height:100%}.plan-card-uniform .plan-body{flex:1;min-height:0}.plan-card-uniform .plan-footer{margin-top:auto;flex-shrink:0}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.plan-card.selected{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2ff71a,var(--shadow-card-hover)}.plan-card.recommended{transform:translateY(0);box-shadow:0 12px 32px #7b2ff726}.plan-card.recommended:hover{transform:translateY(-4px)}.recommended-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 12px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:9999px;font-size:11px;font-weight:600;color:#fff;z-index:4}.plan-header{display:flex;flex-direction:column;align-items:stretch}.plan-header--premium{position:relative;isolation:isolate;overflow:hidden;padding:16px 14px 14px;color:#fff;text-align:center;flex-shrink:0;box-sizing:border-box}.plan-header--premium:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 65% at 50% -12%,rgba(255,255,255,.3),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 42%);pointer-events:none;z-index:0}.plan-header--premium:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 95% 55% at 50% 115%,rgba(0,0,0,.14),transparent 50%);pointer-events:none;z-index:0}.plan-header--premium>*{position:relative;z-index:1}.plan-header__ribbon{display:flex;justify-content:center}.plan-header__periodBadge{display:inline-flex;align-items:center;padding:3px 11px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#fffffff7;background:#ffffff29;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff38,0 6px 20px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.plan-header__title{margin:7px 0 0;font-size:1.0625rem;font-weight:700;line-height:1.3;letter-spacing:.03em;text-shadow:0 2px 14px rgba(0,0,0,.14)}.plan-header__priceHero{display:inline-flex;align-items:flex-start;justify-content:center;gap:2px;margin-top:10px;line-height:.88}.plan-header__currency{margin-top:.5em;font-size:1rem;font-weight:700;color:#ffffffe6}.plan-header__amount{font-size:clamp(2.15rem,1.35rem + 2.75vw,2.85rem);font-weight:800;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.13),0 0 56px rgba(255,255,255,.12)}.plan-header__savings{margin-top:8px;min-height:28px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12px}.plan-header__savings--empty{visibility:hidden;pointer-events:none}.plan-header__strike{font-size:14px;color:#ffffff8c;text-decoration:line-through}.plan-header__saveChip{padding:5px 14px;border-radius:9999px;font-weight:700;font-size:12px;letter-spacing:.03em;color:#581c0cf5;background:linear-gradient(135deg,#fef08a,#facc15 55%,#f59e0b);box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff73}.plan-header__divider{margin:11px auto 0;width:44px;height:2px;border-radius:9999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.42) 70%,transparent);opacity:.92}.plan-header__stats{display:flex;align-items:stretch;justify-content:center;width:100%;box-sizing:border-box;margin-top:9px;padding:10px;border-radius:14px;background:#ffffff02;border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15);box-shadow:inset 0 1px #ffffff08}.plan-header__stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}.plan-header__statLabel{font-size:10px;font-weight:600;letter-spacing:.1em;color:#ffffffa6}.plan-header__statValue{font-size:1.28rem;font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1;text-shadow:0 1px 8px rgba(0,0,0,.12)}.plan-header__statValue--strike{font-size:1.15rem;font-weight:700;color:#ffffffc7;text-decoration:line-through;text-decoration-thickness:1.5px}.plan-card__cover{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.plan-card__inner{display:flex;flex-direction:column;flex:1;min-height:0}.plan-card__inner--masked{visibility:hidden}.plan-card__display-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;pointer-events:none}.plan-card--display-cover .plan-card__cover{min-height:280px}.plan-header--has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000002e,#00000052);pointer-events:none;z-index:0}.plan-header--has-photo>*{position:relative;z-index:1}.plan-header__statGap{width:1px;align-self:stretch;margin:2px 0;flex-shrink:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2) 20%,rgba(255,255,255,.26) 50%,rgba(255,255,255,.2) 80%,transparent)}.plan-teaser-empty{margin-top:8px;font-size:14px;opacity:.9}.plan-name{font-size:15px;font-weight:600;margin-bottom:0}.plan-header:not(.plan-header--premium){padding:16px;color:#fff}.plan-price-row{display:flex;align-items:baseline;justify-content:center;gap:2px}.plan-price-unit{font-size:20px;font-weight:600}.plan-price-num{font-size:42px;font-weight:700}.plan-original{display:block;font-size:13px;opacity:.7;margin-top:6px;text-decoration:line-through}.plan-body{flex:0 0 auto;padding:14px 20px 8px;display:flex;flex-direction:column;gap:10px}.plan-body--premium{flex:1;display:flex;flex-direction:column;padding:14px 18px 12px;gap:14px;min-height:0}.plan-intro-line{margin:0;padding:0 2px;min-height:39px;font-size:13px;line-height:1.5;font-weight:500;color:var(--text-secondary);flex-shrink:0}.plan-rights{flex:1;min-height:0;display:flex;flex-direction:column}.plan-rights__label{margin:0 0 10px;padding-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default);flex-shrink:0}.plan-rights__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:14px;column-gap:14px;row-gap:9px;min-height:97px;align-content:start}.plan-rights__item{display:flex;align-items:flex-start;gap:7px;min-width:0;font-size:12.5px;line-height:1.4;font-weight:500;color:var(--text-primary)}.plan-rights__check{flex-shrink:0;margin-top:1px;color:#10b981}.plan-rights__quota{color:var(--text-tertiary);font-weight:400}.plan-bonus{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#7b2ff70f;border-radius:10px;font-size:13px;color:var(--accent-purple);font-weight:500}.plan-features{display:flex;flex-direction:column;gap:10px}.plan-features-fixed{flex-shrink:0}.plan-feature{display:flex;align-items:center;gap:10px;font-size:14px}.plan-feature.included{color:var(--text-primary)}.plan-feature.included svg{color:var(--accent-green);flex-shrink:0}.plan-feature.excluded{color:var(--text-tertiary)}.plan-feature.excluded svg{color:var(--text-tertiary);flex-shrink:0}.plan-footer{position:relative;z-index:3;padding:10px 20px 18px}.plan-select-btn{width:100%;padding:12px 24px;border-radius:9999px;font-size:14px;font-weight:600;border:2px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.plan-select-btn.selected{color:#fff;border-color:transparent}.membership-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.membership-pay-btn{display:flex;align-items:center;gap:10px;padding:16px 48px;font-size:16px}.code-input-panel{display:flex;gap:12px;max-width:400px;margin:0 auto;width:100%}.code-input-panel input{flex:1;padding:12px 16px}.code-input-panel button{padding:12px 28px}.orders-table-wrap{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;overflow-x:auto}.orders-table{width:100%;min-width:880px;border-collapse:collapse;table-layout:auto}.orders-table th{padding:14px 20px;text-align:left;font-size:13px;font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border-default);background:var(--bg-primary)}.orders-table td{padding:16px 20px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-default)}.orders-table tr:last-child td{border-bottom:none}.order-id{font-family:monospace;font-size:13px;color:var(--text-secondary)}.order-price{font-weight:600;color:var(--accent-purple)}.order-date{font-size:13px;color:var(--text-tertiary)}.order-date-cell{white-space:nowrap;font-size:13px;color:var(--text-secondary)}.order-status-cell,.order-action-cell{white-space:nowrap}.orders-table .action-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font-size:13px;font-weight:500;color:var(--accent-purple);cursor:pointer;white-space:nowrap}.orders-table .action-link:hover{text-decoration:underline}.order-status{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.35}.order-status.success{background:#00c8531a;color:var(--accent-green)}.order-status.refunded{background:#ff3b301a;color:#ff3b30}.income-section{display:flex;flex-direction:column;gap:20px}.income-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.income-card{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;text-align:center}.income-card.highlight{border-color:var(--accent-green);background:#00c8530a}.income-label{font-size:13px;color:var(--text-tertiary)}.income-value{font-size:28px;font-weight:700;color:var(--text-primary)}.income-card.highlight .income-value{color:var(--accent-green)}.income-list-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-top:8px}.income-list{display:flex;flex-direction:column;gap:8px}.income-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px}.income-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.income-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.income-item-source{font-size:14px;color:var(--text-primary)}.income-item-date{font-size:12px;color:var(--text-tertiary)}.income-item-amount{font-size:18px;font-weight:700;color:var(--accent-green)}.withdraw-section{display:flex;flex-direction:column;gap:20px}.withdraw-balance-card{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%);border-radius:20px;color:#fff}.withdraw-balance-info{display:flex;flex-direction:column;gap:4px}.withdraw-label{font-size:14px;opacity:.85}.withdraw-amount{font-size:36px;font-weight:700}.withdraw-bank-info{display:flex;align-items:center;gap:10px;font-size:14px;opacity:.9}.withdraw-bank-info button{color:#fff;opacity:.8}.bank-form{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.bank-form h4{font-size:16px;font-weight:600;color:var(--text-primary)}.bank-form-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bank-form-fields input,.bank-form-fields select{padding:11px 14px;font-size:14px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);outline:none;transition:border-color .2s}.bank-form-fields input:focus,.bank-form-fields select:focus{border-color:var(--accent-purple)}.bank-form-fields input::-moz-placeholder{color:var(--text-tertiary)}.bank-form-fields input::placeholder{color:var(--text-tertiary)}.bank-form-actions{display:flex;gap:12px;justify-content:flex-end}.withdraw-form{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.withdraw-form h4{font-size:16px;font-weight:600;color:var(--text-primary)}.withdraw-input-row{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:14px}.withdraw-currency{font-size:20px;font-weight:600;color:var(--text-primary)}.withdraw-input{flex:1;background:none;border:none;font-size:24px;font-weight:600;color:var(--text-primary);outline:none}.withdraw-input::-moz-placeholder{font-size:16px;font-weight:400;color:var(--text-tertiary)}.withdraw-input::placeholder{font-size:16px;font-weight:400;color:var(--text-tertiary)}.withdraw-hint{font-size:13px;color:var(--text-tertiary)}.withdraw-submit{align-self:flex-start;padding:14px 40px!important}.withdraw-history-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-top:8px}.withdraw-list{display:flex;flex-direction:column;gap:8px}.withdraw-record{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px}.withdraw-record-info{display:flex;align-items:center;gap:16px}.withdraw-record-amount{font-size:20px;font-weight:700;color:var(--text-primary)}.withdraw-record-account{font-size:13px;color:var(--text-tertiary)}.withdraw-record-meta{display:flex;align-items:center;gap:12px}.withdraw-record-status{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500}.withdraw-record-status.completed{background:#00c8531a;color:var(--accent-green)}.withdraw-record-status.processing{background:#7b2ff71a;color:var(--accent-purple)}.withdraw-record-date{font-size:13px;color:var(--text-tertiary)}@media(max-width:1200px){.plans-grid--adaptive.plans-grid--count-4{--plan-card-w: min(450px, calc((100% - 20px)/2) );grid-template-columns:repeat(2,var(--plan-card-w))}}@media(max-width:1024px){.plans-grid--adaptive.plans-grid--count-4,.plans-grid--adaptive.plans-grid--count-3{--plan-card-w: min(450px, calc((100% - 20px)/2) );grid-template-columns:repeat(2,var(--plan-card-w))}.plans-grid:not(.plans-grid--adaptive){grid-template-columns:1fr;max-width:400px;margin:0 auto}.plan-card.recommended{transform:none}.income-summary{grid-template-columns:repeat(2,1fr)}.bank-form-fields{grid-template-columns:1fr}.membership-status{flex-wrap:wrap}}@media(max-width:768px){.membership-plans-page-header{flex-direction:column;align-items:stretch}.membership-plans-page-header .membership-plans-toolbar--actions{justify-content:flex-end}.plans-grid--adaptive,.plans-grid--adaptive.plans-grid--count-4,.plans-grid--adaptive.plans-grid--count-3,.plans-grid--adaptive.plans-grid--count-2,.plans-grid--adaptive.plans-grid--count-1{--plan-card-w: min(450px, 100%);grid-template-columns:minmax(0,450px);justify-content:center}.plans-grid--adaptive .plan-card{width:100%;max-width:450px}.income-summary{grid-template-columns:1fr}.withdraw-balance-card{flex-direction:column;align-items:flex-start;gap:16px}}.settings-section{max-width:600px}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-item{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;transition:all .2s ease}.settings-item:hover{border-color:#7b2ff726;box-shadow:0 4px 16px #0000000a}.settings-item-icon{width:40px;height:40px;border-radius:12px;background:#7b2ff714;color:var(--accent-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.settings-item-title{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-item-desc{font-size:12px;color:var(--text-tertiary)}.settings-item-arrow{color:var(--text-tertiary);flex-shrink:0}.mask{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.membership-settings-backdrop{z-index:4000;width:100vw;min-height:100vh;min-height:100dvh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:20px;box-shadow:0 24px 80px #0003;overflow:hidden}.modal-center{animation:modalIn .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-default)}.modal-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;transition:all .15s}.modal-close:hover{background:#7b2ff71a;color:var(--accent-purple)}.modal-body{padding:20px 24px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border-default)}.settings-modal .modal-footer .gradient-btn,.membership-avatar-crop-dialog .modal-footer .gradient-btn{padding:2px 8px;box-sizing:border-box}.redeem-dialog-field{margin-bottom:0}.redeem-dialog-modal .modal-footer .gradient-btn{font-size:13px;padding:6px 16px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:11px 14px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7b2ff714}.form-group input::-moz-placeholder{color:var(--text-tertiary)}.form-group input::placeholder{color:var(--text-tertiary)}input:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.settings-modal{width:480px;max-width:90vw}.settings-modal--wide{width:min(640px,94vw);max-height:min(90vh,920px);overflow:auto}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden}.profile-avatar--trigger{display:block;border:none;padding:0;margin:0;background:none;cursor:pointer;font:inherit;color:inherit;border-radius:50%}.profile-avatar--trigger:focus-visible{outline:2px solid var(--accent-purple);outline-offset:3px}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none}.profile-avatar-edit{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#00000080;color:#fff;font-size:11px;border:none;cursor:pointer;text-align:center;pointer-events:none}.membership-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.membership-avatar-crop-backdrop{z-index:5000;width:100vw;min-height:100vh;min-height:100dvh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073}.membership-avatar-crop-dialog{width:560px;max-width:94vw}.membership-avatar-crop-heading{display:flex;flex-direction:column;gap:4px}.membership-avatar-crop-subtitle{font-size:12px;font-weight:400;color:var(--text-tertiary)}.membership-avatar-crop-body{padding-top:16px;padding-bottom:16px}.membership-avatar-crop-layout{display:flex;gap:20px;align-items:stretch}.membership-avatar-crop-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.membership-avatar-crop-stage{position:relative;width:100%;height:320px;border-radius:16px;overflow:hidden;background:#f3f4f6;border:1px solid var(--border-default)}.membership-avatar-crop-controls{display:flex;align-items:center;gap:10px}.membership-crop-zoom{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13px;color:var(--text-secondary)}.membership-crop-zoom input[type=range]{flex:1;min-width:0;accent-color:var(--accent-purple, #7b2ff7)}.membership-crop-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:34px;height:34px;padding:0;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.membership-crop-rotate-btn{width:auto;padding:0 12px;font-size:13px}.membership-crop-icon-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#7b2ff70f}.membership-avatar-crop-hint{margin:0;font-size:12px;color:var(--text-tertiary);text-align:center}.membership-avatar-crop-preview{width:132px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 12px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-default)}.membership-avatar-crop-preview-title{margin:0;font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.membership-avatar-crop-preview-item{display:flex;flex-direction:column;align-items:center;gap:8px}.membership-avatar-crop-preview-frame{width:88px;height:88px;overflow:hidden;border:2px solid var(--border-default);background:var(--bg-primary);box-shadow:0 4px 16px #0000000f}.membership-avatar-crop-preview-frame--round{border-radius:50%}.membership-avatar-crop-preview-frame--square{border-radius:14px}.membership-avatar-crop-preview-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.membership-avatar-crop-preview-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#7b2ff714,#7b2ff705)}.membership-avatar-crop-preview-label{font-size:12px;color:var(--text-tertiary)}.membership-avatar-crop-footer{justify-content:space-between;align-items:center}.membership-avatar-crop-footer-left{display:flex;align-items:center;gap:8px}.membership-avatar-crop-btn-ghost{padding:8px 14px;border:1px solid var(--border-default);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.membership-avatar-crop-btn-ghost:hover:not(:disabled){border-color:var(--accent-purple);color:var(--accent-purple);background:#7b2ff70f}.membership-avatar-crop-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.membership-avatar-crop-dialog .modal-footer .gradient-btn{padding:8px 20px;font-size:13px}.membership-avatar-crop-dialog .modal-footer .gradient-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:560px){.membership-avatar-crop-layout{flex-direction:column}.membership-avatar-crop-preview{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.membership-avatar-crop-preview-title{width:100%;text-align:center}.membership-avatar-crop-stage{height:260px}.membership-avatar-crop-footer{flex-direction:column-reverse;align-items:stretch;gap:12px}.membership-avatar-crop-footer-left{justify-content:center}.membership-avatar-crop-dialog .modal-footer .gradient-btn{width:100%}}.notify-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-default)}.notify-item:last-child{border-bottom:none}.notify-info{display:flex;flex-direction:column;gap:4px}.notify-title{font-size:14px;font-weight:600;color:var(--text-primary)}.notify-desc{font-size:12px;color:var(--text-tertiary)}.notify-toggle{background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:color .2s;padding:0;display:flex;align-items:center}.notify-toggle.on{color:var(--accent-purple)}.membership-security-tabs{display:flex;gap:0;margin:0 0 16px;border-bottom:1px solid var(--border-default)}.membership-security-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:14px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s}.membership-security-tab:hover{color:var(--text-secondary)}.membership-security-tab.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple);font-weight:600}.membership-security-sms-btn{flex-shrink:0;padding:6px 10px!important;font-size:12px!important;font-weight:500;white-space:nowrap;min-width:76px;border-radius:8px;line-height:1.2}.security-section{padding:4px 0}.security-hint{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--text-tertiary)}.security-hint strong{color:var(--text-secondary);font-weight:600}.membership-security-verify-row{margin-top:12px;display:flex;justify-content:flex-end}.membership-security-verify-btn{min-width:100px;padding:8px 18px;font-size:14px}.security-section-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent-purple);margin-bottom:12px}.security-divider{height:1px;background:var(--border-default);margin:16px 0}.form-group-inline{display:flex;gap:10px;align-items:stretch}.form-group-inline input{flex:1;padding:11px 14px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none}.form-group-inline .action-btn-outline{padding:10px 16px;font-size:12px;white-space:nowrap}.payment-bank-branch-tip{margin:-8px 0 16px;font-size:12px;line-height:1.5;color:#ef4444}.payment-notice-list{margin:4px 0 20px;padding-left:1.1em;font-size:13px;line-height:1.75;color:var(--text-secondary)}.payment-notice-list li+li{margin-top:2px}.payment-notice-mark{color:var(--accent-purple);font-weight:500}.order-status.pending{color:#ef4444}.membership-plans-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.membership-plans-page-header .membership-plans-page-title{margin:0}.membership-plans-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px}.membership-plans-toolbar--actions{flex-wrap:wrap}.membership-billing-section{display:flex;justify-content:center;padding:4px 0 8px}.membership-billing-toggle{display:inline-flex;gap:8px;align-items:center}.membership-billing-toggle--premium{gap:10px;padding:8px;border-radius:22px;background:linear-gradient(var(--bg-card, #fff),var(--bg-card, #fff)) padding-box,linear-gradient(135deg,#7b2ff773,#cc3fde59) border-box;border:1.5px solid transparent;box-shadow:0 10px 40px #7b2ff71f,0 2px 8px #0f172a0f,inset 0 1px #ffffffa6}.billing-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:148px;padding:14px 32px;border-radius:16px;border:1px solid transparent;cursor:pointer;color:var(--text-secondary, #64748b);background:transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.billing-toggle-label{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.02em}.billing-toggle-hint{font-size:12px;font-weight:500;line-height:1.2;color:var(--text-tertiary, #94a3b8);transition:color .2s ease}.billing-toggle-btn:hover:not(.active){color:var(--text-primary, #0f172a);background:#7b2ff70f}.billing-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#7b2ff7,#9b5ff7 55%,#7857ff);border-color:#ffffff2e;box-shadow:0 8px 24px #7b2ff761,inset 0 1px #ffffff38;transform:translateY(-1px)}.billing-toggle-btn.active .billing-toggle-hint{color:#ffffffe0}[data-theme=dark] .membership-billing-toggle--premium{background:linear-gradient(var(--bg-card, #1e293b),var(--bg-card, #1e293b)) padding-box,linear-gradient(135deg,#7b2ff78c,#cc3fde66) border-box;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0f}.membership-billing-toggle--count-3 .billing-toggle-btn{min-width:128px;padding:14px 22px}@media(max-width:768px){.membership-billing-toggle--premium{width:100%;max-width:420px}.membership-billing-toggle--count-3{max-width:100%}.billing-toggle-btn{flex:1;min-width:0;padding:12px 16px}.billing-toggle-label{font-size:15px}}.recharge-coin-btn,.exchange-code-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid var(--border-default, rgba(15, 23, 42, .12));cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, #64748b);background:var(--bg-card, #fff);transition:background .15s ease,border-color .15s ease,color .15s ease}.recharge-coin-btn:hover,.exchange-code-btn:hover{color:var(--text-primary, #0f172a);border-color:#0f172a33;background:var(--bg-secondary, rgba(15, 23, 42, .04))}[data-theme=dark] .recharge-coin-btn,[data-theme=dark] .exchange-code-btn{background:var(--bg-card, #1e293b);border-color:#ffffff1f;color:var(--text-secondary, #94a3b8)}[data-theme=dark] .recharge-coin-btn:hover,[data-theme=dark] .exchange-code-btn:hover{color:var(--text-primary, #f1f5f9);background:#ffffff0f}.membership-muted{font-size:14px;color:var(--text-tertiary);margin:8px 0}.membership-error-text{color:#ef4444;font-size:14px}.membership-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.membership-page-info{font-size:13px;color:var(--text-secondary)}.membership-placeholder-card{padding:24px;border-radius:16px;border:1px solid var(--border-default);background:var(--bg-card);line-height:1.6}.plan-intro-slot{flex-shrink:0;height:calc(var(--plan-intro-fs) * var(--plan-intro-lh) * 4);overflow:hidden;box-sizing:border-box}.plan-intro{margin:0;padding:0;font-size:var(--plan-intro-fs);line-height:var(--plan-intro-lh);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.plan-period-hint{font-size:13px;margin-left:4px;opacity:.9}.profile-avatar-default,.profile-avatar-default.user-avatar-default{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px;color:var(--text-tertiary);background:var(--bg-secondary)}.payment-dialog-backdrop{background:#0f172a6b;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15)}.payment-dialog-modal{width:min(400px,calc(100vw - 32px));max-width:400px;border-radius:20px;box-shadow:0 24px 64px #0f172a2e,0 0 0 1px color-mix(in srgb,var(--border-default) 80%,transparent);animation:orderConfirmIn .24s cubic-bezier(.22,1,.36,1) forwards}.payment-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 0}.payment-dialog-heading{min-width:0}.payment-dialog-wechat-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;margin-bottom:10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#059669;background:#10b9811f}.payment-dialog-title{margin:0;font-size:16px;font-weight:700;line-height:1.4;color:var(--text-primary);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-dialog-amount{display:flex;align-items:baseline;gap:2px;margin:8px 0 0;font-size:32px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text-primary)}.payment-dialog-amount-yen{font-size:18px;font-weight:700}.payment-dialog-body{display:flex;flex-direction:column;padding:18px 22px 8px}.payment-dialog-qr-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.payment-dialog-qr-frame{position:relative;width:228px;height:228px;padding:14px;border-radius:18px;border:1px solid var(--border-default);background:#fff;box-shadow:0 8px 28px #0f172a14;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease}.payment-dialog-qr-frame.is-loading{background:var(--bg-secondary);box-shadow:none}.payment-dialog-qr-img{display:block;width:200px;height:200px;border-radius:8px}.payment-dialog-qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;font-size:13px;color:var(--text-secondary);text-align:center}.payment-dialog-status{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;font-weight:600;color:var(--text-primary)}.payment-dialog-status-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 #22c55e73;animation:paymentStatusPulse 1.6s ease-out infinite}@keyframes paymentStatusPulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.payment-dialog-ledger{padding:12px 14px;border-radius:14px;background:var(--bg-primary);border:1px solid var(--border-default)}.payment-dialog-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;color:var(--text-secondary)}.payment-dialog-ledger-row+.payment-dialog-ledger-row{border-top:1px dashed color-mix(in srgb,var(--border-default) 70%,transparent)}.payment-dialog-ledger-row strong{font-weight:600;font-size:12px;color:var(--text-primary);font-variant-numeric:tabular-nums}.payment-dialog-footer{padding:10px 22px 20px}.payment-dialog-legal{margin:0;text-align:center;font-size:11px;line-height:1.55;color:var(--text-tertiary)}[data-theme=dark] .payment-dialog-backdrop{background:#0000008c}[data-theme=dark] .payment-dialog-qr-frame:not(.is-loading){background:#fff}[data-theme=dark] .payment-dialog-wechat-badge{color:#34d399;background:#10b9812e}.payment-order-meta p{margin:6px 0;font-size:14px}.payment-label{color:var(--text-tertiary);margin-right:6px}.payment-qr-block{text-align:center}.payment-qr-img{border-radius:8px;border:1px solid var(--border-default)}.payment-qr-loading{padding:40px;color:var(--text-secondary)}.payment-qr-hint{margin-top:12px;font-weight:500}.payment-qr-sub{font-size:12px;color:var(--text-tertiary);margin-top:4px}.order-confirm-backdrop{background:#0f172a6b;backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15)}.order-confirm-modal{width:min(420px,calc(100vw - 32px));max-width:420px;border-radius:20px;box-shadow:0 24px 64px #0f172a2e,0 0 0 1px color-mix(in srgb,var(--border-default) 80%,transparent);animation:orderConfirmIn .24s cubic-bezier(.22,1,.36,1) forwards}@keyframes orderConfirmIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.order-confirm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 0}.order-confirm-heading{min-width:0}.order-confirm-title{margin:0;font-size:18px;font-weight:700;line-height:1.35;color:var(--text-primary);letter-spacing:-.02em}.order-confirm-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-tertiary)}.order-confirm-close:disabled{opacity:.45;cursor:not-allowed}.order-confirm-body{padding:18px 22px 8px}.order-confirm-empty{margin:0;padding:24px 0;text-align:center;font-size:14px;color:var(--text-secondary)}.order-confirm-spec-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none}.order-confirm-spec-row::-webkit-scrollbar{display:none}.order-confirm-spec-chip{position:relative;flex:0 0 auto;min-width:132px;padding:14px 14px 12px;border-radius:14px;border:1px solid var(--border-default);background:var(--bg-secondary);cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .15s ease}.order-confirm-spec-chip:hover{border-color:color-mix(in srgb,var(--accent-purple) 35%,var(--border-default))}.order-confirm-spec-chip.is-active{border-color:color-mix(in srgb,var(--accent-purple) 55%,transparent);background:color-mix(in srgb,var(--accent-purple) 7%,var(--bg-secondary));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-purple) 12%,transparent)}.order-confirm-spec-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--accent-purple);color:#fff}.order-confirm-spec-chip-days{display:block;font-size:13px;font-weight:600;color:var(--text-secondary)}.order-confirm-spec-chip-price{display:block;margin-top:6px;font-size:22px;font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em}.order-confirm-spec-chip-badge{display:inline-block;margin-top:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#b45309;background:#f59e0b24}.order-confirm-spec-chip-coins{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:600;color:var(--accent-purple)}.order-confirm-spec-chip-origin{display:block;margin-top:4px;font-size:11px;text-decoration:line-through;color:var(--text-tertiary)}.order-confirm-hero{padding:18px 18px 16px;margin-bottom:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent-purple) 18%,var(--border-default));background:linear-gradient(145deg,color-mix(in srgb,var(--accent-purple) 6%,var(--bg-secondary)) 0%,var(--bg-secondary) 100%)}.order-confirm-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-confirm-hero-days{font-size:14px;font-weight:600;color:var(--text-secondary)}.order-confirm-hero-badge{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#b45309;background:#f59e0b29}.order-confirm-hero-price{display:flex;align-items:baseline;gap:4px;margin-top:10px}.order-confirm-hero-yen{font-size:18px;font-weight:700;color:var(--text-primary)}.order-confirm-hero-amount{font-size:36px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text-primary)}.order-confirm-hero-origin{margin-left:8px;font-size:14px;text-decoration:line-through;color:var(--text-tertiary)}.order-confirm-hero-coins{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--accent-purple);background:color-mix(in srgb,var(--accent-purple) 10%,transparent)}.order-confirm-ledger{padding:14px 16px;border-radius:14px;background:var(--bg-primary);border:1px solid var(--border-default)}.order-confirm-ledger-head{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.order-confirm-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;color:var(--text-secondary)}.order-confirm-ledger-row+.order-confirm-ledger-row{border-top:1px dashed color-mix(in srgb,var(--border-default) 70%,transparent)}.order-confirm-ledger-row strong{font-weight:600;color:var(--text-primary)}.order-confirm-ledger-pay{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)!important}.order-confirm-ledger-save{color:#059669!important}.order-confirm-footer{padding:12px 22px 20px}.order-confirm-pay-btn{width:100%;min-height:48px;padding:12px 20px;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#a855f7);box-shadow:0 8px 24px #6366f152;transition:filter .15s ease,box-shadow .15s ease,transform .12s ease,opacity .15s ease}.order-confirm-pay-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 10px 28px #6366f161}.order-confirm-pay-btn:active:not(:disabled){transform:scale(.985)}.order-confirm-pay-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.order-confirm-legal{margin:10px 0 0;text-align:center;font-size:11px;line-height:1.45;color:var(--text-tertiary)}[data-theme=dark] .order-confirm-backdrop{background:#0000008c}[data-theme=dark] .order-confirm-hero-badge,[data-theme=dark] .order-confirm-spec-chip-badge{color:#fbbf24;background:#f59e0b33}.order-spec-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.order-spec-card{min-width:160px;padding:14px 18px;border-radius:12px;border:2px solid var(--border-default);background:var(--bg-secondary);cursor:pointer;text-align:left}.order-spec-card.active{border-color:var(--accent-purple)}.order-confirm-summary{font-size:15px;color:var(--text-secondary)}.order-confirm-value-line{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.membership-plans-page-title{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--text-primary, #0f172a)}.membership-plans-page-title__icon{color:var(--accent-purple, #7857ff);flex-shrink:0}[data-theme=dark] .membership-plans-page-title{color:var(--text-primary, #f1f5f9)}.membership-media-accounts{max-width:960px}.membership-media-accounts__heading{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:var(--text-primary, #0f172a)}[data-theme=dark] .membership-media-accounts__heading{color:var(--text-primary, #f1f5f9)}.membership-media-channel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:4px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-secondary, rgba(15, 23, 42, .04));width:-moz-fit-content;width:fit-content}.membership-media-channel-tabs button{padding:8px 18px;border-radius:9px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.membership-media-channel-tabs button:hover{color:var(--text-primary);background:#7b2ff714}.membership-media-channel-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%)}.membership-settings-section{margin-top:4px}.membership-settings-tabs{max-width:100%}.membership-settings-tabs button{display:inline-flex;align-items:center;gap:6px}.membership-settings-panel{padding:4px 0 8px}.membership-settings-panel-inner{max-width:480px}.membership-settings-panel-inner--wide{max-width:100%}.membership-role-switch-intro{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.55}.membership-role-track-wrap{margin:0 -4px}.membership-role-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:14px;padding:8px 4px 12px;overflow:visible;align-content:start}.membership-role-track .role-picker-card{flex:unset;width:auto;min-width:0;scroll-snap-align:unset}.membership-role-subpick-lead{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--text-primary)}.membership-role-back{margin-top:12px;border:none;background:none;color:var(--accent-purple);font-size:13px;cursor:pointer;padding:0}.membership-theme-panel{border:none;padding:0;background:transparent}.membership-settings-actions{margin-top:20px;padding-top:4px}.membership-wm-locked{position:relative;min-height:300px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.18);background:#f8fafc99}.membership-wm-locked__preview{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px 14px 16px;opacity:.58;filter:saturate(.88)}.membership-wm-locked__glass{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding:56px 24px 28px;background:#ffffffb8;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.72)}.membership-wm-locked__text{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b);text-align:center;letter-spacing:.01em}.membership-wm-locked__cta{display:inline-flex;align-items:center;justify-content:center;min-width:112px;padding:9px 22px;border-radius:999px;border:1px solid #d97706;background:linear-gradient(180deg,#fbbf2447,#f59e0b29);color:#b45309;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #b4530914;transition:background .15s ease,border-color .15s ease,transform .15s ease}.membership-wm-locked__cta:hover{background:linear-gradient(180deg,#fbbf2466,#f59e0b3d);border-color:#b45309;transform:translateY(-1px)}[data-theme=dark] .membership-wm-locked{background:#0f172a59;border-color:#94a3b81f}[data-theme=dark] .membership-wm-locked__glass{background:#0f172aad;border-color:#ffffff1a}[data-theme=dark] .membership-wm-locked__cta{color:#fbbf24;border-color:#f59e0b;background:linear-gradient(180deg,#f59e0b38,#d977061f)}.membership-media-channel-body{min-height:120px}.membership-media-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;padding:32px;border-radius:14px;border:1px dashed var(--border-default);background:var(--bg-card)}.membership-media-xhs-notice{flex-direction:column;gap:12px;text-align:center}.membership-media-xhs-notice__icon{color:#f59e0b;flex-shrink:0}.membership-media-xhs-notice__line{margin:0;max-width:360px;font-size:14px;line-height:1.65;color:var(--text-secondary)}.coin-recharge-modal{width:min(560px,92vw)}.coin-recharge-modal-title{display:inline-flex;align-items:center;gap:8px}.coin-recharge-modal-body{padding-top:4px}.coin-recharge-modal-desc{margin:0 0 16px;font-size:13px;line-height:1.55}.membership-recharge-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-subtle)}.membership-recharge-head{margin-bottom:16px}.membership-recharge-title{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:600;color:var(--text-primary)}.membership-recharge-desc{margin:0;font-size:13px}.membership-recharge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.membership-recharge-card{border:1px solid var(--border-subtle);border-radius:14px;padding:16px;background:var(--bg-card);display:flex;flex-direction:column;gap:6px}.membership-recharge-card-title{font-weight:600;font-size:15px;color:var(--text-primary)}.membership-recharge-card-price{font-size:22px;font-weight:700;color:var(--accent-purple)}.membership-recharge-card-coins{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.membership-recharge-buy-btn{margin-top:auto;width:100%;padding:8px 12px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.membership-recharge-buy-btn:disabled{opacity:.65;cursor:not-allowed}.membership-recharge-vip-hint{margin:auto 0 0;font-size:12px;color:var(--text-muted);text-align:center}.membership-my-voices-intro{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;margin-bottom:20px;border-radius:14px;border:1px solid var(--border-default);background:linear-gradient(135deg,#7b2ff70f,#6366f10a)}.membership-my-voices-intro-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-purple);background:#7b2ff71f}.membership-my-voices-intro-title{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--text-primary)}.membership-my-voices-intro-desc{margin:0;font-size:13px;line-height:1.5}.membership-my-voices-apply-hint{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--accent-purple, #6366f1)}.membership-my-voices-spec{margin:8px 0 0;font-size:12px}.membership-my-voices-new-btn{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:500;box-sizing:border-box}.membership-my-voices-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;color:var(--text-secondary);font-size:14px}.membership-my-voices-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;border-radius:14px;border:1px dashed var(--border-default);color:var(--text-secondary);text-align:center}.membership-my-voices-empty p{margin:8px 0 0;font-size:15px;font-weight:600;color:var(--text-primary)}.membership-my-voices-empty span{font-size:13px;max-width:320px}.membership-my-voices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.membership-my-voices-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-default);background:var(--bg-card);transition:border-color .15s ease,box-shadow .15s ease}.membership-my-voices-card:hover{border-color:#7b2ff740;box-shadow:0 4px 16px #0000000a}.membership-my-voices-card-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-purple);background:#7b2ff71a}.membership-my-voices-card-body{flex:1;min-width:0}.membership-my-voices-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.membership-my-voices-card-meta{display:flex;align-items:center;gap:8px;font-size:12px}.membership-my-voices-card-meta .tag-ready{padding:2px 8px;border-radius:999px;background:#22c55e1f;color:#16a34a;font-weight:600}.membership-my-voices-card-meta .tag-pending{padding:2px 8px;border-radius:999px;background:#fb923c1f;color:#ea580c;font-weight:600}.membership-my-voices-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.membership-my-voices-play,.membership-my-voices-delete{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.membership-my-voices-play:hover:not(:disabled),.membership-my-voices-delete:hover{border-color:#7b2ff759;color:var(--accent-purple)}.membership-my-voices-play.is-playing{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.membership-my-voices-play:disabled{opacity:.4;cursor:not-allowed}.membership-voice-clone-backdrop{background:#0c0e167a;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.membership-my-voices-wizard-modal{width:min(520px,92vw);max-height:min(88vh,720px)}.membership-my-voices-wizard-body{max-height:min(56vh,480px)}.membership-my-voices-wizard-lead{margin:0 0 16px;font-size:13px;line-height:1.55}.membership-my-voices-wizard-progress{padding:8px 0 4px}.membership-my-voices-wizard-modal .modal-footer .gradient-btn,.membership-my-voices-wizard-modal .modal-footer .membership-wizard-ghost{min-height:40px;padding:10px 22px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box}.membership-my-voices-wizard-modal .modal-footer .gradient-btn{min-width:112px;box-shadow:0 8px 20px #7b2ff747}.membership-my-voices-wizard-modal .modal-footer .membership-wizard-ghost{min-width:88px}.membership-my-voices-price{margin:12px 0 0;font-size:14px;font-weight:600;color:var(--accent-purple)}.membership-my-voices-script-tabs{display:flex;gap:8px;margin:12px 0}.membership-my-voices-script-tabs button{padding:6px 12px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-primary);font-size:13px;cursor:pointer;color:var(--text-secondary)}.membership-my-voices-script-tabs button.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#7b2ff714}.membership-my-voices-script-text{padding:14px;margin:0;border-radius:10px;font-size:14px;line-height:1.65;background:#00000008;color:var(--text-primary)}.membership-my-voices-upload-btn{margin-top:14px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px dashed rgba(123,47,247,.45);background:#7b2ff70f;color:var(--accent-purple);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.membership-my-voices-upload-btn:hover{background:#7b2ff71a;border-color:var(--accent-purple)}.membership-my-voices-consent{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:13px;line-height:1.45;color:var(--text-secondary)}.membership-wizard-ghost{padding:10px 18px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.membership-wizard-ghost:hover:not(:disabled){border-color:var(--accent-purple);color:var(--accent-purple);background:#7b2ff70f}.membership-wizard-ghost:disabled{opacity:.55;cursor:not-allowed}@media(max-width:720px){.membership-my-voices-intro{flex-direction:column}.membership-my-voices-new-btn{margin-left:0;width:100%;justify-content:center}.membership-role-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.entitlement-panel{display:flex;flex-direction:column;gap:16px}.entitlement-panel__hero{padding:20px 24px;border-radius:16px}.entitlement-panel__eyebrow{margin:0 0 6px;font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.entitlement-panel__status{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-primary)}.entitlement-panel__summary{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.entitlement-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.entitlement-panel__empty{padding:32px 24px;text-align:center;border-radius:16px}.entitlement-panel__empty-title{margin:0 0 8px;font-size:16px;font-weight:600}.entitlement-card{padding:16px 18px;border-radius:14px;border:1px solid var(--border-default);background:var(--bg-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}.entitlement-card__head{display:flex;align-items:flex-start;gap:12px}.entitlement-card__icon{width:40px;height:40px;border-radius:10px;background:#7b2ff71a;color:var(--accent-purple);display:flex;align-items:center;justify-content:center;flex-shrink:0}.entitlement-card__titles{flex:1;min-width:0}.entitlement-card__title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.35}.entitlement-card__plan-quota{margin:4px 0 0;font-size:13px;font-weight:400;color:var(--text-secondary);line-height:1.4;white-space:nowrap}.entitlement-card__daily{font-weight:500;color:var(--accent, #6366f1);font-size:13px}.entitlement-card__daily-line{margin:0;font-size:13px;color:var(--text-secondary)}.entitlement-card__daily-line strong{color:var(--accent, #6366f1);font-weight:600}.entitlement-card__subtitle{margin:4px 0 0;font-size:12px;color:var(--text-tertiary)}.entitlement-card__expire{flex-shrink:0;font-size:11px;font-weight:500;color:var(--text-tertiary);white-space:nowrap;padding:4px 8px;border-radius:999px;background:#94a3b81f}.entitlement-card__badge{flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px}.entitlement-card__badge--on{color:#059669;background:#0596691f}.entitlement-card__body{display:flex;flex-direction:column;gap:10px;padding-left:52px}.entitlement-card--storage .entitlement-card__body{padding-left:0}.entitlement-card__quota-row{display:flex;flex-direction:column;gap:6px}.entitlement-card__quota-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.entitlement-card__quota-label{font-weight:600;color:var(--text-secondary)}.entitlement-card__quota-hint{font-weight:400;color:var(--text-secondary)}.entitlement-card__quota-hint--pending{color:var(--text-secondary);font-weight:500}.entitlement-card__meter{height:6px;border-radius:999px;background:#94a3b833;overflow:hidden}.entitlement-card__meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7b2ff7,#9d5cff);transition:width .3s ease}.entitlement-card__meter-fill--usage{background:linear-gradient(90deg,#7b2ff7,#9d5cff)}.entitlement-card__meter-fill--storage{background:linear-gradient(90deg,#22c55e,#86efac)}.entitlement-card__unlimited{margin:0;font-size:13px;color:var(--text-secondary)}.entitlement-card__storage-line{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.entitlement-card__storage-line strong{color:var(--text-primary)}.entitlement-card__foot-hint{margin:8px 0 0;font-size:12px;color:var(--text-tertiary)}@media(max-width:640px){.entitlement-card__body{padding-left:0}.entitlement-card__head{flex-wrap:wrap}.entitlement-card__expire,.entitlement-card__badge{margin-left:52px}}.membership-creation-types-panel{display:flex;flex-direction:column}.membership-creation-types-locked{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.membership-creation-types-locked p{color:var(--text-secondary, #666);font-size:14px}.membership-creation-types-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.membership-creation-types-intro{display:flex;gap:12px;flex:1;min-width:0}.membership-creation-types-intro-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft, rgba(99, 102, 241, .1));color:var(--accent, #6366f1)}.membership-creation-types-intro-title{font-weight:600;font-size:15px;margin:0 0 2px}.membership-creation-types-new-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 14px;border-radius:9px;border:1px solid var(--accent, #6366f1);background:var(--accent, #6366f1);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #6366f138}.membership-creation-types-new-btn:hover{background:var(--accent-hover, #5457e5);border-color:var(--accent-hover, #5457e5);box-shadow:0 4px 14px #6366f14d;transform:translateY(-1px)}.membership-creation-types-new-btn:active{transform:translateY(0)}.membership-creation-types-new-btn svg{flex-shrink:0}.membership-creation-types-card-intro{font-size:12px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.membership-creation-types-editor{max-width:600px;width:90vw}.membership-creation-types-editor-body{max-height:68vh;overflow-y:auto;padding:20px 24px}.membership-creation-types-editor-body .form-group{margin-bottom:16px}.membership-creation-types-editor-body .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary, #1f2937);margin-bottom:7px}.membership-creation-types-editor-body .form-group input[type=text],.membership-creation-types-editor-body .form-group input[type=number]{width:100%;padding:9px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:13px;color:var(--text-primary, #1f2937);background:var(--bg-primary, #fff);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.membership-creation-types-editor-body .form-group input[type=text]:focus,.membership-creation-types-editor-body .form-group input[type=number]:focus{outline:none;border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px #6366f11f}.membership-creation-types-basetype-picker{width:100%;display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--bg-primary, #fff);cursor:pointer;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;text-align:left}.membership-creation-types-basetype-picker:hover{border-color:var(--accent, #6366f1)}.membership-creation-types-basetype-picker:focus{outline:none;border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px #6366f11f}.membership-creation-types-basetype-label{flex:1;font-size:13px;color:var(--text-primary, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-creation-types-basetype-arrow{flex-shrink:0;color:var(--text-tertiary, #9ca3af);transform:rotate(0);transition:transform .2s}.membership-creation-types-textarea{width:100%;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.6;color:var(--text-primary, #1f2937);background:var(--bg-primary, #fff);resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .15s,box-shadow .15s}.membership-creation-types-textarea:focus{outline:none;border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px #6366f11f}.membership-creation-types-textarea--prompt{min-height:188px;max-height:356px;overflow-y:auto}.membership-creation-types-textarea--params{min-height:104px;max-height:188px;overflow-y:auto}.membership-creation-types-editor .modal-footer .membership-creation-types-save-btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:8px 18px;font-size:12px;font-weight:500;box-sizing:border-box}.membership-creation-types-editor .modal-footer .membership-creation-types-save-btn svg{flex-shrink:0}.membership-creation-types-category-row{display:flex;flex-wrap:wrap;gap:8px}.membership-creation-types-category-btn{padding:7px 16px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text-secondary, #666);font-size:13px;cursor:pointer;transition:all .15s}.membership-creation-types-category-btn:hover{border-color:var(--accent, #6366f1);color:var(--accent, #6366f1)}.membership-creation-types-category-btn.active{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1);color:#fff}.entitlement-denied-modal{position:relative;box-sizing:border-box;width:min(368px,calc(100vw - 32px));overflow:hidden}.entitlement-denied-modal__close{position:absolute;top:12px;right:12px;z-index:1;width:32px;height:32px;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.entitlement-denied-modal__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.entitlement-denied-modal__content{padding:32px 24px 24px;text-align:center}.entitlement-denied-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:#6563ff1f;color:var(--accent-primary, #6563ff)}.entitlement-denied-modal__message{margin:0;padding:0 8px;font-size:14px;font-weight:600;line-height:1.65;color:var(--text-primary)}.entitlement-denied-modal__footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--border-default)}.entitlement-denied-modal__btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;white-space:nowrap;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.entitlement-denied-modal__btn--ghost{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-default)}.entitlement-denied-modal__btn--ghost:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.entitlement-denied-modal__btn--primary{background:linear-gradient(90deg,#7857ff,#6563ff);color:#fff}.entitlement-denied-modal__btn--primary:hover{opacity:.92}@media(max-width:400px){.entitlement-denied-modal__content{padding:28px 18px 22px}.entitlement-denied-modal__footer{padding:12px 16px 16px}.entitlement-denied-modal__btn{min-height:34px;padding:0 12px;font-size:12px}}.route-loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;padding:32px 16px;color:var(--text-secondary, #64748b)}.route-loading-spinner{width:28px;height:28px;border:3px solid rgba(148,163,184,.35);border-top-color:var(--primary, #6366f1);border-radius:50%;animation:route-loading-spin .75s linear infinite}.route-loading-text{font-size:14px}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.login-tenant-picker{margin-bottom:16px}.login-tenant-hint{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--text-secondary, rgba(255, 255, 255, .55))}.login-tenant-commerce{color:var(--accent, #a78bfa);font-size:11px}.login-page{position:relative;z-index:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);overflow:hidden}.login-page--with-video{background:transparent}.login-page__video-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;background:#0a0a0f}.login-page__video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .6s ease;opacity:0}.login-page__video.is-active{opacity:1}.login-page__video.is-hidden{opacity:0}.login-page__video-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#0f172a52,#1e1b4b33 45%,#0f172a47)}.login-shell{position:relative;width:100%;max-width:440px;border-radius:20px;padding:32px 28px;background:color-mix(in srgb,var(--bg-card) 62%,transparent);border:1px solid color-mix(in srgb,var(--border-default) 65%,transparent);box-shadow:var(--shadow-card-hover);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px)}.login-brand{text-align:center;margin-bottom:24px}.login-brand-logo{display:block;max-height:52px;max-width:180px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;margin:0 auto 14px}.login-brand h1{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.login-brand p{margin:0;font-size:.875rem;color:var(--text-secondary)}.login-tabs{display:flex;gap:8px;margin-bottom:20px}.login-tab{flex:1;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-default) 65%,transparent);background:color-mix(in srgb,var(--bg-primary) 42%,transparent);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-tab:hover{color:var(--text-primary);border-color:var(--border-focus)}.login-tab.active{color:var(--accent-purple);border-color:var(--accent-purple);background:color-mix(in srgb,var(--accent-purple) 14%,transparent);font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-subtabs{display:flex;gap:12px;margin-bottom:16px;font-size:.85rem;color:var(--text-secondary)}.login-subtabs button{background:none;border:none;padding:0;cursor:pointer;color:inherit}.login-subtabs button.active{color:var(--accent-purple);font-weight:600}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.login-input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-default) 70%,transparent);background:color-mix(in srgb,var(--bg-primary) 38%,transparent);color:var(--text-primary);font-size:.95rem;outline:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s,background .2s}.login-input::-moz-placeholder{color:var(--text-tertiary)}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{border-color:var(--border-focus)}.login-row{display:flex;gap:10px;align-items:stretch}.login-row .login-input{flex:1}.login-btn-primary{width:100%;margin-top:8px;padding:12px 16px;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%);cursor:pointer;transition:opacity .2s,transform .15s}.login-btn-primary:disabled{opacity:.55;cursor:not-allowed}.login-btn-primary:not(:disabled):hover{opacity:.95}.login-btn-ghost{padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-default) 70%,transparent);background:color-mix(in srgb,var(--bg-elevated) 40%,transparent);color:var(--accent-purple);font-size:.85rem;cursor:pointer;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,background .2s}.login-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.login-hint{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-top:16px;line-height:1.5;font-weight:500}.login-hint a{color:var(--accent-purple);text-decoration:none}.login-hint a:hover{text-decoration:underline}.login-hint button.login-hint-link{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--accent-purple);text-decoration:none}.login-hint button.login-hint-link:hover{text-decoration:underline}.login-qrcode-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:220px;justify-content:center}.login-qrcode{width:200px;height:200px;border-radius:12px;background:color-mix(in srgb,var(--bg-card) 45%,transparent);padding:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--border-default) 50%,transparent)}.login-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-purple);border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-msg{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:.85rem;background:#7b2ff714;color:var(--text-primary)}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.onboarding-card{width:100%;max-width:440px;border-radius:20px;padding:32px 28px;background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--shadow-card-hover)}.onboarding-card h2{margin:0 0 12px;font-size:22px;font-weight:700;color:var(--text-primary)}.onboarding-card .desc{margin:0 0 24px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.onboarding-loading{margin:0;font-size:14px;color:var(--text-secondary)}.profile-onboarding-page{position:relative;min-height:100vh;align-items:flex-start;padding-top:48px}.profile-onboarding-skip{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1300;border:none;background:transparent;color:#6366f1;font-size:14px;cursor:pointer;padding:8px 16px}.profile-picker-mask{position:fixed;inset:0;z-index:1200;background:#0f172a85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.profile-picker-modal{width:min(1080px,100%);overflow:visible;display:flex;flex-direction:column;background:var(--bg-card, #fff);border-radius:20px;padding:28px 28px 24px;box-shadow:0 24px 64px #0f172a38;border:1px solid var(--border-default, rgba(148, 163, 184, .2))}.profile-picker-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;flex-shrink:0}.profile-picker-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.profile-picker-subtitle{margin:10px 0 0;font-size:14px;color:var(--text-secondary);line-height:1.55;max-width:520px}.profile-picker-close{flex-shrink:0;border:none;background:var(--bg-secondary, #f1f5f9);border-radius:10px;cursor:pointer;color:var(--text-secondary);padding:8px;transition:background .15s,color .15s}.profile-picker-close:hover{background:#7b2ff71a;color:var(--accent-purple)}.profile-picker-grid-wrap{display:flex;flex-direction:column}.profile-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:14px;padding:8px 4px 16px;overflow:visible;align-content:start}.profile-picker-grid .role-picker-card{flex:unset;width:auto;min-width:0}.profile-picker-footer{flex-shrink:0;display:flex;justify-content:center;padding-top:12px;border-top:1px solid var(--border-default, rgba(148, 163, 184, .2))}.profile-picker-confirm{min-width:168px;padding:11px 36px;font-size:15px;font-weight:600}.profile-picker-confirm:disabled{opacity:.45;cursor:not-allowed;transform:none}.profile-picker-sub{flex:1;min-height:0;display:flex;flex-direction:column}.profile-picker-sub-lead{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text-primary)}.profile-picker-back{margin-top:8px;border:none;background:transparent;color:var(--accent-purple);cursor:pointer;font-size:14px;font-weight:500;padding:4px 0}.profile-picker-back:hover{text-decoration:underline}@media(max-width:640px){.profile-picker-modal{padding:20px 16px 18px;border-radius:16px}.profile-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-picker-grid .role-picker-card{padding:16px 12px 14px}.role-picker-card__avatar{width:60px;height:60px}}.role-picker-card{flex:0 0 200px;width:200px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px 18px;border-radius:16px;border:1px solid var(--border-default, rgba(148, 163, 184, .35));background:linear-gradient(165deg,var(--bg-card, #fff) 0%,var(--bg-secondary, #f8fafc) 100%);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;scroll-snap-align:start}.role-picker-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent-purple, #7b2ff7);box-shadow:0 12px 32px #7b2ff724}.role-picker-card--active{border-color:var(--accent-purple, #7b2ff7);background:linear-gradient(165deg,#7b2ff714,#7b2ff708);box-shadow:0 0 0 1px #7b2ff740,0 8px 24px #7b2ff71f}.role-picker-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.role-picker-card__avatar-wrap{position:relative;margin-bottom:14px}.role-picker-card__avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 20px #0f172a1f;border:3px solid rgba(255,255,255,.9)}.role-picker-card--active .role-picker-card__avatar{border-color:var(--accent-purple, #7b2ff7)}.role-picker-card__active-dot{position:absolute;right:2px;bottom:2px;width:18px;height:18px;border-radius:50%;background:var(--accent-purple, #7b2ff7);border:2px solid var(--bg-card, #fff);box-shadow:0 2px 6px #7b2ff766}.role-picker-card__label{display:block;font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:8px}.role-picker-card__hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--text-secondary);line-height:1.5;min-height:36px}.role-picker-card__audience{display:block;width:100%;margin-top:8px;font-size:11px;color:var(--text-tertiary, #64748b);line-height:1.45}.role-picker-card__audience strong{color:var(--text-secondary);font-weight:600}.role-picker-card__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.role-picker-card__tag{font-size:10px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:#7b2ff714;color:var(--accent-purple, #7b2ff7)}.back-to-top-btn{position:fixed;right:28px;bottom:28px;z-index:200;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light, var(--accent-purple)) 100%);box-shadow:0 6px 24px #7b2ff759;transition:transform .18s ease,filter .18s ease,opacity .18s ease}.back-to-top-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.back-to-top-btn:active{transform:translateY(0)}@media(max-width:767px){.back-to-top-btn{right:16px;bottom:16px;width:44px;height:44px}}.login-gate-overlay{position:fixed;inset:64px 0 0 260px;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:color-mix(in srgb,var(--bg-primary) 55%,transparent);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}@media(max-width:1023px){.login-gate-overlay{left:0}}.login-gate-panel{width:min(420px,100%);padding:36px 32px 28px;text-align:center;border-radius:24px;border:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);box-shadow:0 24px 64px #0000001f,0 0 0 1px #ffffff0a inset}.login-gate-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 20px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#7b2ff7,#d946ef 55%,#fb923c);box-shadow:0 12px 32px #7b2ff747}.login-gate-title{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.3}.login-gate-desc{margin:0 0 28px;font-size:14px;line-height:1.65;color:var(--text-secondary)}.login-gate-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:280px;padding:14px 24px;border:none;border-radius:9999px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7,#9b5ff7);box-shadow:0 8px 24px #7b2ff752;transition:transform .18s ease,box-shadow .18s ease}.login-gate-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #7b2ff761}.login-gate-secondary{display:block;margin:14px auto 0;padding:6px 12px;border:none;background:none;font-size:13px;color:var(--text-tertiary);cursor:pointer;transition:color .15s ease}.login-gate-secondary:hover{color:var(--text-secondary)}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-primary);--sidebar-width: 260px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.content-area{position:relative;flex:1;padding:32px;max-width:1440px;width:100%;margin:0 auto}body:has(.note-editor-page--shell){overflow:hidden}.main-area:has(.note-editor-page--shell){height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.content-area:has(.note-editor-page--shell){flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;max-width:none;width:100%;margin:0;padding:12px 16px 16px;box-sizing:border-box}.content-area:has(.note-editor-page--shell[data-density=compact]){padding-right:0;padding-bottom:0}.content-area:has(.note-editor-page--shell)>*{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.content-area:has(.note-editor-page--shell) .note-editor-page--shell{flex:1;min-height:0;height:auto;max-height:100%;overflow:hidden;display:flex;flex-direction:column}.main-area:has(.create-shell-page){height:100dvh;max-height:100dvh;overflow:hidden}.content-area:has(.create-shell-page){flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:12px 20px 16px;max-width:1440px;width:100%;margin:0 auto}.content-area:has(.create-shell-page)>*{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.main-area:has(.fb-workbench-page){height:100dvh;max-height:100dvh;overflow:hidden}.content-area:has(.fb-workbench-page){flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:12px 20px 16px;max-width:1440px;width:100%;margin:0 auto}.content-area:has(.fb-workbench-page)>*{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.content-area:has(.viral-articles-page){padding:12px 20px 24px;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}.main-area:has(.my-creations-page){height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.content-area:has(.my-creations-page){flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:12px 20px 16px;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}.content-area:has(.my-creations-page)>*{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}body:has(.long-article-editor-page){overflow:hidden}.main-area:has(.long-article-editor-page){height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.content-area:has(.long-article-editor-page){flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;max-width:1680px;width:100%;margin:0 auto;padding:8px 20px 12px;box-sizing:border-box}.content-area:has(.long-article-editor-page)>*{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.content-area:has(.image-studio-v2-page){flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.content-area:has(.image-studio-v2-page)>*{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-area:has(.image-studio-v2-page){overflow:hidden;min-height:0;height:100vh}.content-area:has(.music-studio-page),.content-area:has(.music-library-page){flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.content-area:has(.music-studio-page)>*,.content-area:has(.music-library-page)>*{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1023px){.app-layout{--sidebar-width: 0px}.main-area{margin-left:0}.content-area{padding:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) forwards}.animate-modal-in{animation:modalIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-spin-slow{animation:spin 2s linear infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}[data-sonner-toast].note-center-toast-slot,.note-center-toast-slot,[data-sonner-toast].create-completion-toast-slot,.create-completion-toast-slot{min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.welcome-promo-overlay{position:fixed;inset:0;z-index:10050;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:24px}.welcome-promo-card{max-width:400px;width:100%;background:var(--bg-primary, #fff);color:var(--text-primary, #0f172a);border-radius:12px;padding:24px 22px;box-shadow:0 20px 50px #0f172a33}.welcome-promo-card h2{margin:0 0 12px;font-size:1.15rem}.welcome-promo-desc{margin:0 0 8px;line-height:1.5}.welcome-promo-warn{margin:0 0 12px;color:#b45309;font-size:.9rem}.welcome-promo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.welcome-promo-btn{flex:1 1 auto;min-width:96px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-secondary, #f8fafc);cursor:pointer;font-size:.9rem}.welcome-promo-btn:disabled{opacity:.55;cursor:not-allowed}.welcome-promo-btn.primary{background:#5b21b6;color:#fff;border-color:#5b21b6}.welcome-promo-btn.danger{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.welcome-promo-actions--ad{margin-top:12px;justify-content:center}.welcome-promo-ad-panel .welcome-promo-btn.primary{min-width:120px;flex:0 1 auto}.create-completion-toast{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:999998;width:min(360px,calc(100vw - 32px));padding:14px 14px 12px;border-radius:16px;background:color-mix(in srgb,var(--bg-elevated, #fff) 96%,transparent);border:1px solid color-mix(in srgb,var(--border-default, #e2e8f0) 85%,transparent);box-shadow:0 16px 48px #0f172a24,0 0 0 1px #ffffff0f;pointer-events:auto;animation:createCompletionToastIn .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes createCompletionToastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.create-completion-toast__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.create-completion-toast__close:hover{background:var(--bg-secondary);color:var(--text-secondary)}.create-completion-toast__main{display:flex;align-items:flex-start;gap:10px;padding-right:24px}.create-completion-toast__icon{flex-shrink:0;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#059669;background:#10b9811f}.create-completion-toast__body{min-width:0;flex:1}.create-completion-toast__title{margin:0;font-size:14px;font-weight:700;line-height:1.35;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-completion-toast__status{margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--text-secondary)}.create-completion-toast__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border-default) 65%,transparent)}.create-completion-toast__primary{min-height:32px;padding:0 14px;border:none;border-radius:999px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#a855f7);box-shadow:0 4px 14px #6366f147;transition:filter .15s ease,transform .12s ease}.create-completion-toast__primary:hover{filter:brightness(1.05)}.create-completion-toast__primary:active{transform:scale(.98)}.create-completion-toast__ghost{min-height:32px;padding:0 12px;border:none;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease}.create-completion-toast__ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .create-completion-toast{box-shadow:0 16px 48px #00000073,0 0 0 1px #ffffff0f}[data-theme=dark] .create-completion-toast__icon{color:#34d399;background:#10b9812e}@media(max-width:640px){.create-completion-toast{top:72px;left:50%;width:min(360px,calc(100vw - 24px))}}.async-job-sheet{background:#faf8fffa!important;border-left:1px solid rgba(123,47,247,.1)!important;box-shadow:-8px 0 32px #7b2ff714;padding:0!important;gap:0!important}[data-theme=dark] .async-job-sheet{background:#1c1a26fa!important;border-left-color:#9b5ff726!important;box-shadow:-8px 0 32px #00000059}.async-job-sheet-header{padding:20px 20px 14px!important;border-bottom:1px solid var(--border-default);flex-shrink:0;background:#7b2ff70a}[data-theme=dark] .async-job-sheet-header{background:#7b2ff714}.async-job-sheet-header [data-slot=sheet-title]{font-size:16px;font-weight:600;color:var(--text-primary)}.async-job-sheet-body{flex:1;overflow-y:auto;padding:12px 16px 24px}.async-job-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:14px;width:100%}.async-job-toolbar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.async-job-toolbar-test{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:auto;flex-shrink:0}.async-job-toolbar-test input{accent-color:var(--accent-purple)}.async-job-select{font-size:12px;font-weight:500;padding:5px 28px 5px 10px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-width:0}.async-job-select:focus{outline:none;border-color:#7b2ff759}.async-job-card-debug{color:var(--text-tertiary);font-family:ui-monospace,monospace;font-size:11px}.async-job-card-debug-line{margin-top:4px;font-size:11px;line-height:1.4;color:var(--text-tertiary);word-break:break-word}.async-job-card-debug-line--raw{font-family:ui-monospace,monospace;color:#dc2626}[data-theme=dark] .async-job-card-debug-line--raw{color:#f87171}.async-job-btn--feedback{background:#ef444414;color:#dc2626}.async-job-btn--feedback:hover:not(:disabled){background:#ef444424}.async-job-btn--feedback-done,.async-job-btn--feedback:disabled{opacity:.55;cursor:not-allowed}.async-job-empty{font-size:13px;color:var(--text-tertiary);text-align:center;padding:32px 16px}.async-job-sheet-loading{color:var(--text-secondary)}.async-job-sheet-loading .copy-material-loading{min-height:160px;padding:24px 16px;gap:0}.async-job-list{display:flex;flex-direction:column;gap:10px}.async-job-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:0;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.async-job-card-main{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;width:100%}.async-job-card--expandable{cursor:pointer}.async-job-card--expandable:hover{border-color:#7b2ff740;box-shadow:var(--shadow-card)}.async-job-card--expanded{border-color:#7b2ff759}.async-job-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.async-job-card-chevron{flex-shrink:0;font-size:11px;color:var(--text-tertiary);line-height:1.4;padding-top:2px}.async-job-card-expand{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-default);width:100%}.async-job-expand-block{margin-bottom:10px}.async-job-expand-block:last-child{margin-bottom:0}.async-job-expand-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin:0 0 4px}.async-job-expand-loading,.async-job-expand-meta{font-size:11px;color:var(--text-tertiary);margin:0}.async-job-card:hover,.async-job-card--expandable:hover{border-color:#7b2ff740;box-shadow:var(--shadow-card)}.async-job-card--pending{border-left:3px solid var(--text-tertiary)}.async-job-card--running{border-left:3px solid var(--accent-purple);background:#7b2ff70a}[data-theme=dark] .async-job-card--running{background:#7b2ff71a}.async-job-card--succeeded{border-left:3px solid var(--accent-green)}.async-job-card--failed{border-left:3px solid #ef4444;background:#ef44440a}[data-theme=dark] .async-job-card--failed{background:#ef444414}.async-job-card-title{font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4;word-break:break-word}.async-job-detail-headline{font-weight:600;color:var(--text-primary)!important;margin-bottom:8px!important}.async-job-card-meta{color:var(--text-secondary);font-size:12px;line-height:1.45}.async-job-card-meta--failed{color:#dc2626}[data-theme=dark] .async-job-card-meta--failed{color:#f87171}.async-job-card-meta--warning{color:#d97706}[data-theme=dark] .async-job-card-meta--warning{color:#fbbf24}.async-job-card-error{margin-top:6px;font-size:11px;line-height:1.4;color:#dc2626;word-break:break-word}.async-job-detail-btn{flex-shrink:0;font-size:12px;font-weight:500;color:var(--accent-purple);background:#7b2ff714;border:none;border-radius:8px;padding:4px 10px;cursor:pointer;transition:background .15s ease}.async-job-detail-btn:hover{background:#7b2ff724}.async-job-detail-sheet{z-index:60}.async-job-detail-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:12px 14px}.async-job-detail-section h4{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.async-job-detail-section p{margin:0 0 4px;color:var(--text-secondary);line-height:1.5}.async-job-detail-section p:last-child{margin-bottom:0}.async-job-pre{font-size:11px;line-height:1.45;background:#7b2ff70f;border:1px solid rgba(123,47,247,.1);border-radius:8px;padding:10px 12px;overflow:auto;max-height:10rem;color:var(--text-secondary);margin:0}.async-job-pre--trace{max-height:15rem}[data-theme=dark] .async-job-pre{background:#00000040;border-color:var(--border-default)}.async-job-detail-sections{display:flex;flex-direction:column;gap:12px}.async-job-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-default, #e2e8f0)}.async-job-card-body{min-width:0;width:100%}.async-job-card-primary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-default)}.async-job-card-primary-row-end{display:flex;justify-content:flex-end;flex-shrink:0}.async-job-detail-btn--align-start{margin-right:auto}.async-job-card-debug-panel{width:100%}.async-job-card-debug-panel .async-job-card-expand{margin-top:8px;padding-top:0;border-top:none}.async-job-card-btns--secondary{margin-top:8px;padding-top:0;border-top:none;justify-content:flex-end}.async-job-card-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex-shrink:0;margin-top:10px;width:100%}.async-job-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.async-job-tabs--secondary{margin-bottom:14px}.async-job-tab{font-size:12px;font-weight:500;padding:5px 12px;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.async-job-tab--sm{font-size:11px;padding:4px 10px}.async-job-tab--active{border-color:#7b2ff759;background:#7b2ff71a;color:var(--accent-purple)}.async-job-card-progress{margin-top:8px;height:4px;border-radius:2px;background:#7b2ff71f;overflow:hidden}.async-job-card-progress-fill{display:block;height:100%;border-radius:2px;background:var(--accent-purple);transition:width .3s ease}.async-job-empty-hint{margin-top:8px;font-size:12px;line-height:1.5;color:var(--text-tertiary)}.async-job-footer-hint{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-default);font-size:11px;line-height:1.45;color:var(--text-tertiary);text-align:center}.async-job-detail-btn--ghost{background:transparent;color:var(--text-secondary)}.async-job-detail-btn--ghost:hover{background:#7b2ff70f}.async-job-detail-tech{margin-top:12px;font-size:11px;color:var(--text-tertiary)}.async-job-detail-tech summary{cursor:pointer;color:var(--text-secondary)}.copy-material-loading{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:min(420px,52vh);width:100%;padding:32px 16px;box-sizing:border-box}.copy-material-loading__visual{position:relative;width:56px;height:56px}.copy-material-loading__ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;animation:copy-material-spin 1.05s cubic-bezier(.55,.15,.45,.85) infinite}.copy-material-loading__ring--outer{border-top-color:var(--accent-purple, #6366f1);border-right-color:#7c3aed73;box-shadow:0 0 18px #6366f12e}.copy-material-loading__ring--inner{inset:9px;border-top-color:#c4b5fdf2;border-left-color:#6366f159;animation-direction:reverse;animation-duration:.82s}.copy-material-loading__core{position:absolute;inset:21px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple, #6366f1),#7c3aed);box-shadow:0 0 12px #6366f159;animation:copy-material-pulse 1.35s ease-in-out infinite}.copy-material-loading__label{margin:0;font-size:14px;color:var(--text-secondary);letter-spacing:.02em}@keyframes copy-material-spin{to{transform:rotate(360deg)}}@keyframes copy-material-pulse{0%,to{transform:scale(.82);opacity:.65}50%{transform:scale(1);opacity:1}}.user-avatar-default{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--bg-elevated) 88%,var(--border-default));color:var(--text-secondary)}.user-avatar-default img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.sidebar{position:sticky;top:0;align-self:flex-start;flex-shrink:0;width:260px;height:100vh;min-height:100vh;z-index:100;display:flex;flex-direction:column;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(123,47,247,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(0,200,83,.05) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(255,107,53,.04) 0%,transparent 50%),var(--bg-primary);z-index:-1}[data-theme=dark] .sidebar:before{background:radial-gradient(ellipse 70% 60% at 5% 15%,rgba(139,92,246,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 95% 10%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse 50% 55% at 90% 50%,rgba(16,185,129,.14) 0%,transparent 50%),radial-gradient(ellipse 55% 45% at 10% 85%,rgba(236,72,153,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 50% 95%,rgba(245,158,11,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 45% 45%,rgba(139,92,246,.06) 0%,transparent 50%),var(--bg-primary)}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border-default) 20%,var(--border-default) 80%,transparent);z-index:0}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:11px 12px 20px;position:relative;z-index:1}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:4px 16px;margin-bottom:0}.logo-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-purple-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-icon--image{background:var(--bg-elevated, #f1f5f9);padding:2px}.sidebar-logo-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px;display:block}.logo-text-wrap{display:flex;flex-direction:column;gap:2px}.logo-text{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.logo-text--placeholder{visibility:hidden}.logo-sub{font-size:11px;color:var(--text-tertiary);letter-spacing:.02em}.logo-sub--loading{display:inline-flex;align-items:center;gap:4px}.logo-divider{height:1px;background:var(--border-default);margin:0 16px 12px;flex-shrink:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar-sub-nav{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border-default)}.sidebar-sub-nav .sub-item{padding:10px 16px;font-size:13px;color:var(--text-tertiary)}.sidebar-sub-nav .sub-item:hover{color:var(--text-secondary)}.sidebar-sub-nav .sub-item.active{color:var(--accent-purple)}.sidebar-profile-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px 0;font-size:12px;color:var(--text-tertiary)}.sidebar-profile-switch{color:var(--accent-purple);text-decoration:none;font-size:12px}.sidebar-profile-switch:hover{text-decoration:underline}.sidebar-more-section{margin-top:4px}.sidebar-more-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;cursor:pointer;border-radius:8px}.sidebar-more-toggle:hover{color:var(--text-secondary);background:var(--bg-hover, rgba(0, 0, 0, .04))}.profile-workbench-cta{margin-top:16px;padding:10px 20px;border-radius:8px;border:none;background:var(--accent-purple);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.profile-workbench-minimal-links{display:flex;gap:12px;margin-top:24px}.profile-workbench-minimal-links button{padding:10px 16px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-card);cursor:pointer;font-size:14px}.profile-workbench-inline-link{border:none;background:none;color:var(--accent-purple);cursor:pointer;padding:0;font-size:inherit}.profile-off-path-hint{padding:10px 14px;margin-bottom:12px;border-radius:8px;background:#6366f11a;color:var(--text-secondary);font-size:13px;line-height:1.5}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;position:relative;transition:all .15s ease}.sidebar-nav-item:hover{background-color:#7b2ff70f;color:var(--text-primary)}.sidebar-nav-item:hover .nav-indicator{opacity:.3}.sidebar-nav-item.active{background-color:#7b2ff714;color:var(--accent-purple)}.sidebar-nav-item.active .nav-indicator{opacity:1;background-color:var(--accent-purple)}.nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:0 4px 4px 0;background-color:var(--accent-purple);opacity:0;transition:opacity .15s ease}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap}.distribution-nav-item{background:linear-gradient(135deg,#f59e0b1a,#f9731614);border:1px solid rgba(245,158,11,.15);color:#d97706;margin-top:8px}.distribution-nav-item:hover{background:linear-gradient(135deg,#f59e0b2e,#f9731624)}.distribution-nav-item.active{background:linear-gradient(135deg,#f59e0b33,#f9731629);color:#b45309}.distribution-nav-item.active .nav-indicator{background-color:#f59e0b}.hot-badge{margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:10px;font-weight:700;border-radius:9999px;letter-spacing:.02em}.sidebar-bottom{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--border-default)}.app-layout:has(.create-shell-page),.app-layout:has(.note-editor-page--shell[data-density=compact]){--sidebar-width: 260px}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail{overflow:hidden;transition:width .2s ease}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket),.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket){overflow:visible}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket),.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket){width:64px}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail.sidebar--rail-pocket{position:fixed;left:0;top:0;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;margin:0;padding:0;border:none;overflow:hidden!important;visibility:hidden;pointer-events:none;transform:none;z-index:100}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail.sidebar--rail-pocket .sidebar-inner{display:none}.sidebar-create-rail-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-card, #fff);color:var(--text-secondary);box-shadow:0 2px 8px #0f172a14;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail .sidebar-create-rail-toggle,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail .sidebar-create-rail-toggle,.sidebar-create-rail-toggle--pocket{display:inline-flex;position:absolute;top:84px;right:-9px;z-index:102}.sidebar-create-rail-toggle--pocket{position:fixed;left:8px;right:auto;z-index:200;pointer-events:auto}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail .sidebar-create-rail-toggle:hover,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail .sidebar-create-rail-toggle:hover,.sidebar-create-rail-toggle--pocket:hover{color:var(--accent-purple);border-color:#7b2ff759;box-shadow:0 4px 12px #7b2ff71f}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-inner,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-inner{padding-left:8px;padding-right:8px}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-logo,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-logo{justify-content:center;padding-left:0;padding-right:0;gap:0}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .logo-text-wrap,.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-profile-hint,.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .nav-label,.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .hot-badge,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .logo-text-wrap,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-profile-hint,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .nav-label,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .hot-badge{display:none}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .logo-divider,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .logo-divider{margin-left:4px;margin-right:4px}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-nav-item,.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-toggle,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-nav-item,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-toggle{justify-content:center;padding-left:10px;padding-right:10px;gap:0}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-toggle--rail,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-toggle--rail{width:100%}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .distribution-nav-item,.app-layout:has(.note-editor-page--shell[data-density=compact]) .sidebar.sidebar--editor-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .distribution-nav-item{margin-top:4px}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-sub-nav .sub-item{padding-left:10px;padding-right:10px}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-section{position:relative}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-section .sidebar-sub-nav{position:absolute;left:calc(100% + 8px);top:0;min-width:208px;padding:6px;margin-top:0;border:1px solid var(--border-default);border-top:1px solid var(--border-default);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-dropdown, 0 8px 24px rgba(15, 23, 42, .12));z-index:110}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-section .sidebar-sub-nav .nav-label{display:inline}.app-layout:has(.create-shell-page) .sidebar.sidebar--rail-collapsed:not(.sidebar--rail-pocket) .sidebar-more-section .sidebar-sub-nav .sidebar-nav-item{justify-content:flex-start;gap:10px;padding-left:12px;padding-right:12px}.app-header{position:sticky;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:50}.app-header{background:#faf8ffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(123,47,247,.06)}[data-theme=dark] .app-header{background:#1e1b28d9;border-bottom:1px solid rgba(255,255,255,.05)}.header-left{display:flex;align-items:center}.header-title{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.header-right{display:flex;align-items:center;gap:12px}.theme-icon-btn{color:var(--text-secondary)}.theme-icon-btn:hover{background-color:#7b2ff714;color:var(--accent-purple)}.points-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#7b2ff71a;border-radius:9999px;border:none;color:var(--accent-purple);font-size:13px;font-weight:500;max-width:min(280px,42vw);white-space:nowrap;cursor:pointer;font-family:inherit;transition:background-color .15s ease,opacity .15s ease}.points-badge:hover{background:#7b2ff729}.points-badge:active{opacity:.88}.points-badge--error{background:#ef444414;color:#b91c1c;font-size:12px;font-weight:500;white-space:normal;line-height:1.3}.points-badge .magic-coin-icon{display:inline-flex;align-items:center;justify-content:center;color:#b8860b;filter:drop-shadow(0 0 .5px rgba(184,134,11,.35))}.header-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all .15s ease}.header-btn:hover{background-color:#0000000a;color:var(--text-primary)}[data-theme=dark] .header-btn:hover{background-color:#ffffff0f}.header-help-link{text-decoration:none;flex-shrink:0}.header-help-link--active{background-color:#7b2ff71f!important;color:var(--accent-purple)!important}[data-theme=dark] .header-help-link--active{background-color:#7b2ff72e!important;color:var(--accent-purple-light)!important}.header-help-link:not(.header-help-link--active):hover{color:var(--accent-purple)}[data-theme=dark] .header-help-link:not(.header-help-link--active):hover{color:var(--accent-purple-light)}.notification-dot{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;background-color:#ef4444;color:#fff;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary)}.header-msg-wrap{position:relative}.header-msg-dropdown{position:absolute;top:calc(100% + 8px);right:-80px;width:360px;max-height:460px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-dropdown);z-index:200;animation:fadeInUp .2s ease forwards;display:flex;flex-direction:column;overflow:hidden}.msg-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-default);flex-shrink:0}.msg-dropdown-header h4{font-size:15px;font-weight:600;color:var(--text-primary)}.msg-count{font-size:12px;color:var(--text-tertiary)}.msg-list{overflow-y:auto;flex:1;padding:6px}.msg-item{display:flex;gap:10px;width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease;font:inherit;color:inherit}.msg-item:hover{background:#7b2ff70a}.msg-dot-wrap{width:8px;flex-shrink:0;padding-top:4px}.msg-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-purple);display:block}.msg-body{flex:1;min-width:0}.msg-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.msg-title{font-size:13px;font-weight:600;color:var(--text-primary)}.msg-time{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.msg-content{font-size:12px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-item.read .msg-title{font-weight:500}.msg-item.read .msg-content{color:var(--text-tertiary)}.msg-type-chip{font-size:11px;font-weight:600;color:var(--accent-purple)}.msg-dropdown-footer{flex-shrink:0;padding:10px 14px 14px;border-top:1px solid var(--border-default)}.msg-dropdown-view-all{width:100%;padding:10px;border:none;border-radius:10px;background:#7b2ff714;color:var(--accent-purple);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.msg-dropdown-view-all:hover{background:#7b2ff71f}.msg-dropdown-empty,.msg-dropdown-empty-text{padding:24px 16px;text-align:center;font-size:13px;color:var(--text-secondary)}.msg-dropdown-empty p{margin:0 0 10px}.msg-dropdown-link-btn{border:none;background:none;color:var(--accent-purple);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px}.msg-dropdown-link-btn:hover{text-decoration:underline}.header-avatar-wrap{position:relative}.header-avatar-btn{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:9999px;background:none;border:1px solid var(--border-default);cursor:pointer;transition:all .15s ease}.header-avatar-btn:hover{border-color:var(--accent-purple)}.header-avatar-btn img,.header-avatar-btn .header-avatar-img,.header-avatar-btn .user-avatar-default{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;min-width:32px;min-height:32px}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-dropdown);padding:8px;z-index:200;animation:fadeInUp .2s ease forwards}.dropdown-item{display:flex;flex-direction:column;padding:10px 14px;border-radius:10px;font-size:13px;color:var(--text-secondary)}.dropdown-item.clickable{cursor:pointer;transition:background .15s ease}.dropdown-item.clickable:hover{background:#7b2ff70f;color:var(--text-primary)}.dropdown-item--logout{flex-direction:row;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);padding:7px 14px;opacity:.82}.dropdown-item--logout svg{flex-shrink:0;opacity:.75}.dropdown-item--logout span{font-size:11px;font-weight:400}.dropdown-item.dropdown-item--logout.clickable:hover{color:var(--text-muted);background:#94a3b80f;opacity:1}.dropdown-name{font-size:14px;font-weight:600;color:var(--text-primary)}.dropdown-uid{font-size:12px;color:var(--text-tertiary);margin-top:2px}.dropdown-divider{height:1px;background:var(--border-default);margin:6px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){.main-area{margin-left:0}.sidebar{position:fixed;left:0;top:0;align-self:auto;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail.sidebar--rail-pocket{position:fixed;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden;transform:none;pointer-events:none}.app-layout:has(.create-shell-page) .sidebar.sidebar--create-rail.sidebar--rail-collapsed:not(.sidebar--rail-pocket){position:sticky;top:0;align-self:flex-start;transform:none;width:64px;flex-shrink:0;overflow:visible;visibility:visible}.app-header{padding:0 20px}.header-msg-dropdown{width:300px;right:-40px}}.product-library{padding:28px 32px 48px;max-width:960px;margin:0 auto}.pl-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.pl-page-title-block{display:flex;flex-direction:column;gap:2px}.pl-page-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.pl-page-subtitle{font-size:13px;color:var(--text-tertiary)}.pl-page-actions{display:flex;gap:10px;align-items:center}.pl-search-box{display:flex;align-items:center;gap:8px;padding:0 12px;height:38px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-card);color:var(--text-tertiary);transition:border-color .15s}.pl-search-box:focus-within{border-color:var(--accent-purple)}.pl-search-box input{border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary);width:160px}.pl-add-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:none;border-radius:10px;background:var(--accent-purple);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s,transform .1s}.pl-add-btn:hover{opacity:.9}.pl-add-btn:active{transform:scale(.97)}.pl-product-list{display:flex;flex-direction:column;gap:2px}.pl-product-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:background .15s}.pl-product-row:hover{background:var(--bg-card);box-shadow:var(--shadow-card)}.pl-product-cover{width:52px;height:52px;border-radius:10px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-tertiary)}.pl-product-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pl-product-info{flex:1;min-width:0}.pl-product-name{margin:0 0 2px;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-product-desc{margin:0;font-size:13px;color:var(--text-tertiary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s}.pl-icon-btn:hover{background:var(--bg-primary);color:var(--text-secondary)}.pl-icon-btn--danger:hover{background:#ef444414;color:#ef4444}.pl-product-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.pl-product-row:hover .pl-product-actions{opacity:1}.pl-product-arrow{color:var(--text-tertiary);flex-shrink:0;opacity:0;transition:opacity .15s}.pl-product-row:hover .pl-product-arrow{opacity:1}.pl-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}.pl-pagination button{padding:6px 14px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .15s}.pl-pagination button:hover:not(:disabled){background:var(--bg-primary)}.pl-pagination button:disabled{opacity:.35;cursor:not-allowed}.pl-pagination span{font-size:13px;color:var(--text-tertiary)}.pl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary);gap:10px}.pl-empty--loading{padding:40px 20px}.pl-empty--big{padding:80px 20px}.pl-empty p{margin:0;font-size:16px;font-weight:500;color:var(--text-secondary)}.pl-empty--big p{font-size:18px}.pl-empty span{font-size:13px;color:var(--text-tertiary)}.pl-empty .spin{animation:pl-spin .8s linear infinite}@keyframes pl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pl-detail-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.pl-back-btn{display:inline-flex;align-items:center;gap:2px;padding:6px 10px 6px 4px;border:none;border-radius:10px;background:transparent;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s}.pl-back-btn:hover{color:var(--accent-purple);background:#7b2ff70f}.pl-detail-title-wrap{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.pl-detail-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-detail-thumb{width:36px;height:36px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.pl-detail-desc{padding:16px 20px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-default);margin-bottom:20px}.pl-detail-desc pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.7;color:var(--text-secondary);font-family:inherit}.pl-copy-list{display:flex;flex-direction:column;gap:8px}.pl-copy-row{border:1px solid var(--border-default);border-radius:12px;background:var(--bg-card);overflow:hidden;transition:border-color .15s}.pl-copy-row:hover{border-color:#7b2ff733}.pl-copy-row--expanded{border-color:#7b2ff74d}.pl-copy-row-head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.pl-copy-index{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-primary);color:var(--text-tertiary);font-size:12px;font-weight:600;flex-shrink:0}.pl-copy-head-text{flex:1;min-width:0}.pl-copy-head-text h4{margin:0 0 2px;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-copy-preview{margin:0;font-size:13px;color:var(--text-tertiary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-copy-row-actions{display:flex;gap:2px;flex-shrink:0}.pl-expand-btn{width:28px;height:28px}.pl-copy-body{padding:0 16px 16px 52px}.pl-copy-body pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.7;color:var(--text-secondary);font-family:inherit}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-purple);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{padding:8px 16px;background:var(--bg-primary);color:var(--text-secondary);border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .15s}.btn-cancel:hover{background:var(--border-default)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--bg-card);border-radius:16px;padding:28px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-box h3{margin:0 0 20px;font-size:18px;font-weight:700;color:var(--text-primary)}.modal-input{width:100%;padding:10px 14px;border:1px solid var(--border-default);border-radius:10px;font-size:14px;margin-bottom:12px;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;outline:none;transition:border-color .15s}.modal-input:focus{border-color:var(--accent-purple)}.modal-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-default);border-radius:10px;font-size:14px;margin-bottom:12px;resize:vertical;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;font-family:inherit;outline:none;transition:border-color .15s}.modal-textarea:focus{border-color:var(--accent-purple)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.product-picker{margin-bottom:12px}.product-picker label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.product-picker select{width:100%;padding:8px 12px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-card);color:var(--text-primary)}.cover-upload-field{margin-bottom:12px}.cover-upload-field .field-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.cover-upload-area{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cover-pick-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:140px;border:2px dashed var(--border-default);border-radius:12px;background:var(--bg-primary);color:var(--text-tertiary);cursor:pointer;font-size:13px;transition:border-color .2s,color .2s,background .2s}.cover-pick-btn:hover:not(:disabled){border-color:var(--accent-purple);color:var(--accent-purple);background:#7b2ff708}.cover-pick-btn:disabled{cursor:wait;opacity:.7}.cover-pick-btn .spin{animation:pl-spin .8s linear infinite}.cover-preview{position:relative;width:100%;height:140px;border-radius:12px;overflow:hidden;border:1px solid var(--border-default)}.cover-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cover-remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;padding:0;transition:background .2s}.cover-remove-btn:hover{background:#ef4444d9}.cover-tip{margin:0;font-size:12px;color:var(--text-tertiary)}