.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:16px;margin-bottom:16px}label.field-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--sub);margin-bottom:6px}.wx-dot,.zfb-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.wx-dot{background:#09bb07}.zfb-dot{background:#1677ff}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-cell{display:flex;flex-direction:column}.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:2px dashed var(--border);border-radius:12px;background:var(--card);cursor:pointer;overflow:hidden;transition:all .2s}.upload-zone:hover,.upload-zone.drag{border-color:var(--primary);background:var(--primary-muted)}.upload-zone img{width:100%;height:100%;object-fit:contain;background:#fff}.placeholder{text-align:center;padding:16px}.ph-icon{font-size:32px;margin-bottom:6px}.ph-text{font-size:12px;color:var(--sub)}.ph-sub{font-size:11px;color:var(--sub);opacity:.65;margin-top:4px}.upload-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;font-size:13px;font-weight:600;color:var(--sub);backdrop-filter:blur(2px)}:is([data-theme=dark]) .upload-loading{background:#0000008c;color:#fff}.cell-foot{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.crop-msg{font-size:11px;color:var(--sub);line-height:1.4;flex:1;min-width:0}.crop-msg.ok{color:#16a34a}.crop-msg.warn{color:#d97706}.cell-actions{display:flex;gap:6px}.crop-toggle,.clear-mini{background:var(--card-alt);color:var(--sub);border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.crop-toggle:hover{color:var(--primary)}.clear-mini:hover{color:#f44336}.field-group{margin-top:14px}input.text-input{width:100%;border:2px solid var(--border);border-radius:10px;padding:9px 12px;font-size:14px;outline:none;transition:border-color .2s;color:var(--text);background:var(--card)}input.text-input:focus{border-color:var(--primary)}.section-label{font-size:13px;font-weight:600;color:var(--sub);margin:14px 0 8px}.theme-row{display:flex;gap:8px;flex-wrap:wrap}.theme-btn{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s;padding:0}.theme-btn.theme-plain{border-color:#ddd}.theme-btn.active{border-color:var(--text);transform:scale(1.08)}.layout-row{display:flex;gap:8px}.layout-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:10px;border:2px solid var(--border);background:var(--card);font-size:13px;font-weight:600;color:var(--sub);cursor:pointer;transition:all .2s}.layout-btn.active{border-color:var(--primary);background:#ede9ff;color:var(--primary)}.layout-icon{font-size:14px;line-height:1.1;letter-spacing:2px}.btn-primary{width:100%;margin-top:18px;background:linear-gradient(135deg,var(--primary),var(--primary-end));color:#fff;border:none;border-radius:10px;padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.preview-card{display:flex;flex-direction:column}.preview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:12px}.preview-head>span:first-child{font-size:14px;font-weight:700;color:var(--text)}.preview-hint{font-size:12px;color:var(--sub)}.preview-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:var(--card-alt);border-radius:12px;padding:16px;min-height:400px}#poster{max-width:100%;max-height:640px;border-radius:10px;box-shadow:0 4px 20px #0000001f}@media(min-width:760px){.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.grid-2>.card{margin-bottom:0;height:100%;display:flex;flex-direction:column}}@media(max-width:600px){input.text-input{font-size:16px}.btn-primary{min-height:52px;font-size:16px}}:is([data-theme=dark]) .layout-btn.active{background:var(--primary-muted)}:is([data-theme=dark]) .upload-zone img{background:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .layout-btn.active{background:var(--primary-muted)}}
