:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#286344;--color-primary-strong:#1d4d32;--color-primary-soft:#dceee2;--color-background:#f7f8f7;--color-surface:#fff;--color-surface-muted:#eef1ef;--color-text:#18201b;--color-text-muted:#5d6a61;--color-border:#cbd5ce;--color-danger:#b3261e;--radius-max:8px;--shadow-panel:0 10px 30px #18201b1a}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#9fd5b3;--color-primary-strong:#bce7ca;--color-primary-soft:#214532;--color-background:#121413;--color-surface:#1b201c;--color-surface-muted:#252d27;--color-text:#eef5ef;--color-text-muted:#b4c0b7;--color-border:#46534a;--color-danger:#ffb4ab;--shadow-panel:0 10px 30px #00000059}@media (prefers-color-scheme:dark){[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#9fd5b3;--color-primary-strong:#bce7ca;--color-primary-soft:#214532;--color-background:#121413;--color-surface:#1b201c;--color-surface-muted:#252d27;--color-text:#eef5ef;--color-text-muted:#b4c0b7;--color-border:#46534a;--color-danger:#ffb4ab;--shadow-panel:0 10px 30px #00000059}}@font-face{font-family:IInfo Fangsong;src:url(/fonts/fangsong_gb2312.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:48px}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.app-shell{min-height:100vh;padding:16px}.top-bar{justify-content:space-between;align-items:center;min-height:56px;display:flex}.top-bar h1{margin:0;font-size:1.25rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.editor-app,.settings-page{min-height:100vh}.top-bar,.destination-bar{z-index:20;background:color-mix(in srgb, var(--color-background) 94%, transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;min-height:64px;padding:8px 16px;display:flex;position:sticky;top:0}.top-bar{justify-content:space-between}.top-bar__actions{gap:4px;display:flex}.destination-bar{gap:8px}.destination-bar h1,.top-bar h1{margin:0;font-size:1.2rem}.icon-button{width:48px;height:48px;min-height:48px;color:var(--color-text);border-radius:var(--radius-max);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--color-surface-muted)}.editor-grid{width:100%;min-width:0;display:grid}.editor-grid>*{min-width:0}.image-column,.text-area,.settings-column,.actions-area{padding:16px}.editor-section h2{margin:0 0 14px;font-size:1rem}.section-heading-row{justify-content:space-between;align-items:center;display:flex}.counter{color:var(--color-text-muted);font-size:.85rem}.counter--invalid{color:var(--color-danger)}.text-editor textarea{resize:vertical;width:100%;min-height:180px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-max);padding:12px;font-family:IInfo Fangsong,fangsong,serif;font-size:1.1rem;line-height:1.6}.field-row{grid-template-columns:minmax(90px,1fr) minmax(110px,1fr);align-items:center;gap:12px;min-height:52px;display:grid}.field-row input,.field-row select{min-width:0;min-height:42px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:8px 10px}.field-row--range{grid-template-columns:72px minmax(100px,1fr) 42px}.segmented-field{border:0;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0;padding:0;display:grid}.segmented-field legend{margin-bottom:8px}.segmented-field button{min-height:44px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border)}.segmented-field button[aria-pressed=true]{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:var(--color-primary)}.custom-ratio{grid-template-columns:1fr 1fr;gap:8px;display:grid}.custom-ratio .field-row{grid-template-columns:1fr;gap:2px}.primary-actions{width:100%}.primary-button{color:#fff;background:var(--color-primary);border-radius:var(--radius-max);border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-weight:700;display:flex}[data-theme=dark] .primary-button{color:#102117}@media (prefers-color-scheme:dark){[data-theme=system] .primary-button{color:#102117}}.preview-column{min-height:300px;padding:16px}.preview-pane{background:0 0;place-items:center;width:100%;min-height:280px;display:grid;position:relative;overflow:hidden}.preview-pane canvas{object-fit:contain;max-width:100%;max-height:calc(100vh - 110px);box-shadow:var(--shadow-panel);display:block}.preview-placeholder,.preview-status{max-width:260px;color:var(--color-text-muted);text-align:center}.preview-status--error{color:var(--color-danger)}.notice{background:var(--color-primary-soft);justify-content:space-between;align-items:center;min-height:48px;padding-left:16px;display:flex}.notice--error{color:var(--color-danger)}.draft-recovery{border-top:1px solid var(--color-border);margin-top:20px;padding-top:18px}.draft-recovery h2,.draft-recovery p{margin:0 0 10px}.draft-recovery h2{font-size:1rem}.draft-status{color:var(--color-text-muted);font-size:.9rem}.draft-status[data-persistence=unavailable],.draft-error{color:var(--color-danger)}.draft-recovery button,.compatibility-page button{min-height:48px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-max);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.draft-recovery button svg{width:20px}.compatibility-page{max-width:680px;margin:0 auto;padding:clamp(32px,8vh,96px) 24px}.compatibility-page h1{font-size:1.5rem}.settings-page .settings-panel{max-width:640px;margin:0 auto;padding:18px}@media (width<=719px){.editor-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""images""text""actions"}.preview-column{grid-area:preview}.image-column{grid-area:images}.text-area{grid-area:text}.actions-area{grid-area:actions}.settings-column{display:none}}@media (width>=720px) and (width<=1099px){.editor-grid{grid-template-columns:minmax(320px,1.2fr) minmax(300px,.8fr);grid-template-areas:"preview images""preview text""preview settings""preview actions";align-items:start}.preview-column{grid-area:preview}.image-column{grid-area:images}.text-area{grid-area:text}.settings-column{grid-area:settings}.actions-area{grid-area:actions}.preview-pane{position:sticky;top:80px}}@media (width>=1100px){.editor-grid{grid-template:"images preview text""images preview settings"minmax(0,1fr)"images preview actions"/250px minmax(320px,1fr) 280px;align-items:start;height:calc(100vh - 64px);overflow:hidden}.image-column{grid-area:images;height:calc(100vh - 64px);overflow-y:auto}.preview-column{grid-area:preview;height:calc(100vh - 64px);overflow:auto}.preview-pane{position:sticky;top:16px}.text-area{grid-area:text}.settings-column{grid-area:settings}.actions-area{grid-area:actions}.text-area,.settings-column,.actions-area{overflow:visible}.settings-column{align-self:stretch;min-height:0;overflow-y:auto}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.image-strip h2{margin:0;font-size:1rem}.image-drop-zone{margin:12px 0}.add-image-button{width:100%;color:var(--color-primary-strong);background:var(--color-primary-soft);border:1px dashed var(--color-primary);border-radius:var(--radius-max);justify-content:center;align-items:center;gap:8px;display:flex}.image-slots{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.image-slots--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-slot{aspect-ratio:4/3;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-max);touch-action:manipulation;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.image-slot--dragging{z-index:5;opacity:.8;box-shadow:var(--shadow-panel)}.image-thumbnail{background:#111;border:0;flex:1;width:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.image-thumbnail img{object-fit:cover;width:100%;height:100%}.image-thumbnail span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0009;padding:4px 6px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.image-slot__actions{background:var(--color-surface);grid-template-columns:repeat(4,1fr);display:grid}.image-slot__actions .icon-button{width:100%;height:44px;min-height:44px}.empty-slot-label{height:100%;color:var(--color-text-muted);place-items:center;font-size:1.5rem;display:grid}@media (width>=1100px){.image-slots--grid{grid-template-columns:minmax(0,1fr)}}.crop-backdrop{z-index:100;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.crop-dialog{color:#fff;border-radius:var(--radius-max);background:#111;grid-template-rows:64px minmax(0,1fr) auto;width:min(960px,100%);height:min(760px,100vh - 48px);display:grid;overflow:hidden}.crop-toolbar{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid}.crop-toolbar h1{margin:0;font-size:1rem}.crop-toolbar button,.crop-controls button{color:#fff;background:0 0;border:0;min-width:64px}.crop-toolbar button:first-child{justify-self:start}.crop-complete{opacity:.68;justify-self:end;font-weight:700;color:#9fd5b3!important}.crop-complete[data-changed=true]{opacity:1}.crop-surface{touch-action:none;background:#080808;min-height:0;position:relative;overflow:hidden}.crop-controls{justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:10px 16px;display:flex}.crop-controls label{grid-template-columns:auto minmax(120px,1fr) 56px;align-items:center;gap:12px;min-width:min(420px,70%);display:grid}@media (width<=719px){.crop-backdrop{padding:0}.crop-dialog{border-radius:0;width:100%;height:100dvh}.crop-controls{flex-direction:column-reverse;align-items:stretch}.crop-controls label{min-width:0}}.export-preview{min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--color-background);grid-template-rows:64px minmax(0,1fr) 72px;display:grid}.export-toolbar{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);align-items:center;gap:8px;min-width:0;padding:8px 12px;display:grid;position:relative}.export-toolbar h1{margin:0;font-size:1.1rem}.export-toolbar__spacer{min-width:48px}.export-download{color:#fff;background:var(--color-primary);border-radius:var(--radius-max);justify-self:end;align-items:center;gap:6px;min-height:44px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}.export-download svg{width:20px}.export-stage{background:var(--color-surface-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.export-stage:active{cursor:grabbing}.export-stage img{transform-origin:50%;will-change:transform;max-width:none;box-shadow:var(--shadow-panel);display:block}.export-controls{z-index:2;background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.export-controls output{text-align:center;font-variant-numeric:tabular-nums;width:64px}.export-preview--message{grid-template-rows:64px minmax(0,1fr)}.export-message{text-align:center;align-content:center;justify-items:center;gap:14px;max-width:460px;margin:auto;padding:24px;display:grid}.export-message h2,.export-message p{margin:0}.export-message>button,.export-message__actions button{min-width:120px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-max);padding:8px 14px}.export-message__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.export-progress{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite export-spin}@keyframes export-spin{to{transform:rotate(360deg)}}@media (width<=479px){.export-download{color:#0000;white-space:nowrap;justify-content:center;width:48px;padding:0;overflow:hidden}.export-download svg{color:#fff;flex:none}}