@layer components{.editor-shell button>svg,.editor-shell [role=button]>svg,.editor-shell a>svg,[data-mobile-chrome] button>svg{stroke-width:1.5px;flex:none;width:16px;height:16px}.editor-shell [data-icon-size=sm]>svg,.editor-shell .text-\[11px\]>svg{width:14px;height:14px}.editor-shell [data-icon-size=lg]>svg{width:18px;height:18px}.editor-shell button>svg+span,.editor-shell [role=button]>svg+span,[data-mobile-chrome] button>svg+span{min-width:0}.editor-shell button,.editor-shell [role=button],.editor-shell input,.editor-shell select,.editor-shell textarea,[data-mobile-chrome] button{font-size:var(--ui-text-sm,.8125rem);line-height:1.35}.editor-shell h2.text-\[11px\],.editor-shell h3.text-\[11px\]{font-size:var(--ui-text-xs,.6875rem);font-weight:600;line-height:1.35}.editor-shell p.text-xs,.editor-shell span.text-xs,.editor-shell div.text-xs{line-height:1.45}.editor-shell .text-muted-foreground{color:color-mix(in srgb, var(--muted-foreground) 92%, transparent)}.editor-shell .truncate,.editor-shell .line-clamp-1{text-wrap:nowrap}.editor-shell button:hover:not(:disabled),.editor-shell [role=button]:hover:not([aria-disabled=true]){background-color:color-mix(in srgb, var(--accent) 26%, transparent)}.editor-shell button:active:not(:disabled),.editor-shell [role=button]:active:not([aria-disabled=true]){background-color:color-mix(in srgb, var(--accent) 38%, transparent)}.editor-shell button[aria-pressed=true],.editor-shell button[data-state=on],.editor-shell button[data-state=checked],.editor-shell [role=tab][aria-selected=true],.editor-shell [data-state=active]{background-color:color-mix(in srgb, var(--accent) 64%, var(--card));color:var(--foreground)}.editor-shell button[data-state=open],.editor-shell [aria-expanded=true],.editor-shell [data-state=open]{background-color:color-mix(in srgb, var(--accent) 48%, var(--card))}[data-mobile-chrome]>button:hover:not(:disabled):not([data-state=open]):not([aria-expanded=true]):not([aria-pressed=true]),[data-mobile-chrome] button:hover:not(:disabled):not([data-state=open]):not([aria-expanded=true]):not([aria-pressed=true]){background-color:color-mix(in srgb, var(--foreground) 8%, var(--muted))}[data-mobile-chrome]>button[data-state=open],[data-mobile-chrome]>button[aria-expanded=true],[data-mobile-chrome]>button[aria-pressed=true],[data-mobile-chrome] button[data-state=open],[data-mobile-chrome] button[aria-expanded=true],[data-mobile-chrome] button[aria-pressed=true]{background-color:var(--foreground)!important;color:var(--background)!important;box-shadow:none!important}[data-mobile-chrome]>button[data-state=open]:hover:not(:disabled),[data-mobile-chrome]>button[aria-expanded=true]:hover:not(:disabled),[data-mobile-chrome]>button[aria-pressed=true]:hover:not(:disabled),[data-mobile-chrome]>button[data-state=open]:active:not(:disabled),[data-mobile-chrome]>button[aria-expanded=true]:active:not(:disabled),[data-mobile-chrome]>button[aria-pressed=true]:active:not(:disabled),[data-mobile-chrome] button[data-state=open]:hover:not(:disabled),[data-mobile-chrome] button[aria-expanded=true]:hover:not(:disabled),[data-mobile-chrome] button[aria-pressed=true]:hover:not(:disabled),[data-mobile-chrome] button[data-state=open]:active:not(:disabled),[data-mobile-chrome] button[aria-expanded=true]:active:not(:disabled),[data-mobile-chrome] button[aria-pressed=true]:active:not(:disabled){background-color:var(--foreground)!important;color:var(--background)!important}[data-mobile-chrome] button[data-state=open]>svg,[data-mobile-chrome] button[aria-expanded=true]>svg,[data-mobile-chrome] button[aria-pressed=true]>svg{stroke:currentColor;color:inherit!important}.editor-shell button:disabled,.editor-shell [aria-disabled=true],.editor-shell [aria-busy=true],[data-mobile-chrome] button:disabled{cursor:not-allowed;opacity:.48}.editor-shell [aria-busy=true]{pointer-events:none}.editor-shell input[aria-invalid=true],.editor-shell select[aria-invalid=true],.editor-shell textarea[aria-invalid=true],.editor-shell [data-invalid=true]{border-color:var(--destructive)!important}.editor-shell [data-state=error],.editor-shell [role=alert]{color:var(--destructive)}.editor-shell [data-state=success]{color:var(--success)}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:first-child h2{line-height:1.35;color:#0000!important;letter-spacing:0!important;font-size:0!important}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:first-child h2:after{content:"版式";color:var(--muted-foreground);letter-spacing:.14em;font-size:.6875rem;font-weight:600;display:inline-block}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:first-child{gap:10px}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2)>div:first-child h2{line-height:1.35;color:#0000!important;letter-spacing:0!important;font-size:0!important}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2)>div:first-child h2:after{content:"精选版式";color:var(--muted-foreground);letter-spacing:.14em;font-size:.6875rem;font-weight:600;display:inline-block}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2){gap:10px}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button{min-height:88px;box-shadow:none;border-radius:10px;padding:10px}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:nth-child(3){display:none!important}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:first-child{height:8px;margin-bottom:8px}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:nth-child(2){font-size:12px;line-height:1.25}.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2)>div:first-child>button{height:28px;padding-inline:4px;font-size:11px}@media (width<=1023px){.ink-editor-sidebar .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2{gap:6px}}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button{border-color:color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--background) 72%, var(--card));min-height:112px;padding:8px;transition:border-color .16s,background-color .16s,transform .16s}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:hover{border-color:color-mix(in srgb, var(--foreground) 18%, var(--border));background:var(--background);transform:translateY(-1px)}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:first-child{background:var(--surface-raised);height:58px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:7px;margin-bottom:7px;position:relative}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:first-child:before{content:"";background:color-mix(in srgb, var(--foreground) 82%, transparent);height:5px;box-shadow:0 11px 0 color-mix(in srgb, var(--foreground) 14%, transparent), 0 22px 0 color-mix(in srgb, var(--foreground) 10%, transparent), 0 31px 0 color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:2px;position:absolute;top:13px;left:8px;right:18px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:first-child:after{content:"Aa";color:color-mix(in srgb, var(--foreground) 34%, transparent);font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1;position:absolute;top:8px;right:7px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:nth-child(2)>span:first-child:before{height:4px;box-shadow:0 9px 0 color-mix(in srgb, var(--foreground) 18%, transparent), 0 20px 0 color-mix(in srgb, var(--foreground) 11%, transparent), 0 30px 0 color-mix(in srgb, var(--foreground) 8%, transparent);top:11px;left:9px;right:9px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:nth-child(2)>span:first-child:after{content:"标题";font-family:var(--font-ui,sans-serif);letter-spacing:.12em;font-size:9px;top:9px;right:8px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:nth-child(3)>span:first-child:before{height:6px;box-shadow:0 13px 0 color-mix(in srgb, var(--foreground) 12%, transparent), 0 24px 0 color-mix(in srgb, var(--foreground) 10%, transparent), 0 35px 0 color-mix(in srgb, var(--foreground) 7%, transparent);top:12px;left:10px;right:24px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:nth-child(3)>span:first-child:after{content:"01";font-family:Georgia,Times New Roman,serif;font-size:12px;top:8px;right:8px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:nth-child(4)>span:first-child:before{height:3px;box-shadow:0 9px 0 color-mix(in srgb, var(--foreground) 16%, transparent), 0 20px 0 color-mix(in srgb, var(--foreground) 9%, transparent), 0 30px 0 color-mix(in srgb, var(--foreground) 7%, transparent);top:15px;left:8px;right:8px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button:nth-child(4)>span:first-child:after{content:"—";font-family:Georgia,Times New Roman,serif;font-size:15px;top:7px;right:8px}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:nth-child(2){letter-spacing:0;padding-inline:2px;font-size:12px;font-weight:600;display:block}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button>span:nth-child(2):after{content:"视觉系统";letter-spacing:.04em;color:color-mix(in srgb, var(--muted-foreground) 72%, transparent);margin-left:5px;font-size:9px;font-weight:400;display:inline-block}.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button[aria-pressed=true]{border-color:color-mix(in srgb, var(--foreground) 22%, var(--border));background:color-mix(in srgb, var(--background) 86%, var(--accent))}@media (prefers-reduced-motion:reduce){.editor-shell button,.editor-shell [role=button],[data-mobile-chrome] button,.ink-editor-sidebar [data-style-panel] .quiet-scroll>.flex.flex-col.gap-5>section:nth-child(2) .grid.grid-cols-2>button{transition:none!important;transform:none!important}}}