.home-app{display:grid;grid-template-rows:56px 1fr;height:100%;background:#f5f5f7}.home-topbar{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:24px;padding:0 24px;background:#fff;border-bottom:1px solid #ececf0}.home-brand{display:flex;flex-direction:column;gap:2px}.home-brand-name{font-size:18px;font-weight:700;color:#e07a3d;letter-spacing:.5px}.home-brand-slogan{font-size:11px;color:#aaa}.home-search{position:relative;max-width:520px;width:100%;margin:0 auto}.home-search input{width:100%;border:1px solid #e8e8ee;background:#f7f7f9;border-radius:999px;padding:10px 16px 10px 40px;font-size:13px;outline:none}.home-search input:focus{border-color:#e07a3d;background:#fff}.home-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:#aaa;stroke-width:2}.home-topbar-actions{display:flex;align-items:center;gap:10px}.home-hint{font-size:12px;color:#999}.home-nav-divider.top{margin-top:0}.home-body{display:grid;grid-template-columns:200px 1fr;min-height:0}.home-sidebar{background:#fff;border-right:1px solid #ececf0;padding:16px 12px;overflow:auto}.home-nav-group{display:flex;flex-direction:column;gap:4px}.home-nav-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;border-radius:8px;padding:10px 12px;font-size:14px;color:#444;text-align:left}.home-nav-item:hover{background:#f7f7f9}.home-nav-item.active{background:#f3f3f5;color:#222;font-weight:600}.home-nav-icon{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.home-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-nav-icon svg path{fill:none}.home-nav-divider{margin:18px 0 10px;padding:0 12px;font-size:12px;color:#999}.home-content{overflow:auto;padding:16px 28px 40px}.pipeline-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;background:#fff;border:1px solid #ececf0;border-radius:10px}.pipeline-segment-wrap{display:flex;align-items:center;gap:8px}.pipeline-segment{display:flex;flex-direction:column;gap:2px;padding:4px 12px;border-radius:8px}.pipeline-segment.active{background:#fff3ec}.pipeline-label{font-size:13px;font-weight:600;color:#444}.pipeline-desc{font-size:11px;color:#999}.pipeline-arrow{color:#ccc;font-size:14px}.template-center-head h1{margin:0 0 6px;font-size:22px;font-weight:600}.template-center-head p{margin:0 0 20px;font-size:13px;color:#888}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,240px));gap:18px;align-content:start}.template-card{position:relative;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:transform .2s,box-shadow .2s}.template-fav-btn{position:absolute;right:10px;top:10px;z-index:2;width:32px;height:32px;border:none;border-radius:50%;background:#ffffffeb;font-size:16px;color:#ccc;box-shadow:0 2px 8px #0000001f}.template-fav-btn.active{color:#e07a3d}.template-card-actions-row{display:flex;gap:8px;padding:0 12px 12px}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.template-card-hit{display:block;width:100%;border:none;background:transparent;padding:0;text-align:left}.template-cover{position:relative;aspect-ratio:375 / 520;overflow:hidden;background:#f0ebe6}.template-cover img{width:100%;height:100%;object-fit:cover;object-position:40% 28%}.template-badges{position:absolute;left:8px;top:8px;display:flex;gap:6px}.template-tag{padding:2px 8px;border-radius:4px;font-size:11px;color:#fff;background:#00000073}.template-tag.hot{background:#e74c3c}.template-type{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:4px;font-size:11px;color:#fff;background:#0000008c}.template-meta{display:flex;justify-content:space-between;padding:10px 12px 0;font-size:12px;color:#999}.template-name{padding:6px 12px 0;font-size:14px;font-weight:600;color:#333}.template-desc{margin:4px 12px 12px;font-size:11px;color:#aaa;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-placeholder{min-height:100%;display:grid;place-items:center}.home-placeholder-inner{text-align:center;max-width:420px;padding:48px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #0000000f}.home-placeholder-inner h1{margin:0 0 10px;font-size:22px}.home-placeholder-inner p{margin:0 0 20px;font-size:14px;color:#888;line-height:1.6}.projects-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:640px}.project-row{width:100%;text-align:left;border:1px solid #ececf0;background:#fff;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.project-row:hover{border-color:#e07a3d;background:#fffaf7}.project-row-title{font-size:15px;font-weight:600;color:#333}.project-row-meta{font-size:12px;color:#999}.projects-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.projects-tabs{display:flex;gap:6px}.projects-tabs button{border:1px solid #e8e8ee;background:#fff;border-radius:999px;padding:6px 14px;font-size:12px}.projects-tabs button.active{background:#fff3ec;border-color:#e07a3d;color:#c45c20}.projects-toolbar select,.projects-search{border:1px solid #e8e8ee;border-radius:8px;padding:7px 10px;font-size:12px;background:#fff}.projects-search{min-width:180px}.project-card{background:#fff;border:1px solid #ececf0;border-radius:10px;overflow:hidden}.project-card-main{display:block;width:100%;text-align:left;border:none;background:transparent;padding:14px 16px 8px}.project-card-main.static{padding-bottom:14px}.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.status-badge{font-size:11px;padding:2px 8px;border-radius:999px;flex-shrink:0}.status-badge.draft{background:#f0f0f5;color:#666}.status-badge.published{background:#e8f7ee;color:#2f9e6b}.project-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px;align-items:center}.btn.small{padding:5px 10px;font-size:12px}.muted.small{font-size:12px;color:#aaa}.create-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:720px}.create-card{text-align:left;border:1px solid #ececf0;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000d}.create-card h3{margin:0 0 8px;font-size:16px}.create-card p{margin:0;font-size:13px;color:#888;line-height:1.5}.btn{border:1px solid #d7d7de;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer}.btn.ghost.danger{color:#c45c6a;border-color:#f0c4ca}@media (max-width: 960px){.home-topbar{grid-template-columns:1fr;gap:10px;padding:10px 16px;height:auto}.home-body{grid-template-columns:1fr}.home-sidebar{display:none}}.editor-loading{height:100%;display:grid;place-items:center;color:#666;background:#ececef}.editor-app{display:grid;grid-template-rows:52px 1fr 108px;height:100%;background:#e8e8ec}.project-id{font-size:11px;color:#999;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #e3e3e8;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.brand{font-weight:700;letter-spacing:.5px;color:#c45c6a;margin-right:8px}.topbar-history{display:flex;gap:4px}.save-toast{font-size:12px;color:#2f9e6b}.btn{border:1px solid #d7d7de;background:#fff;border-radius:6px;padding:6px 14px;font-size:13px}.btn:hover{background:#f7f7f9}.btn.primary{background:#c45c6a;border-color:#c45c6a;color:#fff}.btn.primary:hover{background:#b04e5c}.btn.ghost{background:transparent}.btn.block{width:100%}.icon-btn{width:32px;height:32px;border:1px solid #e0e0e6;border-radius:6px;background:#fff}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.editor-main{display:grid;grid-template-columns:260px 1fr 280px;min-height:0}.left-sidebar{display:grid;grid-template-columns:64px 1fr;background:#fff;border-right:1px solid #e3e3e8;min-height:0}.tool-rail{display:flex;flex-direction:column;gap:2px;padding:8px 4px;border-right:1px solid #efeff3;overflow:auto}.tool-item{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:transparent;padding:10px 4px;border-radius:8px;font-size:11px;color:#666}.tool-item .tool-dot{width:8px;height:8px;border-radius:50%;background:#d0d0d6}.tool-item.active,.tool-item:hover{background:#f6f1f2;color:#c45c6a}.tool-item.active .tool-dot{background:#c45c6a}.left-panel{padding:12px 10px 12px 12px;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-title{font-size:13px;font-weight:600;margin-bottom:10px;flex-shrink:0}.page-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;min-height:0;padding-right:4px;overscroll-behavior:contain}.page-thumb-item{border:2px solid transparent;border-radius:8px;background:transparent;padding:4px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.page-thumb-item.active{border-color:#e07a3d}.page-thumb-item.is-hidden{opacity:.55}.page-thumb-item.is-hidden .page-thumb-frame{filter:grayscale(.35)}.page-thumb-select{border:none;background:transparent;padding:0;text-align:center;cursor:pointer;position:relative}.page-thumb-hidden-badge{position:absolute;top:6px;right:6px;font-size:10px;line-height:1;padding:3px 6px;border-radius:4px;background:#0000008c;color:#fff;pointer-events:none}.page-thumb-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 2px 4px;min-height:24px}.page-thumb-label{flex:1;min-width:0;font-size:12px;color:#555;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-thumb-actions{display:flex;flex-shrink:0;gap:2px}.page-icon-btn{width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:#888;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.page-icon-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.page-icon-btn:hover:not(:disabled){background:#f5f0ea;color:#e07a3d}.page-icon-btn:disabled{opacity:.35;cursor:not-allowed}.page-icon-btn--danger:hover:not(:disabled){color:#d64545;background:#fff0f0}.page-thumb-frame{overflow:hidden;border-radius:4px;box-shadow:0 2px 8px #0000001f;margin:0 auto}.page-thumb-scale{transform-origin:top left;position:relative}.page-thumb-skeleton{width:100%;height:100%;min-height:176px;border-radius:4px;background:linear-gradient(90deg,#f0ebe3 25%,#faf8f5,#f0ebe3 75%);background-size:200% 100%;animation:thumb-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes thumb-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.panel-placeholder,.panel-empty{color:#888;font-size:13px;line-height:1.6;padding:20px 8px}.muted{color:#aaa;font-size:12px}.canvas-workspace{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(45deg,#e4e4e8 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,#e4e4e8 25%,transparent 25%) 0 0 / 16px 16px,#ededf1}.canvas-toolbar{position:absolute;right:16px;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 32px);background:#fffffff2;border:1px solid #ddd;border-radius:8px;padding:6px 8px;font-size:12px}.canvas-device-select{display:flex;align-items:center;gap:6px}.canvas-device-select select{border:1px solid #ddd;border-radius:6px;padding:4px 6px;font-size:12px;max-width:168px}.canvas-zoom-label{white-space:nowrap;color:#666}.canvas-fit-btn{padding:4px 10px;font-size:12px}.device-frame{position:relative;flex-shrink:0;border-radius:16px;box-shadow:0 0 0 8px #1a1a1e,0 0 0 10px #3a3a42,0 16px 48px #00000040;overflow:hidden}.device-frame.editing-gallery-slot,.long-canvas-inner.editing-gallery-slot{overflow:visible}.device-frame-label{position:absolute;top:8px;right:10px;z-index:6;padding:2px 8px;border-radius:999px;background:#00000073;color:#fff;font-size:11px;pointer-events:none}.canvas-stage-wrap,.canvas-scroll{flex:1;width:100%;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:28px 24px 80px;overscroll-behavior:contain}.long-canvas-wrap{flex-shrink:0;position:relative}.long-canvas-scale{transform-origin:top left;position:absolute;left:0;top:0}.long-canvas-inner{position:relative;box-shadow:0 12px 40px #0000002e;border-radius:8px;overflow:hidden}.long-canvas-inner.mark-background{outline:2px dashed rgba(59,130,246,.4);outline-offset:-2px}.long-canvas-inner.mark-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(45deg,rgba(0,0,0,.025) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.025) 75%),linear-gradient(45deg,rgba(0,0,0,.025) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.025) 75%);background-size:16px 16px;background-position:0 0,8px 8px}.long-page-bg{position:absolute;left:0;top:0;z-index:0;border:0;pointer-events:none;background:#faf8f5}.section-preview-frame{border:0;pointer-events:none;background:#faf8f5}.section-layer-clip{position:absolute;left:0;width:100%;overflow:hidden;pointer-events:none;z-index:2;isolation:isolate}.section-layer-clip--slots{overflow:visible}.section-layer-clip--slots.is-editing .slot-image-frame:not(.selected){opacity:.72;z-index:1!important}.slot-image-blur-img,.slot-image-sharp-img{pointer-events:none;-webkit-user-select:none;user-select:none}.slot-image-frame{overflow:hidden;cursor:grab}.canvas-layer.slot-image-frame.selected{overflow:visible;outline:1px dashed #6aa8ff;pointer-events:none!important}.canvas-layer.slot-image-frame.selected .slot-image-viewport,.canvas-layer.slot-image-frame.selected .handle{pointer-events:auto!important}.slot-image-frame:active{cursor:grabbing}.slot-image-frame.is-drop-target{outline:2px solid #6aa8ff;outline-offset:2px}.slot-image-blur{position:absolute;z-index:0;pointer-events:none;overflow:visible;opacity:.92}.slot-image-blur:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#14100c1f;pointer-events:none}.slot-image-viewport{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;background:#faf8f5;box-shadow:0 0 0 1px #c9a96273}.slot-image-placeholder{width:100%;height:100%;display:grid;place-items:center;border:2px dashed rgba(201,169,98,.55);border-radius:8px;color:#9a8a7a;font-size:12px;background:#faf8f5eb}.slot-image-frame.is-empty.selected .slot-image-viewport{box-shadow:0 0 0 2px #6aa8ff}.section-layer-clip .canvas-layer{pointer-events:auto}.canvas-layer.frame-locked.selected{outline-style:dashed;cursor:grab}.canvas-layer.frame-locked.selected:active{cursor:grabbing}.section-scroll-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none;visibility:hidden}.canvas-layer{position:absolute;cursor:move;outline:1px solid transparent;box-sizing:border-box;z-index:1}.canvas-layer.selected{outline:1px solid #6aa8ff;z-index:999!important}.canvas-layer.slot-image-frame.selected{z-index:1000!important}.canvas-layer.layer-widget{cursor:pointer}.canvas-layer.layer-widget:not(.selected){outline:none}.widget-label{position:absolute;left:4px;top:4px;padding:2px 8px;border-radius:4px;background:#6aa8ffeb;color:#fff;font-size:11px;pointer-events:none;z-index:3}.layer-image-fill,.layer-text-fill{width:100%;height:100%;pointer-events:none}.layer-text-fill{display:flex;align-items:center;justify-content:center}.layer-panel-title{margin-top:8px;border-top:1px solid #eee;padding-top:12px;flex-shrink:0}.layer-list{display:flex;flex-direction:column;gap:4px;padding:0 10px 12px;flex-shrink:0;max-height:220px;overflow-y:auto}.layer-item{display:flex;align-items:center;gap:8px;border:1px solid #ececf0;background:#fafafa;border-radius:6px;padding:8px 10px;text-align:left;font-size:12px}.layer-item.active{border-color:#c45c6a;background:#fff7f8}.layer-type{flex:0 0 auto;width:22px;height:22px;border-radius:4px;display:grid;place-items:center;font-size:11px;color:#fff}.layer-type.image{background:#6aa8ff}.layer-type.text{background:#c45c6a}.layer-type.widget{background:#8a7a6a}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-empty{padding:0 12px 8px;margin:0;font-size:12px}.widget-desc{font-size:12px;line-height:1.6;margin:0}.preview-long-page{position:relative;flex-shrink:0;box-shadow:0 12px 40px #0003;border-radius:8px;overflow:hidden}.canvas-stack{display:flex;flex-direction:column;gap:28px;transform-origin:top center;padding-bottom:40px}.phone-canvas{position:relative;flex-shrink:0;box-shadow:0 12px 40px #0000002e;border-radius:8px;overflow:hidden;background:#fff;border:2px solid transparent}.invitation-frame{display:block;width:375px;height:667px;border:0;pointer-events:none;background:#faf8f5}.phone-canvas.is-active{border-color:#e07a3d}.page-index{position:absolute;left:8px;top:8px;z-index:20;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#00000073;color:#fff;font-size:12px;line-height:22px;text-align:center;pointer-events:none}.canvas-el{position:absolute;cursor:move;outline:1px solid transparent}.canvas-el.selected{outline:1px solid #6aa8ff}.canvas-el .el-image,.canvas-el .el-text{width:100%;height:100%}.canvas-el .el-text{display:flex;align-items:center;pointer-events:none}.handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid #6aa8ff;z-index:2;touch-action:none}.handle.tl{left:-5px;top:-5px;cursor:nwse-resize}.handle.tr{right:-5px;top:-5px;cursor:nesw-resize}.handle.bl{left:-5px;bottom:-5px;cursor:nesw-resize}.handle.br{right:-5px;bottom:-5px;cursor:nwse-resize}.handle.tm{left:50%;top:-5px;transform:translate(-50%);cursor:ns-resize}.handle.bm{left:50%;bottom:-5px;transform:translate(-50%);cursor:ns-resize}.handle.lm{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle.rm{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.canvas-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);margin:0;font-size:12px;color:#666;background:#ffffffe6;padding:4px 10px;border-radius:999px}.right-panel{background:#fff;border-left:1px solid #e3e3e8;min-height:0;overflow:auto}.page-settings-panel{display:flex;flex-direction:column}.page-settings-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee;flex-shrink:0}.page-settings-tabs button{border:none;background:#f7f7f9;padding:14px 0;font-size:14px;color:#888;cursor:pointer}.page-settings-tabs button.active{background:#fff;color:#222;font-weight:600;box-shadow:inset 0 -2px #3b82f6}.page-settings-body{padding:16px 14px 24px;display:flex;flex-direction:column;gap:14px}.settings-section-title{font-size:13px;font-weight:600;color:#333;margin-top:4px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#333}.settings-toggle-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:#d4d4da;border-radius:999px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.settings-toggle-row input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.settings-toggle-row input[type=checkbox]:checked{background:#3b82f6}.settings-toggle-row input[type=checkbox]:checked:after{transform:translate(20px)}.settings-slider-row{display:grid;grid-template-columns:36px 1fr 64px;align-items:center;gap:10px;font-size:12px;color:#555;padding:10px 12px;background:#f5f5f7;border-radius:8px}.settings-slider-row input[type=range]{width:100%;accent-color:#3b82f6}.settings-number{width:100%;border:1px solid #ddd;border-radius:6px;padding:4px 6px;font:inherit;font-size:12px;text-align:center}.settings-segment{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e0e0e5;border-radius:8px;overflow:hidden}.settings-segment button{border:none;background:#f5f5f7;padding:10px 0;font-size:13px;color:#666;cursor:pointer}.settings-segment button.active{background:#fff;color:#222;font-weight:600}.settings-color-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f5f5f7;border-radius:8px;font-size:12px;color:#666}.settings-color-row input[type=color]{width:100%;height:36px;border:none;border-radius:6px;padding:0;cursor:pointer;background:transparent}.settings-image-row{display:flex;flex-direction:column;gap:8px}.settings-bg-preview{width:100%;height:100px;object-fit:cover;border-radius:8px;background:#f0f0f2}.settings-bg-preview.empty{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px}.settings-hint{font-size:11px;line-height:1.5;margin:0}.right-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eee}.right-tabs button{border:none;background:transparent;padding:12px 0;font-size:13px;color:#777}.right-tabs button.active{color:#c45c6a;box-shadow:inset 0 -2px #c45c6a}.prop-body{padding:14px;display:flex;flex-direction:column;gap:12px}.prop-name{font-weight:600;font-size:14px}.prop-thumb{height:120px;border-radius:8px;overflow:hidden;background:#f3f3f5}.prop-thumb img{width:100%;height:100%;object-fit:cover}.prop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#555}.prop-row.stacked{flex-direction:column;align-items:stretch}.prop-row input[type=range]{flex:1}.prop-row textarea,.prop-field input,.prop-row input[type=text],.prop-row input[type=number],.prop-row input[type=color],.prop-row input[type=time]{border:1px solid #ddd;border-radius:6px;padding:6px 8px}.prop-section{font-size:12px;color:#888;margin-top:4px}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prop-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#888}.bottom-film{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-top:1px solid #e3e3e8;z-index:15}.film-label{font-size:13px;font-weight:600}.film-upload{border:1px dashed #c45c6a;color:#c45c6a;background:#fff7f8;border-radius:6px;padding:8px 12px;font-size:12px}.film-track{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.film-item{flex:0 0 auto;width:64px;height:64px;border:1px solid #e5e5ea;border-radius:6px;overflow:hidden;padding:0;background:#f7f7f9}.film-item img{width:100%;height:100%;object-fit:cover}.film-tip{margin:0;font-size:11px;color:#999;white-space:nowrap}.crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:#1a1a1a}.crop-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab;background:#2a2a2a}.crop-img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center}.crop-frame{position:absolute;top:48px;right:48px;bottom:48px;left:48px;border:2px dashed rgba(212,175,55,.95);box-shadow:0 0 0 9999px #00000073;pointer-events:none;border-radius:4px}.crop-bar{padding:14px 16px;text-align:center;color:#eee;background:#141414}.crop-bar p{margin:0 0 10px;font-size:13px;color:#ffffffb3}.crop-actions{display:flex;justify-content:center;gap:12px}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#141418eb;display:grid;grid-template-rows:52px 1fr 64px}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#fff}.preview-body{display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px 0 40px}.preview-stack{display:flex;flex-direction:column;gap:16px}.preview-phone{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000073}.preview-pages{display:flex;justify-content:center;gap:8px;align-items:center}.preview-pages button{border:1px solid #555;background:#2a2a30;color:#ddd;border-radius:999px;padding:6px 14px;font-size:12px}.preview-pages button.active{background:#c45c6a;border-color:#c45c6a;color:#fff}.publish-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0f0f128c;display:flex;align-items:center;justify-content:center;padding:24px}.publish-info-modal{width:min(520px,100%);max-height:min(90vh,720px);overflow:auto;background:#fff;border-radius:12px;box-shadow:0 24px 80px #00000047}.publish-info-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}.publish-info-head h2{font-size:18px;font-weight:600}.publish-info-close{border:none;background:transparent;font-size:24px;line-height:1;color:#888;cursor:pointer}.publish-info-form{padding:8px 20px 20px;display:flex;flex-direction:column;gap:14px}.publish-field{display:grid;grid-template-columns:88px 1fr auto;gap:8px 12px;align-items:center;font-size:13px}.publish-field span.required:before{content:"* ";color:#e05a5a}.publish-field input,.publish-field textarea{grid-column:2 / 3;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font:inherit}.publish-field em{grid-column:3;font-size:11px;color:#aaa;font-style:normal}.publish-section-label{margin:8px 0 0;padding:8px 0 0;border-top:1px dashed #e6e2dc;font-size:12px;color:#888}.publish-nav-box{margin-left:100px;padding:12px;border-radius:8px;background:#f7f5f2;border:1px solid #e6e2dc;display:flex;flex-direction:column;gap:10px}.publish-nav-title{font-size:12px;font-weight:600;color:#555}.publish-coord-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.publish-coord-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}.publish-coord-row input{width:100%;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:13px}.publish-nav-actions{display:flex;flex-wrap:wrap;gap:8px}.publish-nav-actions .btn.ghost{text-decoration:none;font-size:12px;padding:6px 10px}.publish-nav-hint{margin:0;font-size:11px;color:#999;line-height:1.45}.publish-nav-hint-inline{margin:0 0 4px 100px}.publish-info-actions{display:flex;justify-content:flex-end;padding-top:8px}.publish-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#2f3035;display:grid;grid-template-rows:52px 1fr}.publish-preview-top{display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#f2f2f4;border-bottom:1px solid rgba(255,255,255,.08)}.btn.light{color:#eee;border-color:#ffffff40;background:transparent}.publish-preview-body{display:grid;grid-template-columns:1fr 360px;min-height:0}.publish-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04),transparent 40%),linear-gradient(160deg,#3d3d42,#2a2a2e)}.publish-stage-decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.07;font-family:Georgia,Times New Roman,serif;color:#fff}.publish-stage-decor span:first-child{position:absolute;top:12%;left:-4%;font-size:clamp(48px,8vw,96px);white-space:nowrap;letter-spacing:.08em}.publish-stage-decor span:last-child{position:absolute;right:6%;bottom:10%;font-size:clamp(32px,5vw,64px);letter-spacing:.12em}.publish-phone-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:28px}.publish-phone-shell{width:fit-content;max-width:calc(100% - 48px);background:#fff;border-radius:48px;padding:12px 12px 16px;box-shadow:0 0 0 1px #ffffff1f,0 28px 70px #00000073}.publish-phone-speaker{width:56px;height:5px;margin:6px auto 10px;border-radius:999px;background:#d8d8dc}.publish-phone-screen{width:375px;max-width:min(375px,calc(100vw - 420px));height:min(780px,calc(100vh - 120px));border-radius:36px;overflow:hidden;background:#faf8f5;position:relative}.publish-phone-iframe{width:100%;height:100%;border:none;display:block;background:#faf8f5}.publish-phone-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#888;background:#faf8f5;font-size:13px}.publish-scroll-hint{margin:0;writing-mode:vertical-rl;text-orientation:mixed;color:#ffffffe0;font-size:13px;letter-spacing:3px;-webkit-user-select:none;user-select:none;white-space:nowrap}.publish-share-drawer{background:#fff;border-left:1px solid #e8e8ec;padding:20px 18px;overflow-y:auto}.publish-share-drawer h3{font-size:16px;margin-bottom:16px}.share-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px}.share-field input,.share-field textarea{border:1px solid #ddd;border-radius:6px;padding:8px 10px;font:inherit;resize:vertical}.share-field em{align-self:flex-end;font-size:11px;color:#aaa;font-style:normal}.share-cover-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.share-cover-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;background:#f0ebe3;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888}.share-cover-thumb img{width:100%;height:100%;object-fit:cover}.share-section-title{font-size:14px;font-weight:600;margin:8px 0 12px}.share-qr-block{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start}.share-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.share-qr{width:128px;height:128px;border-radius:8px;border:1px solid #eee;flex-shrink:0;background:#fff}.share-qr-download{font-size:11px;padding:4px 8px}.share-qr--empty{display:flex;align-items:center;justify-content:center;background:#f5f5f7;color:#aaa}.share-link-block{flex:1;min-width:0}.share-link-label{font-size:12px;color:#666;margin-bottom:6px}.share-link-row{display:flex;gap:8px}.share-link-input{flex:1;min-width:0;border:1px solid #ddd;border-radius:6px;padding:6px 8px;font-size:12px}.share-hint{margin-top:8px;font-size:11px}.share-hint--warn{color:#b45309;line-height:1.5}.share-hint--warn code{font-size:10px;background:#fef3c7;padding:1px 4px;border-radius:4px}.share-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.share-channel-btn{border:1px solid #eee;border-radius:8px;background:#fafafa;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;cursor:pointer}.share-channel-btn:hover{border-color:#e07a3d;color:#e07a3d}.share-channel-icon{font-size:18px}.btn.small{padding:6px 12px;font-size:12px}@media (max-width: 1100px){.editor-main{grid-template-columns:220px 1fr 240px}.film-tip{display:none}.publish-preview-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.publish-share-drawer{max-height:42vh;border-left:none;border-top:1px solid #e8e8ec}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#2c2c2c;background:#ececef}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}