:root{--brand-paper: #ffffff;--brand-paper-dim: #f7f6f2;--brand-ink: #272420;--brand-ink-soft: #5b5649;--brand-rule: #e4dfd0;--brand-grid: #00b050;--brand-correction: #b3401f;--brand-brass: #9c7d46;--brand-font-display: "Noto Serif SC", serif;--brand-font-body: "Noto Sans SC", "Noto Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--brand-paper);color:var(--brand-ink);font-family:var(--brand-font-body);line-height:1.6}h1,h2,h3{font-family:var(--brand-font-display);font-weight:700;text-wrap:balance}a{color:inherit}button{font-family:inherit}@font-face{font-family:face-kai;src:url(/static/typefaces/face-kai.woff2) format("woff2")}@font-face{font-family:face-a;src:url(/static/typefaces/face-a.woff) format("woff")}@font-face{font-family:face-b;src:url(/static/typefaces/face-b.woff) format("woff")}@font-face{font-family:face-c;src:url(/static/typefaces/face-c.woff) format("woff")}@font-face{font-family:face-d;src:url(/static/typefaces/face-d.woff) format("woff")}.site-header{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--brand-rule)}.site-header img{width:28px;height:28px}.site-header a{text-decoration:none;font-family:var(--brand-font-display);font-weight:700;font-size:20px}.home-page,.editor-page{max-width:1900px;margin:0 auto;padding:32px 24px 64px}.home-hero h1{font-size:clamp(32px,5vw,44px);margin:0 0 14px}.home-hero p{color:var(--brand-ink-soft);max-width:62ch;margin:0 0 36px}.catalog-search{display:block;width:100%;max-width:420px;font-family:var(--brand-font-body);font-size:15px;color:var(--brand-ink);border:1px solid var(--brand-rule);border-radius:3px;padding:10px 12px;margin:0 0 14px}.catalog-status,.catalog-count{color:var(--brand-ink-soft);font-size:13.5px;margin:0 0 16px}.catalog-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.catalog-card{border:1px solid var(--brand-rule);border-radius:4px;background:var(--brand-paper-dim)}.catalog-card a{display:block;padding:18px 20px;text-decoration:none;color:var(--brand-ink)}.card-thumb{aspect-ratio:3 / 4;margin:-18px -20px 14px;overflow:hidden;background:#fff;border-bottom:1px solid var(--brand-rule)}.card-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.catalog-card h2{font-size:18px;margin:0 0 6px}.catalog-card p{font-size:13.5px;color:var(--brand-ink-soft);margin:0}.catalog-card a:hover{border-color:var(--brand-grid)}.editor-page h1{font-size:28px;margin:0 0 6px}.editor-page>p{color:var(--brand-ink-soft);margin:0 0 28px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,480px);gap:28px}@media (max-width: 760px){.editor-layout{grid-template-columns:1fr}}.editor-controls{display:flex;flex-direction:column;gap:16px}.preset-picker{border:1px solid var(--brand-rule);border-radius:3px;padding:10px 12px}.preset-picker-label{display:block;font-size:13px;color:var(--brand-ink-soft);margin:0 0 8px}.preset-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.preset-item{display:block;width:100%;text-align:left;background:none;border:none;border-radius:3px;padding:6px 8px;font-size:13.5px;color:var(--brand-ink);cursor:pointer}.preset-item:hover{background:var(--brand-paper-dim)}.preset-item-active,.preset-item-active:hover{background:var(--brand-grid);color:#fff}.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--brand-ink-soft)}.field textarea,.field input,.field select{font-family:var(--brand-font-body);font-size:15px;color:var(--brand-ink);border:1px solid var(--brand-rule);border-radius:3px;padding:8px 10px}.field-checkbox{flex-direction:row;align-items:center;gap:8px}.field-checkbox input{width:auto}.field-color{flex-direction:row;align-items:center;justify-content:space-between}.field-color input{width:44px;height:28px;padding:2px;cursor:pointer}.field-multiselect{border:1px solid var(--brand-rule);border-radius:3px;padding:10px 12px;gap:8px}.field-multiselect legend{font-size:13.5px;color:var(--brand-ink-soft);padding:0}.field-multiselect label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--brand-ink)}.generate-button{background:var(--brand-correction);color:#fbf4ea;border:none;border-radius:3px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer}.generate-button:disabled{opacity:.6;cursor:default}.editor-warning{font-size:13px;color:var(--brand-correction);margin:0}.editor-preview{border:1px solid var(--brand-rule);border-radius:4px;background:#fff;padding:16px;overflow:auto}.editor-preview svg{max-width:100%;height:auto}.editor-preview-empty{color:var(--brand-ink-soft);font-size:13.5px}.field-margins{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-margins input{width:100%;min-width:0;box-sizing:border-box}.field-margins legend{grid-column:1 / -1;font-size:13px;color:var(--brand-ink-soft);padding:0}.field-margins label{display:flex;flex-direction:column;gap:4px;font-size:12px}.editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.editor-cell{min-width:0}.editor-cell-wide{grid-column:1 / -1}.editor-fields .field{gap:3px;font-size:12.5px}.editor-fields .field input,.editor-fields .field select,.editor-fields .field textarea{padding:5px 8px;font-size:14px;width:100%;box-sizing:border-box}.editor-fields .field-checkbox input,.editor-fields .field-color input{width:auto}@media (max-width: 1000px){.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.editor-fields{grid-template-columns:1fr}}.editor-fields .field-color input{width:44px;height:28px;padding:2px}.overlay-editor{display:flex;flex-direction:column;gap:10px}.overlay-block{border:1px solid var(--brand-rule);border-radius:3px;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.overlay-readonly{flex-direction:row;justify-content:space-between;align-items:center;font-size:13px}.overlay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.overlay-grid .field input,.overlay-grid .field select{width:100%;box-sizing:border-box;padding:4px 6px;font-size:13px}.overlay-grid .field-color input,.overlay-grid .field-checkbox input{width:auto}.overlay-editor textarea{width:100%;box-sizing:border-box;min-height:48px}.paper-size{display:flex;align-items:center;gap:6px}.paper-size input{width:90px}.editor-layout{grid-template-columns:400px minmax(0,1fr)}.editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.editor-fields .field{font-size:12px;gap:2px}.editor-fields .field input,.editor-fields .field select,.editor-fields .field textarea{padding:3px 6px;font-size:13px}.editor-fields .field textarea{min-height:52px}.editor-fields .field-color{flex-direction:column;align-items:flex-start;gap:2px}.field-margins{grid-template-columns:repeat(4,minmax(0,1fr))}.overlay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-list{max-height:110px}.editor-page{padding-top:12px}.editor-page h1{font-size:20px;margin:0 0 2px}.editor-page>p{margin:0 0 10px}.editor-preview svg{width:100%;height:auto}@media (max-width: 1000px){.editor-layout{grid-template-columns:1fr}}.editor-layout>.editor-controls{position:sticky;top:8px;align-self:start;max-height:calc(100vh - 16px);overflow-y:auto;padding-right:6px}.editor-layout>.editor-preview{position:sticky;top:8px;align-self:start;padding:0;border:0;background:transparent;overflow:visible}.editor-paper{box-shadow:0 0 0 1px var(--brand-rule);background:#fff}.editor-paper svg{display:block;width:100%;height:100%}@media (max-width: 1000px){.editor-layout>.editor-controls,.editor-layout>.editor-preview{position:static;max-height:none}}.editor-layout>.editor-preview{display:flex;justify-content:center}.editor-controls .generate-button{position:sticky;bottom:0;z-index:5;box-shadow:0 -12px 0 var(--brand-paper),0 6px 0 var(--brand-paper)}.editor-page{height:calc(100vh - 57px);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding-bottom:10px}.editor-page .editor-layout{flex:1;min-height:0}.editor-layout>.editor-controls{position:static;max-height:none;height:100%;overflow:hidden;padding-right:0;display:flex;flex-direction:column;gap:8px;min-height:0}.editor-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:6px}.editor-controls .generate-button{position:static;box-shadow:none;flex:none}.editor-layout>.editor-preview{position:static;height:100%;min-height:0;align-items:flex-start}@media (max-width: 1000px){.editor-page{height:auto;overflow:visible}.editor-layout>.editor-controls{height:auto}.editor-scroll{overflow:visible}}.editor-layout>.editor-preview{flex-direction:column;align-items:center;overflow:auto;gap:8px}.preview-toolbar{display:flex;gap:6px;flex:none}.preview-toolbar button{padding:3px 12px;font-size:13px;border:1px solid var(--brand-rule);background:transparent;border-radius:3px;cursor:pointer}.preview-toolbar button[aria-pressed=true]{background:var(--brand-ink, #222);color:#fff}.editor-layout>.editor-preview .editor-paper{flex:none}.editor-layout>.editor-preview{justify-content:flex-start;align-items:stretch}.editor-layout>.editor-preview>*{margin-left:auto;margin-right:auto}.editor-layout>.editor-preview .editor-paper{margin-bottom:16px}.editor-layout>.editor-preview{overflow:hidden}.preview-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.preview-scroll>*{margin-left:auto;margin-right:auto}.preview-scroll{padding:2px}.site-header-slot{flex:1;min-width:0}.editor-heading{display:flex;align-items:baseline;gap:14px;padding-left:14px;border-left:1px solid var(--brand-rule);min-width:0}.editor-heading h1{font-size:18px;margin:0;white-space:nowrap}.editor-heading p{margin:0;color:var(--brand-ink-soft);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 700px){.editor-heading p{display:none}}.preview-pager{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:13px}.preview-pager button:disabled{opacity:.35;cursor:default}.editor-paper{position:relative}.editor-paper .paper-drawing{width:100%;height:100%}.pick-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:default;-webkit-user-select:none;user-select:none}.pick-box{position:absolute;box-sizing:border-box;border:1px solid var(--brand-grid);background:#00b0500d;cursor:move}.pick-handle{position:absolute;width:9px;height:9px;box-sizing:border-box;background:#fff;border:1px solid var(--brand-grid)}.pick-handle-nw{left:-5px;top:-5px;cursor:nwse-resize}.pick-handle-n{left:calc(50% - 5px);top:-5px;cursor:ns-resize}.pick-handle-ne{right:-5px;top:-5px;cursor:nesw-resize}.pick-handle-e{right:-5px;top:calc(50% - 5px);cursor:ew-resize}.pick-handle-se{right:-5px;bottom:-5px;cursor:nwse-resize}.pick-handle-s{left:calc(50% - 5px);bottom:-5px;cursor:ns-resize}.pick-handle-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.pick-handle-w{left:-5px;top:calc(50% - 5px);cursor:ew-resize}.pick-tools{position:absolute;top:-34px;left:0;display:flex;gap:4px;padding:3px;background:var(--brand-paper-dim);border:1px solid var(--brand-rule);border-radius:4px;cursor:default;white-space:nowrap}.pick-unlock{padding:2px 8px;font-size:12px;border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer}.pick-band{position:absolute;border:1px dashed var(--brand-grid);background:#00b05014;pointer-events:none}.pick-unlock{position:absolute;top:6px;right:6px}.pick-notice{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;padding:6px 12px;font-size:13px;color:#fff;background:var(--brand-correction);border-radius:4px;pointer-events:none}.pick-global{position:absolute;top:4px;right:4px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:70%;z-index:2}.pick-global{flex-wrap:nowrap;gap:3px}.pick-global button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--brand-grid);border:0;background:#fff;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px #0003}.pick-global button:hover,.pick-global button:focus-visible{background:#e4f4ea}.editor-notice{margin:4px 0;padding:4px 10px;font-size:13px;color:#fff;background:var(--brand-correction);border-radius:4px;text-align:center}.layer-panel,.page-move-panel{border:1px solid var(--brand-rule);background:var(--brand-paper-dim);border-radius:4px;padding:6px;font-size:12px}.layer-panel>header,.page-move-panel>header{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px}.layer-panel>header button,.page-move-panel button{padding:2px 6px;font-size:12px;border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer}.layer-panel>header [aria-label=关闭图层],.page-move-panel>header button{margin-left:auto}.layer-list{max-height:260px;overflow:auto}.layer-row{display:flex;align-items:center;gap:6px;padding:3px 6px;margin-top:3px;border:1px solid var(--brand-rule);background:var(--brand-paper);color:var(--brand-ink-soft);cursor:pointer}.layer-row.layer-picked{background:#e4f4ea;border-color:var(--brand-grid)}.layer-mark{color:var(--brand-grid);font-weight:700;width:14px;text-align:center}.layer-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-move-fields{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.page-move-fields input{width:56px}.text-style-dialog{border:1px solid var(--brand-rule);background:var(--brand-paper-dim);border-radius:4px;padding:6px;font-size:12px}.text-style-dialog>header{display:flex;align-items:center;margin-bottom:4px}.text-style-dialog>header button{margin-left:auto;padding:2px 6px;border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer}.text-style-fields{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.text-style-fields label{display:flex;align-items:center;gap:4px}.text-style-fields input[type=number]{width:60px}.editor-panels{flex:none;max-height:42%;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.editor-panels:empty{display:none}.account-menu{display:flex;align-items:center;gap:8px;font-size:14px;margin-left:auto}.account-menu a{font-family:inherit;font-weight:400;font-size:14px}.account-tier{color:var(--brand-ink-soft)}.account-menu button{cursor:pointer}.login-page{max-width:320px;margin:48px auto;padding:0 16px}.login-page form{display:flex;flex-direction:column;gap:12px}.login-page label{display:flex;flex-direction:column;gap:4px;font-size:14px}.login-page input{padding:8px;font-size:15px}.login-page button[type=submit]{padding:10px;cursor:pointer}.login-error{color:#b3401f;margin:0;font-size:14px}.login-switch{margin-top:12px;background:none;border:0;color:var(--brand-ink-soft);cursor:pointer;text-decoration:underline}.login-links{display:flex;justify-content:space-between;gap:12px}.login-sent{color:var(--brand-ink-soft);margin:0;font-size:14px}.account-page{max-width:640px;margin:32px auto;padding:0 16px}.account-summary{color:var(--brand-ink-soft)}.record-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.record-list li{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--brand-rule);border-radius:6px}.record-id{color:var(--brand-ink-soft);font-size:13px}.account-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.account-tabs a{padding:6px 12px;border:1px solid var(--brand-rule);border-radius:16px;text-decoration:none;font-size:14px;font-family:inherit;font-weight:400;color:inherit}.account-tabs a.active{background:var(--brand-ink, #222);color:#fff}.account-page{max-width:760px}.account-page h2{font-size:18px;margin:8px 0}.panel-hint{color:var(--brand-ink-soft);font-size:14px;margin:4px 0 12px}.inline-form{display:flex;gap:8px;margin-bottom:12px}.inline-form input{flex:1;padding:8px}.stack-form{display:flex;flex-direction:column;gap:10px;max-width:420px;margin-bottom:12px}.stack-form label{display:flex;flex-direction:column;gap:4px;font-size:14px}.stack-form input,.stack-form textarea{padding:8px;font:inherit}.record-list li{align-items:center;gap:12px}.record-actions{display:inline-flex;gap:12px;align-items:center}.upload-button{display:inline-block;padding:8px 14px;border:1px solid var(--brand-rule);border-radius:6px;cursor:pointer;margin-bottom:12px}.upload-button input{display:none}.asset-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.asset-grid li{display:flex;flex-direction:column;gap:6px;font-size:13px}.asset-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--brand-rule);border-radius:6px}.save-grid{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0;font-size:14px}.hint{color:var(--brand-ink-soft);font-size:13px}.file-button{padding:4px 10px;border:1px solid var(--brand-rule);border-radius:4px;cursor:pointer;font-size:14px}.inline-form input[type=file]{flex:2;padding:4px}.graphic-input-panel{border:1px solid var(--brand-rule);background:var(--brand-paper-dim);border-radius:4px;padding:6px;font-size:12px}.graphic-input-panel>header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.graphic-input-panel [role=tablist]{display:flex;gap:2px;margin-right:auto}.graphic-input-panel button{white-space:nowrap;padding:2px 8px;border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer}.graphic-input-panel [role=tab][aria-selected=true]{background:var(--brand-ink);color:var(--brand-paper)}.graphic-input-panel input{width:80px;min-width:0;flex:none}.graphic-input-hint{color:var(--brand-ink-soft);margin:0 0 4px}.graphic-input-shapes{display:flex;flex-wrap:wrap;gap:4px;max-height:240px;overflow-y:auto}.graphic-input-shapes>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--brand-rule);background:#fff;border-radius:3px;cursor:pointer}.graphic-input-shapes>span:hover{border-color:var(--brand-ink)}.footer-presets{display:flex;flex-direction:column;gap:4px}.footer-presets button{padding:2px 8px;border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer;font-size:12px;white-space:nowrap}.footer-presets [role=group]{display:flex;flex-wrap:wrap;gap:4px}.library-panel{border:1px solid var(--brand-rule);background:var(--brand-paper-dim);border-radius:4px;padding:6px;font-size:12px;display:flex;flex-direction:column;gap:4px}.library-panel>header{display:flex;justify-content:space-between;align-items:center}.library-panel button{padding:2px 8px;border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer;white-space:nowrap}.library-panel button[aria-pressed=true]{background:var(--brand-ink);color:var(--brand-paper)}.library-row{display:flex;flex-wrap:wrap;gap:3px}.library-items{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.library-label{color:var(--brand-ink-soft);margin-right:8px}.library-item [role=checkbox]{cursor:pointer;word-break:break-all}.library-item [role=checkbox].picked{color:#d00}.library-panel footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.library-panel footer small{flex-basis:100%;color:var(--brand-ink-soft)}.quick-add-panel{border:1px solid var(--brand-rule);background:var(--brand-paper-dim);border-radius:4px;padding:6px;font-size:12px;display:flex;flex-direction:column;gap:6px}.quick-add-panel>header{display:flex;justify-content:space-between;align-items:center}.quick-add-panel p{margin:0;color:#d76e10}.quick-add-items,.quick-add-panel fieldset{display:flex;flex-wrap:wrap;gap:4px}.quick-add-panel button{padding:2px 8px;border:1px solid var(--brand-rule);background:#fff;border-radius:3px;cursor:pointer;font-size:12px;text-align:left}.quick-add-panel fieldset{border:1px solid var(--brand-rule);border-radius:3px}.quick-add-panel legend{color:var(--brand-ink-soft);padding:0 4px}.icon-btn{width:26px;height:26px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--brand-rule);background:var(--brand-paper);color:var(--brand-ink);border-radius:4px;cursor:pointer}.icon-btn[aria-expanded=true]{background:var(--brand-ink);color:var(--brand-paper)}.input-with-tools{position:relative}.input-with-tools>textarea{width:100%;box-sizing:border-box}.input-with-tools>textarea.has-tools{padding-right:34px}.input-tools{position:absolute;top:4px;right:4px;display:flex;flex-direction:column;gap:4px}.footer-presets .input-single-line{width:100%}.footer-presets .input-single-line input{width:100%;box-sizing:border-box;padding-right:34px}.footer-presets .input-single-line>.icon-btn{position:absolute;width:22px;height:22px;right:7px;top:50%;transform:translateY(-50%);padding:0}.footer-presets .input-single-line>.icon-btn svg{width:14px;height:14px}.pick-tools button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--brand-ink);border:1px solid var(--brand-rule);background:var(--brand-paper);border-radius:3px;cursor:pointer}.pick-tools button:hover,.pick-tools button:focus-visible{background:#e4f4ea;border-color:var(--brand-grid)}.pick-tools button svg{width:14px;height:14px}.preview-sharpness{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:12px}.preview-sharpness select{font-size:12px;padding:1px 4px}.words-edit-panel{border:1px solid var(--brand-rule);background:var(--brand-paper-dim);border-radius:4px;padding:6px;font-size:12px;display:flex;flex-direction:column;gap:6px}.words-edit-panel>header,.words-edit-panel>footer{display:flex;justify-content:space-between;align-items:center;gap:6px}.words-edit-panel p{margin:0;color:#d76e10}.words-edit-panel button{padding:2px 8px;border:1px solid var(--brand-rule);background:#fff;border-radius:3px;cursor:pointer;font-size:12px}.words-edit-scroll{max-height:260px;overflow:auto;background:#fff;border:1px solid var(--brand-rule);border-radius:3px}.words-edit-scroll table{width:100%;border-collapse:collapse}.words-edit-scroll th,.words-edit-scroll td{padding:2px 6px;border-bottom:1px solid var(--brand-rule);text-align:left}.words-edit-scroll th{position:sticky;top:0;background:var(--brand-paper-dim)}.words-edit-scroll input{width:100%;box-sizing:border-box;padding:2px 4px;font-size:12px}.editor-paper .paper-texts{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.generate-error{margin:6px 0 0;color:#c0392b;font-size:13px}.preview-notice{color:#b06a00;font-size:12px}.font-picker{position:relative}.font-picker-field{display:flex;gap:4px}.font-picker-field input{flex:1;min-width:0}.font-picker-toggle{width:28px;border:1px solid var(--brand-rule);background:#fff;border-radius:3px;cursor:pointer}.font-picker-panel{position:absolute;z-index:20;top:100%;left:0;right:0;margin-top:2px;max-height:320px;overflow:auto;padding:6px;background:#fff;border:1px solid var(--brand-rule);border-radius:4px;box-shadow:0 4px 14px #00000026;display:flex;flex-direction:column;gap:4px}.font-picker-panel>input{width:100%;box-sizing:border-box}.font-picker-panel h4{margin:6px 0 2px;font-size:12px;font-weight:600;color:var(--brand-ink-soft)}.font-picker-panel .hint{margin:2px 0;font-size:12px;color:var(--brand-ink-soft)}.font-option,.font-read-local{display:block;width:100%;text-align:left;padding:4px 8px;font-size:15px;border:0;background:transparent;border-radius:3px;cursor:pointer}.font-option:hover,.font-option:focus-visible,.font-read-local:hover{background:#e4f4ea}.font-read-local{font-size:13px;border:1px solid var(--brand-rule);background:#fff;width:auto}.membership-page{max-width:760px;margin:0 auto;padding:24px 16px}.membership-status{color:var(--brand-ink-soft)}.membership-error{color:#c0392b}.plan-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-list li{border:1px solid var(--brand-rule);border-radius:8px;padding:16px;text-align:center;background:#fff}.plan-list h2{margin:0 0 8px;font-size:18px}.plan-price{font-size:28px;font-weight:600;margin:4px 0;color:var(--brand-correction, #c0392b)}.plan-days{margin:0 0 12px;color:var(--brand-ink-soft);font-size:13px}.plan-list button,.pay-box button{padding:8px 16px;border:0;border-radius:4px;background:#b5401f;color:#fff;cursor:pointer}.plan-list button:disabled{opacity:.6;cursor:default}.pay-box{text-align:center;padding:16px;border:1px solid var(--brand-rule);border-radius:8px;background:#fff}.pay-box img{display:block;margin:12px auto}.pay-box .link-button{background:transparent;color:var(--brand-ink-soft);text-decoration:underline;margin-left:8px}.account-upgrade{font-size:12px;margin:0 6px}.orders-page{max-width:900px;margin:0 auto;padding:24px 16px}.order-table{width:100%;border-collapse:collapse;background:#fff}.order-table th,.order-table td{padding:8px 10px;border-bottom:1px solid var(--brand-rule);text-align:left;font-size:14px}.order-table button{padding:4px 10px;border:0;border-radius:4px;background:#b5401f;color:#fff;cursor:pointer}.order-table button:disabled{opacity:.6;cursor:default}@media (max-width: 640px){.orders-page{overflow-x:auto}}.overlay-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.overlay-actions button,.overlay-upload{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;font-size:14px;line-height:1.4;color:#007a38;background:#fff;border:1px solid var(--brand-grid);border-radius:999px;cursor:pointer;transition:background .15s,box-shadow .15s}.overlay-actions button:before,.overlay-upload:before{content:"+";font-size:16px;font-weight:600;line-height:1}.overlay-actions button:hover,.overlay-upload:hover{background:#eaf8ef}.overlay-actions button:active,.overlay-upload:active{background:#d6f1e0}.overlay-actions button:focus-visible,.overlay-upload:focus-within{outline:2px solid var(--brand-grid);outline-offset:2px}.overlay-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.overlay-upload{position:relative}.save-grid button{padding:8px 18px;font-size:14px;color:var(--brand-ink);background:#fff;border:1px solid var(--brand-brass);border-radius:999px;cursor:pointer;transition:background .15s}.save-grid button:hover{background:var(--brand-paper-dim)}.save-grid button[type=submit]{color:#fff;background:var(--brand-correction);border-color:var(--brand-correction)}.save-grid button[type=submit]:hover{background:#9c3519}.save-grid input{padding:7px 12px;font-size:14px;border:1px solid var(--brand-rule);border-radius:999px;min-width:200px}.save-grid input:focus{outline:2px solid var(--brand-grid);outline-offset:1px}.plan-permonth{margin:0 0 6px;font-size:14px;color:var(--brand-ink-soft)}.plan-saving{display:inline-block;margin:0 0 12px;padding:2px 10px;font-size:13px;font-weight:600;color:#fff;background:var(--brand-correction);border-radius:999px}.plan-list li{display:flex;flex-direction:column;align-items:center}.plan-list li button{margin-top:auto}.plan-list li p{margin-top:0}.field-gate{border:0;padding:0;margin:0;min-width:0}.editor-cell-locked .field-gate{opacity:.55}.lock-note,.content-note,.usage-note{margin:2px 0 0;font-size:12px;color:var(--brand-ink-soft)}.lock-note a,.usage-note a,.content-note a{color:var(--brand-correction)}.content-note-over{color:var(--brand-correction);font-weight:600}.usage-note{margin:6px 0 0}
