*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}::selection{background-color:#1890ff;color:#fff}.ant-motion-collapse{transition:none!important}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}.markdown-editor{height:100%}.markdown-editor .toolbar{background:transparent!important;border-bottom:1px solid #f0f0f0;padding:10px 14px!important;position:sticky;top:0;z-index:10}.markdown-editor .ant-input{border:none!important;border-radius:0!important;resize:none!important;font-size:15px!important;line-height:1.7!important}.markdown-editor .ant-input:focus{box-shadow:none!important}.preview-container{min-height:100%;padding:24px 28px}.preview-content{line-height:1.8;color:#333;max-width:720px;margin:0 auto;font-size:15px}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{margin-top:24px;margin-bottom:14px;font-weight:600;line-height:1.35}.preview-content h1:first-child,.preview-content h2:first-child,.preview-content h3:first-child{margin-top:0}.preview-content h1{font-size:1.9em}.preview-content h2{font-size:1.5em}.preview-content h3{font-size:1.2em}.preview-content p{margin-bottom:16px}.preview-content blockquote{padding:.6em 1.2em;color:#666;border-left:4px solid #1677ff;margin:0 0 16px;background:#f8f9fa;border-radius:0 10px 10px 0}.preview-content code{padding:.25em .5em;margin:0;font-size:87%;background-color:#0000000f;border-radius:6px;font-family:SF Mono,Monaco,Consolas,Liberation Mono,Menlo,monospace}.preview-content pre{padding:16px;overflow:auto;font-size:14px;line-height:1.55;background-color:#282c34;color:#abb2bf;border-radius:12px;margin:0 0 16px}.preview-content pre code{background-color:transparent;padding:0;color:inherit}.preview-content ul,.preview-content ol{padding-left:2em;margin-bottom:16px}.preview-content li{margin-bottom:.4em}.preview-content img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}.preview-content a{color:#1677ff;text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content table{border-spacing:0;border-collapse:collapse;margin-bottom:16px;width:100%;font-size:14px;border-radius:10px;overflow:hidden}.preview-content table th,.preview-content table td{padding:10px 14px;border:1px solid #e8e8e8}.preview-content table th{font-weight:600;background-color:#fafafa}.preview-content table tr:nth-child(2n){background-color:#fafafa}.preview-content hr{height:2px;padding:0;margin:24px 0;background-color:#e8e8e8;border:0;border-radius:1px}.toolbar .ant-btn{color:#666;transition:all .2s ease;border-radius:8px}.toolbar .ant-btn:hover{color:#1677ff;background-color:#1677ff1a}.template-selector .ant-card{transition:all .25s ease;border-radius:12px}.template-selector .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.workspace-header-action{color:#595959!important;border-radius:10px!important;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.workspace-header-action:hover{color:#262626!important;background:#f5f5f5!important}.workspace-header-action--active{color:#1f1f1f!important;background:#f5f5f5!important;box-shadow:inset 0 0 0 1px #e8e8e8}.workspace-side-panel{height:calc(100vh - 140px);margin:16px 0;background:#fff;border-radius:16px;border:1px solid #e8e8e8;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px #0000000f}.workspace-side-panel--left,.workspace-side-panel--right{margin-left:16px;margin-right:16px}.workspace-side-panel__header{padding:12px 18px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;background:#fafafa}.workspace-side-panel__body{flex:1;overflow:auto;padding:18px}.project-panel{display:flex;flex-direction:column;gap:18px}.project-panel__current{padding:16px 16px 15px;border-radius:14px;border:1px solid #ececec;background:linear-gradient(180deg,#fcfcfc,#f8f8f8)}.project-panel__current-title{font-size:14px;color:#262626!important;letter-spacing:.01em}.project-panel__section{display:flex;flex-direction:column;gap:10px}.project-panel__section--materials{padding-top:2px;border-top:1px solid #f3f3f3}.project-panel__section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-panel__actions{flex-wrap:wrap;justify-content:flex-end}.project-panel__list{display:flex;flex-direction:column;gap:9px}.project-panel__list--materials{gap:9px}.project-panel__item{width:100%;display:flex;align-items:stretch;gap:10px;padding:0;border:1px solid #f1f1f1;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.project-panel__item:hover{border-color:#e2e2e2;background:#fcfcfc;box-shadow:0 3px 12px #0f172a0a;transform:translateY(-1px)}.project-panel__item.is-active{border-color:#d8dce3;background:#fafafa;box-shadow:inset 0 0 0 1px #0f172a05}.project-panel__item-rail{width:3px;margin:10px 0 10px 10px;border-radius:999px;background:transparent;transition:background-color .2s ease}.project-panel__item.is-active .project-panel__item-rail{background:#1677ff}.project-panel__item-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;padding:13px 14px 12px 0}.project-panel__item--project .project-panel__item-main{padding-top:14px;padding-bottom:13px}.project-panel__item--material{border-color:#f4f4f4;background:#fcfcfc}.project-panel__item--material .project-panel__item-rail{margin-left:14px;margin-top:11px;margin-bottom:11px}.project-panel__item--material .project-panel__item-main{padding-top:11px;padding-bottom:11px}.project-panel__item-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-panel__item-controls{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.project-panel__item-title{min-width:0;flex:1;font-size:13px;color:#262626!important;letter-spacing:.01em}.project-panel__item-title--material{font-size:12.5px;font-weight:600}.project-panel__item.is-active .project-panel__item-title{color:#1f1f1f!important}.project-panel__item-meta{display:block;min-width:0;font-size:12px;color:#8c8c8c!important}.project-panel__meta-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 8px;border-radius:999px;background:#f5f5f5;border:1px solid #ececec;color:#595959;font-size:11px;font-weight:600;line-height:1.4}.project-panel__meta-pill--subtle{background:#fafafa;color:#8c8c8c}.project-panel__icon-button{color:#8c8c8c!important;width:28px;min-width:28px;height:28px;padding:0!important;border-radius:8px!important}.project-panel__icon-button:hover{color:#262626!important;background:#f5f5f5!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-segmented{padding:3px!important;border-radius:10px!important}.ant-segmented-item{transition:all .25s ease!important;border-radius:8px!important}.ant-segmented-item:hover{color:#1677ff!important}.ant-segmented-thumb{transition:all .25s ease!important;border-radius:8px!important}.ant-btn{border-radius:10px!important;font-weight:500}.ant-btn-sm{font-size:14px}.ant-btn-primary{box-shadow:0 2px 8px #1677ff40}.ant-btn-primary:hover{box-shadow:0 4px 12px #1677ff59;transform:translateY(-1px)}.ant-modal-content{border-radius:16px!important;overflow:hidden}.ant-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0}.ant-modal-title{font-weight:600;font-size:16px}.ant-modal-body{padding:20px 24px}.ant-card{border-radius:12px}.ant-input,.ant-select-selector,.ant-color-picker-trigger{border-radius:10px!important}.ant-tag{border-radius:6px;padding:2px 8px;font-size:13px}.ant-dropdown-menu{border-radius:12px;padding:6px}.ant-dropdown-menu-item{border-radius:8px;padding:8px 12px}@media(max-width:1024px){.ant-layout-content{flex-direction:column!important}.ant-layout-content>div{width:100%!important}}@media(max-width:768px){.ant-layout-header{padding:0 12px!important}.ant-layout-content{padding:8px!important;gap:8px!important}.ant-segmented{font-size:12px!important}.preview-content{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ant-layout-content>div{animation:fadeIn .3s ease}.ant-input:focus,.ant-input-focused{border-color:#1677ff!important;box-shadow:0 0 0 3px #1677ff1a!important}.ant-empty-description{font-size:14px}