:root{--ink:#263041;--muted:#8b91a2;--accent:#7057c9;--accent-dark:#5b43b0;--tint:#f1edfc;--line:#e9eaf1;--paper:#fff;--canvas:#f6f7fb;--success:#5f9a83;--danger:#be5b68;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mobile-navigation{display:none}.mobile-navigation summary{cursor:pointer;border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation[open] summary{color:var(--accent);background:var(--tint)}.mobile-navigation nav{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:190px;max-height:calc(100dvh - 75px);padding:9px;position:absolute;top:57px;right:12px;overflow-y:auto;box-shadow:0 12px 36px #27243d1a}.mobile-navigation nav a{border-radius:6px;align-items:center;gap:12px;padding:10px 15px;font-size:13px;display:flex}.mobile-navigation a:hover,.mobile-navigation a[aria-current=page]{background:var(--tint);color:var(--accent)}.draft-history-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.draft-history-row strong{font-size:13px}.draft-history-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.rich-font-size{width:65px;padding:3px!important;font-size:11px!important}.rich-editor .tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0}.rich-editor .tiptap td,.rich-editor .tiptap th{vertical-align:top;border:1px solid #dedce6;min-width:30px;padding:6px}.rich-editor .tiptap th{background:#f4f1fa}.rich-editor .tiptap .selectedCell{background:#e9e2f6}.rich-table-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;padding:6px;display:flex}.rich-table-actions button{background:#f5f2fa;border:0;border-radius:4px;padding:3px 6px;font-size:10px}.mini-write .mini-paper{background:repeating-linear-gradient(#fffdf7 0 9px,#ded9cc 9px 10px)}.mini-image .mini-paper{background:linear-gradient(30deg,#899b89 20%,#c4d5c7 20% 55%,#e8e3d2 55%);padding-top:40px}.mini-image .mini-line{background:#fff}.mini-image .mini-title{background:#fff;height:3px}@media (max-width:960px){.mobile-navigation{display:block}.mobile-navigation summary{display:flex}.app-header .header-right,.app-header .header-guide{display:none}}@media (max-width:620px){.app-header .main-nav{display:none}.app-header{justify-content:space-between}.app-header .brand-studio{display:inline}}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea,select{outline:none;min-width:0}input:not([type=checkbox]):not([type=range]):not([type=color]),textarea,select{color:var(--ink);background:#fff;border:1px solid #e2e4ed;border-radius:7px;max-width:100%;padding:9px 11px}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #7057c90a;border-color:#ad9ee2!important}textarea{resize:vertical;line-height:1.7}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b8a7e9}input[type=range]{accent-color:var(--accent);width:100%;height:4px}input[type=color]{cursor:pointer;background:0 0;border:0;width:29px;height:29px;padding:0}input[type=checkbox]{accent-color:var(--accent)}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}.button{white-space:nowrap;background:#fff;border:1px solid #e1e3ec;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:12px;font-weight:500;line-height:1.5;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button:hover{background:#f8f7fc;border-color:#cfc8e2}.button-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 3px 8px #7057c917}.button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button-soft{background:var(--tint);color:var(--accent);border-color:#0000}.button-small{padding:6px 10px}.icon-button{color:#737b8d;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover{color:var(--accent);background:#f0edf7}.icon-button.active{background:var(--tint);color:var(--accent)}.quiet-link{color:#8c91a2;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.quiet-link:hover{color:var(--accent)}.header-guide{white-space:nowrap;border-radius:6px;justify-content:center;min-width:34px;min-height:34px;padding:5px}.danger{color:var(--danger)}.full{width:100%}.tag{color:#8a78b5;white-space:nowrap;background:#f0edf9;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;display:inline-flex}.spinner{border:2px solid #e8e3f6;border-top-color:var(--accent);border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.route-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:75vh;padding:40px;display:flex}.route-state h1{font-size:26px}.route-state p{color:var(--muted)}.app-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;gap:25px;height:65px;padding:0 25px;display:flex;position:relative}.brand{white-space:nowrap;letter-spacing:1px;align-items:center;gap:10px;font-size:18px;font-weight:650;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:34px;display:flex;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand-studio{color:#acb0be;letter-spacing:.3px;border-left:1px solid #e7e7ef;margin-left:1px;padding-left:10px;font-size:11px;font-weight:400}.main-nav{align-self:stretch;align-items:center;gap:6px;display:flex}.nav-link{color:#858a9a;white-space:nowrap;align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex;position:relative}.nav-link.active{color:var(--accent);font-weight:600}.nav-link.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:15px;right:15px}.nav-link:hover{color:var(--accent);background:#faf9fd}.header-right{align-items:center;gap:24px;display:flex}.account-button{color:#9295a4;align-items:center;gap:8px;font-size:11px;display:flex}.avatar-dot{color:#8067bd;background:#eee9fa;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:6px;font-size:11px;display:flex}.editor-shell{flex-direction:column;height:100dvh;min-height:610px;display:flex;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:59px;padding:0 22px;display:flex}.document-name{align-items:center;gap:10px;min-width:0;display:flex}.document-name input{width:190px;font-size:13px;font-weight:550;box-shadow:none!important;background:0 0!important;border:0!important;padding:4px 0!important}.document-badge{color:#9a87c2;background:#fbfafe;border:1px solid #e9e5f3;border-radius:6px;justify-content:center;align-items:center;width:27px;height:29px;display:flex}.save-state{color:#a2a6b3;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.save-state svg{color:#77a590}.toolbar-actions{align-items:center;gap:9px;display:flex}.toolbar-divider{background:var(--line);width:1px;height:20px;margin:0 4px}.undo-actions{gap:3px;display:flex}.tool-text{font-size:11px}.editor-layout{flex:1;grid-template-columns:222px minmax(300px,1fr) 286px;min-height:0;display:grid}.editor-left,.editor-right{background:#fff;flex-direction:column;min-height:0;display:flex}.editor-left{border-right:1px solid var(--line)}.editor-right{border-left:1px solid var(--line)}.panel-heading{border-bottom:1px solid #f3f3f7;flex-shrink:0;justify-content:space-between;align-items:center;height:49px;padding:0 18px;display:flex}.panel-heading h2{align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.panel-scroll{scrollbar-width:thin;scrollbar-color:#e6e4ec transparent;flex:1;overflow:auto}.panel-title-small{letter-spacing:.5px;color:#b0b3c0;padding:20px 16px 9px;font-size:10px}.template-list{grid-template-columns:1fr 1fr;gap:11px;padding:0 13px 18px;display:grid}.template-tile{text-align:left;background:0 0;border:0;min-width:0;padding:0}.template-preview{background:#f1f2f7;border:1px solid #ededf3;border-radius:7px;justify-content:center;align-items:center;height:94px;transition:border .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.template-tile.active .template-preview{border:1.5px solid #8c70d8;box-shadow:0 0 0 2px #8c70d80b}.template-tile:hover .template-preview{border-color:#c3b4e6}.template-check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;bottom:5px;right:5px}.template-caption{text-align:center;color:#969aaa;padding-top:6px;font-size:10px}.template-tile.active .template-caption{color:var(--accent);font-weight:600}.mini-paper{background:#fff;border-radius:3px;flex-direction:column;gap:4px;width:53px;height:68px;padding:9px 7px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 7px #454b5920}.mini-paper:before{content:"";background:#c8c2d7;width:12px;height:3px;margin-bottom:2px}.mini-paper .mini-title{opacity:.75;background:#696172;width:90%;height:6px;margin-bottom:4px}.mini-paper .mini-line{background:#c8c5cf;width:100%;height:2px}.mini-paper .mini-line.short{width:65%}.mini-paper .mini-footer{background:#b7afc9;width:30%;height:2px;margin-top:auto}.mini-quote .mini-paper{padding-top:18px}.mini-quote .mini-paper:before{content:"“";color:#b5a4ce;background:0 0;width:auto;height:auto;font:26px Georgia;position:absolute;top:2px;left:6px}.mini-book .mini-paper{background:#f4f0e7;border-left:4px solid #cbc4b1}.mini-code .mini-paper{background:#333a4d;padding-top:16px}.mini-code .mini-title{background:#b3b3e5;height:3px}.mini-code .mini-line{background:#8da599}.mini-dark .mini-paper{background:#33313b}.mini-dark .mini-title{background:#e5d4bc}.mini-dark .mini-line{background:#8b8493}.mini-memo .mini-paper{background:#f2ebcf;transform:rotate(-5deg)}.mini-poster .mini-title{width:70%;height:20px}.mini-chat .mini-line{background:#ddd8ed;border-radius:3px;height:8px}.mini-frame .mini-paper{outline-offset:-5px;outline:1px solid #bdb4ca}.mini-transparent .mini-paper{background:#ffffff50}.left-bottom{border-top:1px solid var(--line);background:#fdfdff;padding:13px 16px}.upgrade-note{color:#a0a3b0;align-items:center;gap:8px;font-size:10px;line-height:1.7;display:flex}.upgrade-note svg{color:#b1a1d5}.style-library{padding:15px}.style-library .button{margin-top:10px}.saved-style{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:10px;width:100%;padding:10px 0;font-size:12px;display:flex}.saved-style span:first-child{border:1px solid #ece9f2;border-radius:4px;width:32px;height:38px}.empty-small{color:#a2a5b2;text-align:center;padding:25px 8px;font-size:11px;line-height:1.8}.editor-center{background:#f5f6fa;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-tools{color:#a0a4b2;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 25px;font-size:10px;display:flex}.canvas-breadcrumb{align-items:center;gap:7px;display:flex}.canvas-zoom{align-items:center;gap:4px;display:flex}.canvas-zoom select{color:#8e94a5;width:61px;font-size:10px;background:0 0!important;border:0!important;padding:3px!important}.canvas-scroll{scrollbar-width:thin;scrollbar-color:#d9dce7 transparent;background-image:radial-gradient(#d8dbe6 .6px,#0000 .6px);background-position:8px 8px;background-size:16px 16px;flex-direction:column;flex:1;align-items:center;min-height:0;padding:8px 35px 35px;display:flex;overflow:auto}.canvas-spacer{flex-shrink:0;margin:auto 0;position:relative}.preview-size{flex-shrink:0;position:relative}.preview-transform{transform-origin:0 0;filter:drop-shadow(0 14px 20px #30334d13);position:relative}.canvas-hint{color:#b1b5c2;text-align:center;justify-content:center;align-items:center;gap:5px;padding-top:23px;font-size:10px;display:flex}.card-strip{border-top:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:13px;height:85px;padding:10px 24px;display:flex;overflow-x:auto}.card-strip-label{color:#a3a7b5;white-space:nowrap;margin-right:3px;font-size:10px}.card-thumb{cursor:pointer;color:#ab9bcb;background:#edeaf7;border:1px solid #ddd8ed;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:52px;display:flex;position:relative}.card-thumb.active{outline:1.5px solid var(--accent);outline-offset:3px}.card-thumb span{font-size:9px;font-weight:600}.card-thumb .thumb-lines{background:repeating-linear-gradient(#ffffffb0 0 3px,#0000 3px 7px);border-radius:2px;position:absolute;inset:9px 6px}.card-thumb span{z-index:1;background:#ffffffd9;border-radius:3px;margin-top:27px;padding:0 4px}.card-add{color:#a1a0b4;background:#fff;border:1px dashed #d9d9e5;border-radius:4px;flex-shrink:0;width:39px;height:52px;font-size:18px}.card-add:hover{border-color:var(--accent);color:var(--accent)}.strip-actions{white-space:nowrap;align-items:center;gap:2px;margin-left:auto;display:flex}.strip-actions button{font-size:10px}.split-short{display:none}.editor-footer{color:#a9adbb;background:#fff;border-top:1px solid #eeeef5;flex-shrink:0;justify-content:space-between;align-items:center;height:29px;padding:0 20px;font-size:9px;display:flex}.footer-left,.footer-right{align-items:center;gap:16px;display:flex}.footer-dot{background:#86ad9a;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.property-tabs{border-bottom:1px solid #eeeef5;flex-shrink:0;gap:22px;height:49px;padding:0 14px;display:flex}.property-tabs button{color:#a3a6b3;background:0 0;border:0;padding:0 1px;font-size:11px;position:relative}.property-tabs button.active{color:var(--accent);font-weight:600}.property-tabs button.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.property-section{border-bottom:1px solid #f0f0f6;padding:18px 19px}.property-section h3{justify-content:space-between;align-items:center;margin:0 0 14px;font-size:11px;font-weight:600;display:flex}.property-section h3 small{color:#a8adbb;font-size:9px;font-weight:400}.property-label{color:#8c93a3;justify-content:space-between;align-items:center;margin:11px 0 7px;font-size:10px;display:flex}.property-label span{color:#aeb1be;font-size:9px}.layout-options{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.layout-option{color:#9a9aaa;background:#fff;border:1px solid #e9e8f0;border-radius:5px;padding:7px;font-size:10px}.layout-option.active{color:#8162c4;background:#f7f4fe;border-color:#c7b8e9}.theme-grid{grid-template-columns:repeat(6,1fr);gap:9px 8px;display:grid}.theme-swatch{border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;position:relative;box-shadow:0 0 0 1px #eeeef4}.theme-swatch.active{box-shadow:0 0 0 1.5px var(--accent)}.theme-swatch.active:after{content:"✓";color:#fff;text-shadow:0 1px 4px #0007;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.color-line{align-items:center;gap:9px;margin-top:12px;display:flex}.color-value{color:#989dac;flex:1;font-size:10px}.random-theme{color:#aa9ac6;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex}.size-pair{grid-template-columns:1fr 22px 1fr;align-items:center;gap:7px;display:grid}.size-field{position:relative}.size-field span{color:#a6a9b8;font-size:10px;position:absolute;top:7px;left:8px}.size-field input{text-align:right;width:100%;padding:6px 8px 6px 26px!important;font-size:11px!important}.property-select{width:100%;padding:7px 9px!important;font-size:10px!important}.slider-row{align-items:center;gap:10px;display:flex}.slider-row input[type=number]{text-align:center;flex-shrink:0;width:48px;padding:3px 5px!important;font-size:10px!important}.slider-row input[type=range]{flex:1;min-width:0}.property-inline{grid-template-columns:1fr 1fr;gap:10px;display:grid}.alignment-controls{border:1px solid #e8e8f0;border-radius:5px;display:flex;overflow:hidden}.alignment-controls button{color:#9b9eac;background:#fff;border:0;flex:1;justify-content:center;align-items:center;padding:6px;display:flex}.alignment-controls button.active{background:var(--tint);color:var(--accent)}.visibility-row{color:#7b8293;justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;display:flex}.switch{background:#dbdde7;border:0;border-radius:12px;width:32px;height:18px;padding:0;transition:background .15s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0001}.switch.on{background:#9d88d6}.switch.on:before{transform:translate(14px)}.panel-note{color:#b3b5c1;padding:15px 18px;font-size:10px;line-height:1.8}.field-control{color:#8f95a6;margin-bottom:14px;font-size:10px;display:block}.field-control>input,.field-control>textarea{width:100%;margin-top:6px;font-size:11px;line-height:1.7}.field-control>textarea{min-height:65px}.field-control .form-field-row{gap:6px;margin-top:6px;display:flex}.field-control .form-field-row input{flex:1;width:100%;font-size:11px}.content-mode{gap:5px;margin-bottom:10px;display:flex}.content-mode button{color:#999dae;background:#f6f6fa;border:0;border-radius:4px;padding:5px 9px;font-size:10px}.content-mode button.active{background:var(--tint);color:var(--accent)}.markdown-input{resize:vertical;width:100%;min-height:260px;font:11px/1.8 Consolas,Microsoft YaHei,monospace;padding:10px!important}.rich-editor{border:1px solid #e6e6ef;border-radius:7px;overflow:hidden}.rich-toolbar{background:#fafafe;border-bottom:1px solid #ededf4;flex-wrap:wrap;gap:1px;padding:5px;display:flex}.rich-tool{color:#8f94a5;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;font-size:9px;display:flex}.rich-tool:hover,.rich-tool.active{color:var(--accent);background:var(--tint)}.rich-color{cursor:pointer;border-bottom:2px solid #7057c9;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:flex;position:relative}.rich-color input{opacity:0;width:100%;height:100%;position:absolute;inset:0}.rich-editor .tiptap{color:#5c6476;outline:none;min-height:200px;max-height:390px;padding:12px;font-size:11px;line-height:1.8;overflow:auto}.tiptap p{margin:0 0 10px}.tiptap ul,.tiptap ol{padding-left:18px}.tiptap blockquote{color:#9390a1;border-left:2px solid #c6b4e9;margin:10px 0;padding-left:10px}.tiptap pre{background:#eeeef5;border-radius:4px;padding:8px;font-size:10px;overflow:auto}.tiptap img{max-width:100%;height:auto}.tiptap table{border-collapse:collapse;table-layout:fixed;width:100%}.tiptap td,.tiptap th{border:1px solid #ddd;min-width:30px;padding:5px}.rich-footer{color:#b0b1bf;border-top:1px solid #f1f0f6;padding:6px 10px;font-size:9px}.rich-loading{color:#aaa;padding:15px;font-size:11px}.mobile-panel-toggle,.mobile-close,.panel-overlay{display:none}.toast{z-index:200;color:#fff;background:#313247;border-radius:9px;align-items:center;gap:8px;max-width:90vw;padding:11px 18px;font-size:12px;display:flex;position:fixed;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #25233c20}.toast.error{background:#9d5263}.toast svg{flex-shrink:0}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20223865;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e7e4f1;border-radius:15px;outline:none;width:min(100%,500px);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #18132728}.modal-wide{width:min(100%,850px)}.modal-heading{border-bottom:1px solid #f0eef5;justify-content:space-between;align-items:flex-start;gap:15px;padding:25px 27px 17px;display:flex}.modal-heading h2{letter-spacing:-.5px;margin-bottom:7px;font-size:20px}.modal-heading-sticky{z-index:4;background:#fff;position:sticky;top:0}.modal-heading p{color:#a0a2b1;margin:0;font-size:11px;line-height:1.8}.modal-body{padding:24px 27px}.form-label{color:#868da0;flex-direction:column;gap:7px;margin-bottom:17px;font-size:11px;display:flex}.form-label input,.form-label textarea,.form-label select{color:#525c70;width:100%;font-size:12px}.form-label textarea{min-height:95px}.form-label>.tag{align-self:flex-start}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-hint{color:#a7abba;font-size:10px;line-height:1.8}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;display:flex}.dialog-actions>span{color:#a1a5b3;margin-right:auto;font-size:11px}.inline-error{color:#ba5c6a;background:#fff3f4;border-radius:6px;margin:15px 0 0;padding:10px 13px;font-size:11px}.segmented{background:#f2f2f8;border-radius:7px;gap:3px;padding:4px;display:inline-flex}.segmented.wide{width:100%;margin-bottom:20px;display:flex}.segmented button{color:#9c9eae;white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:11px;display:flex}.segmented button.active{color:var(--accent);background:#fff;box-shadow:0 2px 5px #42425309}.export-layout{grid-template-columns:210px 1fr;gap:35px;display:grid}.export-intro{border-right:1px solid #f0eef6;padding-right:25px}.export-art{justify-content:center;align-items:center;height:220px;display:flex;position:relative}.export-paper{text-align:center;color:#ad9ace;z-index:1;background:linear-gradient(145deg,#f1edf9,#ebeefa);border:1px solid #e3ddef;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:125px;height:165px;padding:15px;display:flex;position:relative;transform:rotate(-5deg);box-shadow:0 7px 15px #54427810}.export-paper span{color:#8d80a7;font-size:12px}.export-paper small{color:#b2a8c5;font-size:9px}.export-paper.back{z-index:0;background:#f8f6fc;position:absolute;top:31px;left:40px;transform:rotate(8deg)}.tip-card{color:#a18dc7;background:#f6f4fc;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;font-size:11px;line-height:1.8;display:flex}.tip-card svg{flex-shrink:0;margin-top:3px}.tip-card p{margin:0}.tip-card small{color:#b6accc;font-size:9px}.export-fields .form-label{margin-bottom:14px}.json-editor{width:100%;min-height:400px;font:11px/1.8 Consolas,Microsoft YaHei,monospace;color:#746b8d!important;background:#f9f8fd!important}.writing-tabs{margin-bottom:20px}.writing-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.writing-input,.writing-output{max-height:370px;min-height:240px!important;font-size:12px!important}.writing-output{background:#faf9fd!important}.writing-tools{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.writing-tools .button{padding:7px 10px;font-size:10px}.provider-form{max-width:540px;margin:auto}.batch-heading{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:15px;display:flex}.batch-source{width:100%;min-height:150px;margin-bottom:12px;font:11px/1.8 Consolas,Microsoft YaHei,monospace;background:#faf9fd!important}.mapping-grid{grid-template-columns:repeat(4,1fr);margin-top:20px}.batch-preview{border:1px solid var(--line);border-radius:5px;max-height:200px;overflow:auto}.batch-preview table{border-collapse:collapse;width:100%;font-size:11px}.batch-preview td,.batch-preview th{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--line);min-width:100px;max-width:250px;padding:8px 10px;overflow:hidden}.batch-preview th{color:#8e839f;background:#f7f6fb}.share-illustration{color:#a18acb;background:linear-gradient(130deg,#f1edf9,#edf2f8);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:170px;margin-bottom:20px;display:flex}.share-illustration span{color:#8c7d9f;font-size:16px}.copy-field{gap:7px;display:flex}.copy-field input{flex:1;min-width:0;font-size:11px}.menu-popover{z-index:35;background:#fff;border:1px solid #e5e2ee;border-radius:8px;min-width:160px;padding:5px;position:absolute;top:36px;right:0;box-shadow:0 8px 30px #29203612}.menu-popover button{text-align:left;color:#8a8b9d;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:11px;display:flex}.menu-popover button:hover{background:var(--tint);color:var(--accent)}@media (min-width:1700px){.editor-layout{grid-template-columns:240px minmax(400px,1fr) 306px}.template-preview{height:110px}.property-section{padding:22px 24px}.theme-grid{gap:12px}.canvas-scroll{padding-top:20px}}@media (max-width:1250px){.app-header{gap:15px;padding:0 18px}.brand-studio{display:none}.header-right{gap:10px}.header-right>.quiet-link,.header-guide>span{display:none}.nav-link{padding:0 10px}.editor-layout{grid-template-columns:192px minmax(280px,1fr) 266px}.template-list{gap:9px;padding:0 12px 15px}.template-preview{height:85px}.property-section{padding:17px 16px}.theme-grid{gap:8px}.theme-swatch{width:27px;height:27px}.editor-toolbar{padding:0 16px}.toolbar-actions{gap:6px}.tool-text{display:none}.canvas-scroll{padding:8px 20px 30px}.save-state{display:none}.document-name input{width:180px}.nav-link svg{display:none}}@media (max-width:960px){.editor-layout{grid-template-columns:1fr}.editor-left,.editor-right{z-index:40;width:280px;transition:transform .2s;position:fixed;top:124px;bottom:29px;box-shadow:0 8px 40px #24203718}.editor-left{left:0;transform:translate(-105%)}.editor-right{right:0;transform:translate(105%)}.editor-left.open,.editor-right.open{transform:translate(0)}.mobile-panel-toggle,.mobile-close{display:inline-flex}.panel-overlay{z-index:30;background:#24213b30;display:block;position:fixed;inset:124px 0 29px}.property-tabs{padding-right:45px}.property-tabs .mobile-close{position:absolute;top:9px;right:10px}.canvas-tools{padding:0 22px}.canvas-scroll{padding-left:25px;padding-right:25px}.main-nav{gap:0}.nav-link{padding:0 9px;font-size:11px}.account-button>span:not(.avatar-dot),.account-button>svg{display:none}.header-right{gap:0}.card-strip{height:80px}.brand{font-size:16px}.app-header{gap:8px}.toolbar-actions .button{padding:7px 10px;font-size:11px}.toolbar-actions .publish-button{display:none}}@media (max-width:620px){.app-header{gap:10px;height:58px;padding:0 12px}.brand{gap:7px;font-size:15px}.brand-mark{border-radius:8px;width:27px;height:29px}.main-nav{scrollbar-width:none;flex:1;justify-content:center;overflow-x:auto}.nav-link{padding:0 9px;font-size:11px}.nav-link:nth-child(n+3){display:none}.nav-link.active:after{left:9px;right:9px}.header-right{display:none}.editor-toolbar{gap:8px;height:55px;padding:0 12px}.document-name{gap:7px}.document-name input{width:130px;font-size:12px}.document-badge{display:none}.toolbar-actions{gap:3px}.toolbar-actions>.toolbar-divider,.toolbar-actions>.writing-button,.toolbar-actions>.share-button{display:none}.toolbar-actions .button{gap:5px;padding:7px 8px;font-size:10px}.toolbar-actions .button svg{width:13px}.undo-actions .icon-button{width:25px}.editor-left,.editor-right,.panel-overlay{top:113px}.canvas-tools{height:46px;padding:0 12px}.canvas-breadcrumb{font-size:9px}.canvas-zoom{gap:0}.canvas-zoom .icon-button{width:25px}.canvas-scroll{padding:5px 12px 25px}.card-strip{gap:11px;height:77px;padding:9px 15px}.strip-actions .icon-button,.strip-actions .split-full{display:none}.strip-actions .split-short{display:inline}.card-strip-label,.canvas-hint{font-size:9px}.editor-footer{padding:0 10px;font-size:8px}.footer-left,.footer-right{gap:9px}.footer-right span:last-child{display:none}.modal-overlay{padding:12px}.modal{border-radius:11px;max-height:93dvh}.modal-heading{padding:20px 18px 15px}.modal-heading h2{font-size:18px}.modal-body{padding:20px 18px}.export-layout{grid-template-columns:1fr;gap:0}.export-intro{display:none}.writing-layout{grid-template-columns:1fr}.writing-input,.writing-output{min-height:160px!important}.mapping-grid{grid-template-columns:1fr 1fr}.json-editor{min-height:330px}.dialog-actions .button{padding:8px 10px;font-size:10px}.toast{white-space:normal;font-size:11px;bottom:35px}.form-grid{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.notification-count{color:#fff;background:#a97650;border-radius:10px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;display:inline-flex}.custom-prompts{border-top:1px solid var(--border,#e6e7df);margin-top:15px;padding:14px 0}.custom-prompts summary{color:#68765d;cursor:pointer;font-size:12px}.custom-prompts .writing-input{width:100%;height:100px;margin-top:10px}.design-details{border-bottom:1px solid #e8e8ef}.design-details>summary{cursor:pointer;color:#475067;justify-content:space-between;align-items:center;gap:8px;padding:18px 17px;font-size:11px;font-weight:600;list-style:none;display:flex}.design-details>summary:after{content:"＋";color:#9ba0af;font-weight:400}.design-details[open]>summary:after{content:"−"}.design-details summary small{color:#a0a5b4;text-align:right;max-width:135px;font-size:9px;font-weight:400}.design-detail-body{padding:0 17px 18px}.design-detail-body .form-label{margin:14px 0;font-size:10px}.design-detail-body .form-label input,.design-detail-body .form-label select{color:#51596c;background:#fff;border:1px solid #e2e4ed;border-radius:6px;width:100%;min-width:0;padding:8px;font-size:10px}.design-range{margin:14px 0;display:block}.design-range>span{color:#727b8c;justify-content:space-between;font-size:10px;display:flex}.design-range output{color:#4b5567;font-variant-numeric:tabular-nums;font-size:10px}.design-range>div{align-items:center;gap:8px;margin-top:7px;display:flex}.design-range input[type=range]{accent-color:#8170bf;flex:1;width:100%;min-width:0;height:3px}.design-range input[type=number]{color:#576176;background:#fff;border:1px solid #e2e4ed;border-radius:5px;width:50px;padding:4px 3px;font-size:10px}.design-color{color:#778092;align-items:center;gap:7px;margin:12px 0;font-size:10px;display:flex}.design-color>span{flex:1}.design-color input{background:0 0;border:0;width:22px;height:22px;padding:0}.design-color code{color:#9ca1b0;font-size:9px}.design-four{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0;display:grid}.design-four label{color:#7b8394;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.design-four input{color:#586174;background:#fff;border:1px solid #e1e3ed;border-radius:5px;width:58px;padding:5px;font-size:10px}.design-textures{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.design-textures button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-width:0;padding:3px}.design-textures i{background-color:#e9e6df;border:1px solid #e2dfd7;border-radius:4px;height:33px;display:block}.design-textures span{color:#8b91a1;margin-top:5px;font-size:8px;display:block}.design-textures .active,.design-shadows .active{background:#f1edf9;border-color:#9b8bc6}.design-shadows{grid-template-columns:repeat(4,1fr);gap:10px 3px;margin:4px -4px 18px;display:grid}.design-shadows button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;min-width:0;padding:7px 1px}.design-shadows i{background:#fff;border-radius:2px;width:21px;height:25px;margin:0 auto 8px;display:block}.design-shadows span{color:#9196a6;white-space:nowrap;font-size:7px;display:block}.design-filter{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.design-filter button{color:#979baa;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 6px;font-size:9px}.design-filter .active{color:#7d63b2;background:#ece7f6}.design-palette-grid{margin-bottom:14px}.design-looks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.design-look{text-align:left;cursor:pointer;background:0 0;border:1px solid #e5e3ed;border-radius:7px;padding:6px}.design-look>span{border-radius:4px;height:75px;padding:15px 10px;display:block}.design-look i{opacity:.65;border-radius:2px;width:70%;height:3px;margin-bottom:5px;display:block}.design-look i:first-child{width:50%;height:5px}.design-look i:last-child{width:30%;height:2px}.design-look b{color:#81889b;padding:7px 2px 0;font-size:9px;font-weight:400;display:block}.design-code-input{resize:vertical;color:#48536b;background:#f8f9fc;border:1px solid #e2e5ed;border-radius:6px;width:100%;height:160px;padding:9px;font:11px/1.65 Consolas,monospace}.design-details .switch:disabled,.visibility-row .switch:disabled{opacity:.35;cursor:not-allowed}.design-details button:focus-visible,.design-look:focus-visible{outline-offset:3px;outline:2px solid #9277bd}.design-range input[type=number]{flex:0 0 62px;width:62px;font-size:11px}.design-range>span{font-size:11px}.design-details>summary{font-size:12px}.design-color input.design-hex{color:#576176;background:#fff;border:1px solid #e2e4ed;border-radius:5px;width:76px;height:27px;padding:4px;font:10px/1.3 Consolas,monospace}.template-scope{background:#f5f3fa;border-radius:7px;margin:13px 14px 0;padding:10px}.editor-left .panel-scroll>.segmented button{min-width:0;padding-inline:4px}.template-scope strong{color:#62577f;font-size:11px;font-weight:600;line-height:1.5;display:block}.template-scope p{color:#777187;margin:4px 0 0;font-size:10px;line-height:1.7}.creative-library{padding:14px}.creative-library section+section{margin-top:22px}.creative-library h3{color:var(--text-muted,#777687);margin:14px 0 9px;font-size:12px;font-weight:500}.creative-choice{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;margin:5px 0;padding:10px 8px;display:flex}.creative-choice:hover{background:#f5f5fa}.creative-choice.active{background:#f5f2fc;border-color:#bab0e3}.creative-choice>span:nth-child(2){flex:1;min-width:0}.creative-choice strong{font-size:13px;font-weight:500;display:block}.creative-choice small{color:#777687;margin-top:4px;font-size:11px;line-height:1.5;display:block}.creative-choice-thumb{border-radius:3px;flex:0 0 58px;width:58px;height:76px;display:block;overflow:hidden}.creative-preview-stage{background:#f2f3f6;border-radius:10px;justify-content:flex-start;max-width:100%;padding:12px;display:flex;overflow:auto}.creative-preview-stage>article{flex:none;margin:auto}
.header-tools{flex-shrink:0;align-items:center;gap:16px;display:flex}.interface-theme{border:1px solid var(--line);color:var(--muted);background:var(--paper);border-radius:7px;align-items:center;gap:5px;padding-left:8px;display:inline-flex}.interface-theme select{cursor:pointer;background:0 0;border:0;padding:7px 3px;font-size:11px}.interface-theme:focus-within{outline:2px solid var(--accent);outline-offset:2px}.interface-theme select:focus{box-shadow:none}:root[data-theme=dark]{--ink:#e5e7f0;--muted:#a4abbe;--text-muted:var(--muted);--accent:#b8a3fa;--accent-dark:#6046b2;--accent-fill:#7057c9;--tint:#30283f;--line:#35394a;--border:var(--line);--paper:#20232f;--canvas:#161923;--surface-soft:#272b39;--success:#8cc9ad;--danger:#f19cab;--success-bg:#20382f;--danger-bg:#3d2832;--warning-bg:#3b3221;--warning-ink:#eac98a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] :is(.app-header,.mobile-navigation nav,.editor-toolbar,.editor-left,.editor-right,.left-bottom,.card-strip,.editor-footer,.card-add,.modal,.modal-heading-sticky,.menu-popover,.layout-option,.alignment-controls button,.segmented button.active){background:var(--paper);border-color:var(--line)}:root[data-theme=dark] input:not([type=checkbox]):not([type=range]):not([type=color]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background-color:var(--paper);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}:root[data-theme=dark] .button{background:var(--paper);border-color:var(--line)}:root[data-theme=dark] .button:hover{background:var(--surface-soft);border-color:#71638e}:root[data-theme=dark] :is(.button-primary,.brand-mark,.template-check){background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}:root[data-theme=dark] .button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}:root[data-theme=dark] :is(.button-soft,.tag,.avatar-dot,.icon-button:hover,.nav-link:hover,.layout-option.active,.creative-choice.active,.design-filter .active,.design-textures .active,.design-shadows .active,.rich-editor .tiptap th,.rich-editor .tiptap .selectedCell,.rich-table-actions button){background:var(--tint);color:var(--accent)}:root[data-theme=dark] :is(.editor-center,.creative-preview-stage){background:var(--canvas)}:root[data-theme=dark] .canvas-scroll{background-image:radial-gradient(#373c4d .6px,#0000 .6px)}:root[data-theme=dark] :is(.panel-scroll,.canvas-scroll){scrollbar-color:#4b5063 transparent}:root[data-theme=dark] :is(.template-preview,.content-mode button,.rich-toolbar,.tiptap pre,.segmented,.batch-preview th,.document-badge,.template-scope,.creative-choice:hover){background:var(--surface-soft);border-color:var(--line)}:root[data-theme=dark] :is(.json-editor,.writing-output,.batch-source,.design-code-input){background:var(--surface-soft)!important;color:var(--ink)!important}:root[data-theme=dark] :is(.panel-heading,.brand-studio,.property-tabs,.property-section,.rich-editor,.rich-toolbar,.rich-footer,.rich-editor .tiptap td,.rich-editor .tiptap th,.tiptap td,.tiptap th,.modal-heading,.export-intro,.design-details,.design-look,.alignment-controls){border-color:var(--line)}:root[data-theme=dark] :is(.design-details>summary,.design-detail-body .form-label input,.design-detail-body .form-label select,.design-range output,.design-range input[type=number],.design-four input,.design-color input.design-hex,.rich-editor .tiptap,.form-label input,.form-label textarea,.form-label select){color:var(--ink)}:root[data-theme=dark] :is(.icon-button,.quiet-link,.nav-link,.account-button,.layout-option,.visibility-row,.rich-tool,.form-label,.property-label,.field-control,.design-range>span,.design-color,.design-four label,.custom-prompts summary,.menu-popover button,.tiptap blockquote,.batch-preview th,.design-look b,.design-filter button,.segmented button,.content-mode button),:root[data-theme=dark] :is(.template-scope p,.creative-choice small,.design-details summary small){color:var(--muted)}:root[data-theme=dark] .template-scope strong{color:var(--ink)}:root[data-theme=dark] :is(.nav-link.active,.icon-button.active,.menu-popover button:hover,.layout-option.active,.content-mode button.active,.rich-tool.active,.rich-tool:hover,.design-filter .active,.segmented button.active){color:var(--accent)}:root[data-theme=dark] :is(.tip-card,.share-illustration){background:var(--tint);color:var(--accent)}:root[data-theme=dark] :is(.share-illustration span,.tip-card small){color:var(--accent)}:root[data-theme=dark] .inline-error{background:var(--danger-bg);color:var(--danger)}:root[data-theme=dark] :is(.modal-overlay,.panel-overlay){background:#080b15a6}:root[data-theme=dark] .switch{background:#52596e}:root[data-theme=dark] .switch.on{background:var(--accent-fill)}[data-card-root]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@media (max-width:1250px){.header-tools{gap:10px}}@media (max-width:620px){.header-tools{gap:8px}}@media (max-width:420px){.app-header .brand-studio{display:none}}