/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-tracking:initial;--tw-leading:initial}}}.workspace-shell{margin-inline:auto;width:min(1480px,100% - 32px);margin-bottom:26px}.workspace-toolbar{border-top-left-radius:var(--md-radius-lg,.5rem);border-top-right-radius:var(--md-radius-lg,.5rem);padding:calc(var(--md-spacing,.25rem) * 3.5);border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.workspace-kicker{margin-top:0;margin-bottom:var(--md-spacing,.25rem);--tw-font-weight:var(--md-font-weight-black,900);font-size:12px;font-weight:var(--md-font-weight-black,900);--tw-tracking:var(--md-tracking-normal,0em);letter-spacing:var(--md-tracking-normal,0em);color:var(--accent-strong)}.workspace-toolbar h2{--tw-leading:1.2;margin:0;font-size:22px;line-height:1.2}.workspace-skeleton{contain:layout paint}.workspace-skeleton [data-skeleton]{background:var(--surface-2);border-radius:8px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.workspace-skeleton [data-skeleton]{background:color-mix(in srgb, var(--surface-2) 76%, var(--surface))}}.workspace-skeleton [data-skeleton]:after{content:"";background:linear-gradient(90deg,#0000,#ffffff85,#0000);animation:1.4s ease-in-out infinite workspace-skeleton-shimmer;position:absolute;inset:0;transform:translate(-105%)}.dark .workspace-skeleton [data-skeleton]:after{background:linear-gradient(90deg,#0000,#ffffff24,#0000)}.skeleton-toolbar{align-items:center;min-height:82px}.skeleton-toolbar-actions{grid-template-columns:repeat(4,42px);justify-content:end;gap:8px;display:grid}.skeleton-toolbar-actions span{width:42px;height:38px}.skeleton-mobile-tabs{border-right:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:none}.skeleton-mobile-tabs span{height:40px}.skeleton-workspace-grid{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);border-radius:0 0 8px 8px;grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);gap:12px;min-height:clamp(560px,100dvh - 310px,860px);padding:12px;display:grid;overflow:hidden}.skeleton-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-rows:52px 1fr;min-width:0;display:grid;overflow:hidden}.skeleton-panel-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.skeleton-panel-header{background:color-mix(in srgb, var(--surface) 92%, var(--surface-2))}}.skeleton-panel-header{padding:10px 12px}.skeleton-panel-header div{gap:7px;width:min(220px,70%);display:grid}.skeleton-panel-header span{width:112px;height:14px}.skeleton-panel-header small{width:min(180px,100%);height:10px}.skeleton-panel-header i{width:34px;height:34px}.skeleton-editor-body{align-content:start;gap:14px;padding:18px;display:grid}.skeleton-editor-body span{width:100%;height:15px}.skeleton-editor-body span:nth-child(2){width:86%}.skeleton-editor-body span:nth-child(3){width:62%}.skeleton-editor-body span:nth-child(4){width:94%;margin-top:18px}.skeleton-editor-body span:nth-child(5){width:74%}.skeleton-editor-body span:nth-child(6){width:52%}.skeleton-preview-body{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:16px;margin:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.skeleton-preview-body{background:color-mix(in srgb, #fff 92%, var(--surface))}}.skeleton-preview-body{padding:30px;box-shadow:0 18px 48px #10151314}.dark .skeleton-preview-body{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark .skeleton-preview-body{background:color-mix(in srgb, var(--surface) 90%, #fff 4%)}}.dark .skeleton-preview-body{box-shadow:none}.skeleton-preview-title{width:min(340px,78%);height:30px;margin-bottom:4px}.skeleton-preview-body>span:not(.skeleton-preview-title){height:13px}.skeleton-preview-body>span:nth-child(2){width:92%}.skeleton-preview-body>span:nth-child(3){width:78%}.skeleton-preview-body>span:nth-child(4){width:88%}.skeleton-preview-card{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:10px;margin-top:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.skeleton-preview-card{background:color-mix(in srgb, var(--surface-2) 48%, transparent)}}.skeleton-preview-card{padding:16px}.skeleton-preview-card span{height:12px}.skeleton-preview-card span:first-child{width:48%}.skeleton-preview-card span:nth-child(2){width:92%}.skeleton-preview-card span:nth-child(3){width:70%}@keyframes workspace-skeleton-shimmer{to{transform:translate(105%)}}@media (prefers-reduced-motion:reduce){.workspace-skeleton [data-skeleton]:after{animation:none}}.toolbar-actions,.panel-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tool-button,.output-button,.choice-button,.segmented-control button,.mobile-tabs button,.outline-list button{font:inherit}.tool-button,.output-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:850;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.tool-button{padding:0 12px}.tool-button:hover,.output-button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-button:hover,.output-button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.tool-button:hover,.output-button:hover{background:var(--surface-2);color:var(--accent-strong)}.tool-button.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-button.active{border-color:color-mix(in srgb, var(--accent) 48%, var(--line))}}.tool-button.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tool-button.active{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.tool-button.active{color:var(--accent-strong)}.tool-button.danger:hover{border-color:var(--rose)}@supports (color:color-mix(in lab, red, red)){.tool-button.danger:hover{border-color:color-mix(in srgb, var(--rose) 45%, var(--line))}}.tool-button.danger:hover{color:var(--rose)}.component-drawer{border:1px solid var(--line);background:linear-gradient(135deg, var(--accent), transparent 70%), var(--surface);border-top:0;gap:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.component-drawer{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), var(--surface)}}.component-drawer{padding:14px}.component-drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.component-drawer-head h3{color:var(--text);margin:4px 0 0;font-size:18px;line-height:1.25}.component-kicker{color:var(--accent-strong);letter-spacing:0;margin:0;font-size:12px;font-weight:950}.component-close{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.component-close:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-close:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}}.component-close:hover{color:var(--accent-strong)}.component-category-tabs{scrollbar-gutter:stable;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.component-category-tab{border:1px solid var(--line);background:var(--surface);min-width:128px;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:8px;gap:3px;padding:9px 10px;display:grid}.component-category-tab strong{font-size:13px;line-height:1.2}.component-category-tab span{color:var(--muted);font-size:11px;line-height:1.35}.component-category-tab.active,.component-category-tab:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-category-tab.active,.component-category-tab:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}}.component-category-tab.active,.component-category-tab:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-category-tab.active,.component-category-tab:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.component-category-summary{border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.component-category-summary{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line))}}.component-category-summary{background:linear-gradient(135deg, var(--accent), transparent 72%), var(--surface-2);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.component-category-summary{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%), color-mix(in srgb, var(--surface-2) 64%, var(--surface))}}.component-category-summary{padding:11px 12px}.component-category-summary div{gap:3px;min-width:0;display:grid}.component-category-summary strong{color:var(--text);font-size:14px;font-weight:950;line-height:1.2}.component-category-summary span,.component-category-summary small{color:var(--muted);font-size:12px;font-weight:760;line-height:1.45}.component-category-summary small{text-align:right;max-width:440px}.yaohuo-shell-prompt{border:1px solid #d48b0c;justify-content:space-between;align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.yaohuo-shell-prompt{border:1px solid color-mix(in srgb, #d48b0c 34%, var(--line))}}.yaohuo-shell-prompt{background:#fff7e4;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.yaohuo-shell-prompt{background:color-mix(in srgb, #fff7e4 74%, var(--surface))}}.yaohuo-shell-prompt{color:#3f2a08;padding:12px}.dark .yaohuo-shell-prompt{background:#8a5a05}@supports (color:color-mix(in lab, red, red)){.dark .yaohuo-shell-prompt{background:color-mix(in srgb, #8a5a05 22%, var(--surface))}}.dark .yaohuo-shell-prompt{color:#fff4d5}.yaohuo-shell-prompt.active{box-shadow:0 0 0 3px #d48b0c2e}.yaohuo-shell-prompt div{gap:4px;min-width:0;display:grid}.yaohuo-shell-prompt strong{font-size:13px;line-height:1.25}.yaohuo-shell-prompt span{color:currentColor}@supports (color:color-mix(in lab, red, red)){.yaohuo-shell-prompt span{color:color-mix(in srgb, currentColor 78%, transparent)}}.yaohuo-shell-prompt span{font-size:12px;line-height:1.45}.yaohuo-shell-prompt button{color:#7a4d04;cursor:pointer;font:inherit;background:#fff;border:1px solid #d48b0c75;border-radius:8px;flex:none;padding:8px 11px;font-size:12px;font-weight:950}.dark .yaohuo-shell-prompt button{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark .yaohuo-shell-prompt button{background:color-mix(in srgb, var(--surface) 92%, #fff)}}.dark .yaohuo-shell-prompt button{color:#ffe6ad}.component-card.needs-yaohuo-shell{border-style:dashed}.component-card.needs-yaohuo-shell .component-insert{color:#9b6810}.component-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.io-panel-grid{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:10px;display:grid}.io-section{border:1px solid var(--line);background:var(--surface-2);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.io-section{background:color-mix(in srgb, var(--surface-2) 58%, var(--surface))}}.io-section{padding:10px}.io-section h3{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:950;line-height:1.2}.io-import-card{border:1px solid var(--line);background:var(--surface);width:100%;min-height:66px;color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;transition:background .16s,border-color .16s,color .16s;display:grid}.io-import-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.io-import-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.io-import-card:hover{background:var(--surface-2);color:var(--accent-strong)}.io-action-icon{background:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.io-action-icon{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}}.io-action-icon{color:var(--accent-strong)}.io-import-card strong,.io-import-card small{display:block}.io-import-card strong{font-size:13px;line-height:1.2}.io-import-card small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.io-output-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.component-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:7px;min-height:118px;display:grid}@supports (color:color-mix(in lab, red, red)){.component-card{background:color-mix(in srgb, var(--surface) 88%, var(--surface-2))}}.component-card{color:var(--text);cursor:pointer;font:inherit;text-align:left;padding:11px 12px;transition:border-color .16s,background .16s,transform .16s}.component-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.component-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line))}}.component-card:hover{background:var(--surface-2);transform:translateY(-1px)}.component-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.component-card-top strong{font-size:14px;line-height:1.2}.component-card-top small{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.component-card-top small{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.component-card-top small{color:var(--accent-strong);white-space:nowrap;padding:3px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:850}.component-card-description,.component-card-meta{color:var(--muted);font-size:12px;line-height:1.55}.component-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.component-card-meta{color:var(--muted);display:-webkit-box;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.component-card-meta{color:color-mix(in srgb, var(--muted) 78%, var(--accent-strong))}}.component-card-meta{-webkit-line-clamp:1;-webkit-box-orient:vertical}.component-insert{width:fit-content;color:var(--accent-strong);border-radius:999px;align-items:center;gap:5px;font-size:12px;font-weight:950;display:inline-flex}.template-tags-inline{flex-wrap:wrap;gap:6px;display:flex}.template-tags-inline span{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.template-tags-inline span{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.template-tags-inline span{color:var(--accent-strong);padding:4px 7px;font-size:11px;font-weight:850;line-height:1.2}.mobile-tabs{border-right:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);gap:8px;padding:8px;display:none}.mobile-tabs button{min-width:0;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:900;display:flex}.mobile-tabs button.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mobile-tabs button.active{border-color:color-mix(in srgb, var(--accent) 32%, var(--line))}}.mobile-tabs button.active{background:var(--surface-2);color:var(--accent-strong)}.settings-ribbon{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.settings-ribbon{background:color-mix(in srgb, var(--surface) 96%, var(--surface-2))}}.settings-ribbon{padding:10px 12px 9px}.settings-drawer{background:linear-gradient(135deg, var(--accent), transparent 70%), var(--surface);border-top:0}@supports (color:color-mix(in lab, red, red)){.settings-drawer{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 70%), color-mix(in srgb, var(--surface) 96%, var(--surface-2))}}.settings-ribbon-head{color:var(--accent-strong);align-items:center;gap:8px;margin-bottom:8px;display:flex}.settings-ribbon-head>div{gap:2px;min-width:0;display:grid}.settings-ribbon-head span{color:var(--text);font-size:14px;font-weight:950;line-height:1.2}.settings-ribbon-head small{color:var(--muted);font-size:12px;font-weight:760}.settings-close{margin-left:auto}.settings-ribbon-grid{grid-template-columns:minmax(420px,1fr) minmax(180px,.38fr) minmax(190px,.44fr);align-items:start;gap:10px;display:grid}.settings-ribbon-grid .settings-section+.settings-section{margin-top:0}.compact-choice-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.compact-choice-row .choice-button{min-height:48px;padding:8px 9px}.settings-more{margin-top:10px}.settings-more summary{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:900;list-style:none;display:flex}.settings-more summary::-webkit-details-marker{display:none}.settings-more summary small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;overflow:hidden}.settings-more-body{border:1px solid var(--line);background:var(--surface);border-top:0;border-radius:0 0 8px 8px;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:12px;padding:12px;display:grid}.outline-box{min-width:0}.outline-box h3{color:var(--text);margin:0 0 10px;font-size:13px;font-weight:950;line-height:1.2}.workspace-grid{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);border-radius:0 0 8px 8px;grid-template-columns:minmax(360px,.92fr) 12px minmax(480px,1.08fr);min-height:clamp(560px,100dvh - 310px,860px);display:grid;overflow:hidden}.tool-panel{border-right:1px solid var(--line);background:var(--surface);min-width:0}.preview-panel{border-right:0}.resize-handle{z-index:3;border-right:1px solid var(--line);border-left:1px solid var(--line);background:linear-gradient(180deg, transparent, var(--surface-2), transparent), var(--surface);justify-content:center;align-items:stretch;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.resize-handle{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface-2) 82%, transparent), transparent), var(--surface)}}.resize-handle{cursor:col-resize;touch-action:none;transition:background .16s,border-color .16s}.resize-handle:before{background:var(--muted);border-radius:999px;width:3px;margin:14px 0}@supports (color:color-mix(in lab, red, red)){.resize-handle:before{background:color-mix(in srgb, var(--muted) 32%, transparent)}}.resize-handle:before{content:"";transition:background .16s,transform .16s}.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}}.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.active{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}}.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.active{outline:none}.resize-handle:hover:before,.resize-handle:focus-visible:before,.resize-handle.active:before{background:var(--accent-strong);transform:scaleX(1.25)}.markdown-is-resizing,.markdown-is-resizing *{cursor:col-resize!important;user-select:none!important}.panel-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}@supports (color:color-mix(in lab, red, red)){.panel-header{background:color-mix(in srgb, var(--surface) 92%, var(--surface-2))}}.panel-header{padding:10px 12px}.panel-header div:first-child{gap:2px;min-width:0;display:grid}.panel-header span{color:var(--text);font-size:14px;font-weight:900}.panel-header small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.icon-tool{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.icon-tool:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.icon-tool:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.icon-tool:hover{background:var(--surface-2);color:var(--accent-strong)}.icon-tool.danger:hover{border-color:var(--rose)}@supports (color:color-mix(in lab, red, red)){.icon-tool.danger:hover{border-color:color-mix(in srgb, var(--rose) 45%, var(--line))}}.icon-tool.danger:hover{color:var(--rose)}.icon-tool[data-tooltip]:after{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:7px;width:max-content;max-width:180px;padding:6px 8px;position:absolute;top:calc(100% + 8px);left:50%}@supports (color:color-mix(in lab, red, red)){.icon-tool[data-tooltip]:after{background:color-mix(in srgb, var(--surface) 94%, #000)}}.icon-tool[data-tooltip]:after{color:var(--text);content:attr(data-tooltip);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;font-size:12px;font-weight:850;line-height:1.2;transition:opacity .14s,transform .14s;transform:translate(-50%,-4px);box-shadow:0 10px 24px #0f172a1f}.icon-tool[data-tooltip]:hover:after,.icon-tool[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.editor-panel textarea{resize:none;background:var(--surface);width:100%;height:calc(100% - 52px);min-height:560px;color:var(--text);tab-size:2;border:0;outline:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,Microsoft YaHei Mono,monospace;font-size:14px;line-height:1.72;display:block}.editor-panel textarea::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.editor-panel textarea::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}}.preview-scroll{background:radial-gradient(circle at 18% 12%, var(--accent), transparent 32%), linear-gradient(90deg, var(--surface-2) 1px, transparent 1px), linear-gradient(180deg, var(--surface-2) 1px, transparent 1px), var(--bg);height:calc(100% - 52px);min-height:560px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.preview-scroll{background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 32%), linear-gradient(90deg, color-mix(in srgb, var(--surface-2) 58%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 58%, transparent) 1px, transparent 1px), var(--bg)}}.preview-scroll{scrollbar-gutter:stable both-edges;background-size:24px 24px;padding:28px}.preview-document{--doc-accent:var(--accent);--doc-accent-strong:var(--accent-strong);--doc-accent-soft:var(--doc-accent)}@supports (color:color-mix(in lab, red, red)){.preview-document{--doc-accent-soft:color-mix(in srgb, var(--doc-accent) 10%, #fff)}}.preview-document{--doc-ink:#17211d;--doc-muted:#56665e;--doc-line:#dbe7e0;width:100%;color:var(--doc-ink);overflow-wrap:break-word;isolation:isolate;background:linear-gradient(#fffffff5,#fff 120px),#fff;border:1px solid #0f172a14;border-radius:12px;margin:0 auto;padding:48px;font-size:16px;line-height:1.82;position:relative;box-shadow:0 28px 72px #0f172a1f,0 2px 10px #0f172a0a}.preview-document:before{z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--doc-accent), transparent 32%), linear-gradient(315deg, #0f172a09, transparent 40%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.preview-document:before{background:linear-gradient(135deg, color-mix(in srgb, var(--doc-accent) 18%, transparent), transparent 32%), linear-gradient(315deg, #0f172a09, transparent 40%)}}.preview-document:before{content:"";pointer-events:none}.dark .preview-document{color:#17211d;background:#f7fbf8}.preview-document.accent-blue{--doc-accent:#006eff;--doc-accent-strong:#0058df;--doc-accent-soft:#eef5ff}.preview-document.accent-rose{--doc-accent:#d94f70;--doc-accent-strong:#be3458;--doc-accent-soft:#fff0f4}.preview-document.accent-amber{--doc-accent:#c98913;--doc-accent-strong:#9b6810;--doc-accent-soft:#fff7e4}.preview-document>:first-child{margin-top:0}.preview-document>:last-child{margin-bottom:0}.preview-document h1,.preview-document h2,.preview-document h3,.preview-document h4,.preview-document h5,.preview-document h6{color:#101513;letter-spacing:0;scroll-margin-top:76px;line-height:1.24}.preview-document h1{letter-spacing:0;margin:0 0 26px;padding-bottom:18px;font-size:38px;font-weight:950;position:relative}.preview-document h1:after{background:linear-gradient(90deg, var(--doc-accent), var(--doc-accent));border-radius:999px;width:min(180px,46%);height:5px;position:absolute;bottom:0;left:0}@supports (color:color-mix(in lab, red, red)){.preview-document h1:after{background:linear-gradient(90deg, var(--doc-accent), color-mix(in srgb, var(--doc-accent) 16%, transparent))}}.preview-document h1:after{content:""}.preview-document h2{border-bottom:0;margin:40px 0 16px;padding:0 0 0 18px;font-size:24px;font-weight:900;position:relative}.preview-document h2:before{background:var(--doc-accent);content:"";border-radius:999px;width:6px;height:1.05em;position:absolute;top:.22em;left:0}.preview-document h3{color:var(--doc-accent-strong);margin:30px 0 12px;font-size:19px;font-weight:900}.preview-document h4{margin:22px 0 8px;font-size:17px;font-weight:850}.preview-document p,.preview-document ul,.preview-document ol,.preview-document blockquote,.preview-document pre,.preview-document table{margin-top:0;margin-bottom:16px}.preview-document p{color:var(--doc-muted)}.preview-document a{color:var(--doc-accent-strong);text-underline-offset:3px;font-weight:760;text-decoration:underline}.preview-document ul,.preview-document ol{padding-left:1.25em}.preview-document li+li{margin-top:6px}.preview-document blockquote{border:1px solid var(--doc-accent);position:relative}@supports (color:color-mix(in lab, red, red)){.preview-document blockquote{border:1px solid color-mix(in srgb, var(--doc-accent) 26%, var(--doc-line))}}.preview-document blockquote{border-left:5px solid var(--doc-accent);background:var(--doc-accent-soft);color:var(--doc-muted);border-radius:10px;padding:15px 18px;box-shadow:0 12px 28px #0f172a0a}.preview-document blockquote p{margin:0}.preview-document code{background:var(--doc-accent-soft);color:var(--doc-accent-strong);border-radius:5px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.preview-document pre{color:#f3f8f4;background:linear-gradient(135deg,#ffffff0f,#0000),#101513;border:1px solid #ffffff14;border-radius:12px;padding:18px;overflow:auto;box-shadow:inset 0 1px #ffffff14}.preview-document pre code{color:inherit;background:0 0;padding:0}.preview-document table{border-collapse:collapse;border-radius:12px;width:100%;display:block;overflow-x:auto;box-shadow:0 14px 34px #0f172a0f}.preview-document th,.preview-document td{border:1px solid var(--doc-line);text-align:left;vertical-align:top;padding:10px 12px}.preview-document th{background:var(--doc-accent-soft);color:#101513;font-weight:900}.preview-document img{border-radius:8px;max-width:100%;height:auto}.preview-document .md-steps-da01{box-sizing:border-box;max-width:100%;overflow:hidden}.preview-document .md-steps-da01-list{box-sizing:border-box;max-width:100%}.preview-document .md-step-card,.preview-document .md-step-card p{overflow-wrap:break-word;word-break:normal;min-width:0}.md-compare-grid article{border:1px solid var(--doc-line);background:#fff;border-radius:8px;padding:12px;box-shadow:0 10px 24px #0f172a0a}.md-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.md-compare-grid article>span{color:var(--doc-accent-strong);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:950;display:inline-flex}.preview-document.style-magazine{background:linear-gradient(135deg, var(--doc-accent), transparent 34%), #fff}@supports (color:color-mix(in lab, red, red)){.preview-document.style-magazine{background:linear-gradient(135deg, color-mix(in srgb, var(--doc-accent) 16%, transparent), transparent 34%), #fff}}.preview-document.style-magazine{font-size:17px;line-height:1.86}.preview-document.style-magazine h1{border-left:0;border:1px solid var(--doc-accent);border-radius:14px;padding:22px 24px 26px}@supports (color:color-mix(in lab, red, red)){.preview-document.style-magazine h1{border:1px solid color-mix(in srgb, var(--doc-accent) 24%, #ffffffdb)}}.preview-document.style-magazine h1{background:linear-gradient(135deg, #fffffff5, var(--doc-accent) 100%), #fff}@supports (color:color-mix(in lab, red, red)){.preview-document.style-magazine h1{background:linear-gradient(135deg, #fffffff5, color-mix(in srgb, var(--doc-accent) 10%, #fff) 100%), #fff}}.preview-document.style-magazine h1{text-shadow:0 1px #ffffffb8;text-wrap:balance;box-shadow:0 18px 42px #0f172a17,inset 0 1px #ffffffe0;color:#102018!important;font-size:40px!important;font-weight:950!important;line-height:1.24!important}.preview-document.style-magazine h1:after{background:linear-gradient(90deg, var(--doc-accent), #ffd166);box-shadow:0 4px 12px var(--doc-accent);bottom:16px;left:24px}@supports (color:color-mix(in lab, red, red)){.preview-document.style-magazine h1:after{box-shadow:0 4px 12px color-mix(in srgb, var(--doc-accent) 22%, transparent)}}.preview-document.style-magazine h2{border-bottom:0;padding-bottom:0}.preview-document.style-magazine h2:before{background:var(--doc-accent);content:"";border-radius:2px;width:12px;height:12px;margin-right:8px;display:inline-block}.preview-document.style-notebook{background-color:#fff;background-image:linear-gradient(90deg,#0000 0 54px,#d94f7029 54px 56px,#0000 56px),linear-gradient(#fff 31px,#e7efe9 32px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding-left:72px;font-size:15px;line-height:1.75}.preview-document.style-notebook h1,.preview-document.style-notebook h2,.preview-document.style-notebook h3{color:#0d6b4f}.preview-document.style-cv{border-color:#d8dee7;padding:34px;font-size:14px;line-height:1.58}.preview-document.style-cv h1{margin-bottom:12px;padding-bottom:10px;font-size:28px}.preview-document.style-cv h2{margin:22px 0 10px;font-size:18px}.preview-document.style-cv p,.preview-document.style-cv ul,.preview-document.style-cv ol{margin-bottom:10px}.settings-section+.settings-section{margin-top:20px}.settings-section h3{color:var(--text);margin:0 0 7px;font-size:12px;font-weight:950;line-height:1.2}.option-list{gap:6px;display:grid}.choice-button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:52px;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;gap:3px;padding:8px 9px;transition:background .16s,border-color .16s;display:grid}.choice-button strong{white-space:nowrap;font-size:13px;line-height:1.2}.choice-button span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.32;display:-webkit-box;overflow:hidden}.choice-button.active,.choice-button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.choice-button.active,.choice-button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.choice-button.active,.choice-button:hover{background:var(--surface-2)}.swatch-row{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:5px;min-height:42px;padding:4px;display:grid}.swatch-button,.custom-color-swatch{border:2px solid var(--surface);outline:1px solid var(--line);background:var(--swatch);cursor:pointer;border-radius:999px;justify-self:center;width:28px;height:28px;display:inline-grid;position:relative}.swatch-button.active,.custom-color-swatch.active{outline:3px solid var(--swatch)}@supports (color:color-mix(in lab, red, red)){.swatch-button.active,.custom-color-swatch.active{outline:3px solid color-mix(in srgb, var(--swatch) 44%, var(--line))}}.custom-color-swatch{color:var(--text);place-items:center;overflow:hidden}.custom-color-swatch input{z-index:2;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.custom-color-swatch svg{z-index:1;background:var(--surface);border-radius:999px;width:14px;height:14px;position:relative}@supports (color:color-mix(in lab, red, red)){.custom-color-swatch svg{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.custom-color-swatch svg{box-shadow:0 0 0 1px var(--line)}@supports (color:color-mix(in lab, red, red)){.custom-color-swatch svg{box-shadow:0 0 0 1px color-mix(in srgb, var(--line) 68%, transparent)}}.segmented-control{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:5px;min-height:42px;padding:4px;display:grid}.segmented-control button{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:12px;font-weight:900}.segmented-control button.active{background:var(--surface);color:var(--text);box-shadow:0 4px 14px #10151314}.output-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.stats-grid.compact-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.output-button{min-height:38px;padding:0 7px}.stats-grid div{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;min-height:72px;padding:10px;display:grid}.stats-grid svg{color:var(--accent-strong)}.stats-grid strong{font-size:18px;line-height:1}.stats-grid span{color:var(--muted);grid-column:1/-1;font-size:12px}.outline-list{gap:6px;display:grid}.outline-list button{width:100%;min-height:34px;color:var(--muted);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:7px;font-size:12px;font-weight:800;overflow:hidden}.outline-list button:hover{background:var(--surface-2);color:var(--text)}.outline-list .level-2{padding-left:12px}.outline-list .level-3{padding-left:24px}.empty-note{color:var(--muted);margin:0;font-size:12px;line-height:1.6}@media (width<=1320px){.component-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1180px){.settings-ribbon-grid{grid-template-columns:minmax(420px,1fr) minmax(180px,.38fr) minmax(190px,.46fr)}.workspace-grid{grid-template-columns:minmax(330px,.92fr) 12px minmax(430px,1.08fr)}.preview-document{padding:34px}}@media (width<=980px){.workspace-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.toolbar-actions{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;width:100%;display:grid}.mobile-tabs{display:flex}.component-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-toolbar-actions{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;width:100%}.skeleton-toolbar-actions span{width:auto}.skeleton-mobile-tabs{display:grid}.settings-ribbon{padding:8px 12px}.settings-ribbon-head{margin-bottom:6px}.settings-ribbon-grid{scrollbar-gutter:stable;scroll-snap-type:x proximity;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.settings-ribbon-grid .settings-section{scroll-snap-align:start;min-width:min(86vw,360px)}.color-section{min-width:210px!important}.width-section{min-width:220px!important}.settings-more-body{grid-template-columns:1fr}.stats-grid.compact-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.io-panel-grid{grid-template-columns:1fr}.io-output-grid{grid-template-columns:repeat(4,minmax(72px,1fr))}.workspace-grid{min-height:auto;display:block}.skeleton-workspace-grid{min-height:auto;padding:10px;display:block}.skeleton-panel{min-height:clamp(552px,62dvh,760px)}.skeleton-preview-panel,.resize-handle{display:none}.tool-panel{border-right:0}.tool-panel.is-mobile-hidden{display:none}.editor-panel textarea,.preview-scroll{height:clamp(500px,62dvh,720px);min-height:500px}}@media (width<=720px){.workspace-shell{width:min(100% - 20px,1220px)}.workspace-toolbar{background:linear-gradient(135deg, var(--accent), transparent 72%), var(--surface);border-radius:8px 8px 0 0;gap:12px}@supports (color:color-mix(in lab, red, red)){.workspace-toolbar{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%), var(--surface)}}.workspace-toolbar{padding:12px}.workspace-toolbar>div:first-child{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.workspace-kicker{border:1px solid var(--accent);margin:0}@supports (color:color-mix(in lab, red, red)){.workspace-kicker{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line))}}.workspace-kicker{background:var(--accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.workspace-kicker{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.workspace-kicker{white-space:nowrap;padding:5px 8px;font-size:11px}.workspace-toolbar h2{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.toolbar-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.tool-button{flex-direction:column;gap:4px;width:auto;min-height:50px;padding:7px 4px;font-size:12px}.tool-button span{display:block}.component-drawer{gap:10px;width:100%;max-width:100%;padding:10px;overflow:hidden}.component-drawer-head,.component-drawer-head>div{min-width:0}.component-drawer-head h3{overflow-wrap:anywhere;font-size:15px;line-height:1.3}.component-kicker{font-size:11px}.component-category-tabs{scrollbar-gutter:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:100%;padding-bottom:0;display:grid;overflow:visible}.component-category-tab{text-align:center;min-width:0;max-width:100%;padding:8px 6px}.component-category-tab strong{font-size:12px}.component-category-tab span{display:none}.component-category-summary{gap:6px;padding:10px;display:grid}.component-category-summary small{text-align:left;max-width:none}.yaohuo-shell-prompt{gap:9px;padding:10px;display:grid}.yaohuo-shell-prompt button{width:100%}.component-card-grid,.template-card-grid{scrollbar-gutter:stable;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;width:100%;max-width:100%;max-height:min(52dvh,420px);padding-right:8px;overflow:hidden auto}.component-card{gap:6px;width:100%;min-width:0;max-width:100%;min-height:128px;padding:10px;overflow:visible}.component-card-top{align-items:flex-start;min-width:0}.component-card-top strong{overflow-wrap:anywhere;min-width:0}.component-card-top small{text-overflow:ellipsis;min-width:0;max-width:48%;overflow:hidden}.component-card:hover{transform:none}.component-card-description{overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.component-card-meta{display:none}.template-tags-inline{gap:5px}.template-tags-inline span{padding:3px 6px;font-size:10px}.settings-ribbon{padding:10px}.settings-ribbon-head{margin-bottom:8px;display:flex}.settings-ribbon-head small{display:none}.settings-ribbon-grid{scrollbar-gutter:auto;scroll-snap-type:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px;padding-bottom:0;display:grid;overflow:visible}.settings-ribbon-grid::-webkit-scrollbar{display:none}.settings-ribbon-grid .settings-section,.color-section,.width-section{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-width:0!important}@supports (color:color-mix(in lab, red, red)){.settings-ribbon-grid .settings-section,.color-section,.width-section{background:color-mix(in srgb, var(--surface-2) 70%, var(--surface))}}.settings-ribbon-grid .settings-section,.color-section,.width-section{scroll-snap-align:none;padding:9px}.settings-ribbon-grid .settings-section:first-child{grid-column:1/-1}.settings-section h3{margin-bottom:6px;font-size:12px}.compact-choice-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.compact-choice-row .choice-button{text-align:center;align-items:center;min-height:36px;padding:0 6px}.compact-choice-row .choice-button strong{white-space:nowrap;font-size:12px}.choice-button span{display:none}.swatch-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-height:42px;padding:4px}.swatch-button,.custom-color-swatch{width:28px;height:28px}.segmented-control{gap:4px;min-height:42px;padding:4px}.segmented-control button{min-height:32px;font-size:11px}.io-output-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.output-button{flex-direction:column;gap:4px;min-height:46px;padding:5px 3px;font-size:11px}.output-button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.settings-more{display:none}.preview-scroll{padding:12px}.preview-document{padding:24px 18px;font-size:15px;line-height:1.7}.preview-document h1{font-size:27px}.preview-document.style-magazine h1{padding:20px 20px 26px;color:#102018!important;font-size:clamp(24px,6.2vw,28px)!important;line-height:1.3!important}.preview-document.style-magazine h1:after{width:min(160px,48%);left:20px}.preview-document h2{font-size:21px}.preview-document .md-steps-da01{padding:16px!important}.preview-document .md-steps-da01-list{grid-template-columns:1fr!important;gap:10px!important}.md-compare-grid{grid-template-columns:1fr!important}}@media (width<=520px){.workspace-shell{width:100%;margin-bottom:18px}.workspace-toolbar,.component-drawer,.settings-ribbon,.mobile-tabs,.skeleton-mobile-tabs,.workspace-grid,.skeleton-workspace-grid,.skeleton-panel{border-left:0;border-right:0;border-radius:0}.editor-panel textarea,.preview-scroll{height:clamp(460px,64dvh,680px);min-height:440px}.stats-grid,.stats-grid.compact-stats-grid{grid-template-columns:1fr 1fr}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}