:root{--bg: #fff8f0;--card: #ffffff;--text: #3d2b1f;--muted: #8f705a;--accent: #ff9f68;--border: #ffd9c2}*{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Hiragino Sans GB,sans-serif;background:radial-gradient(circle at top left,#ffeeda,var(--bg));color:var(--text)}.layout{max-width:1080px;margin:0 auto;padding:24px;display:grid;gap:16px}h1{margin:0}.feedback{border-radius:10px;padding:10px 12px;font-size:14px;border:1px solid transparent}.feedback-info{background:#eef6ff;border-color:#bfd9ff;color:#164f8c}.feedback-success{background:#ecfdf3;border-color:#b7ebc9;color:#0d7a3c}.feedback-error{background:#fff1f3;border-color:#ffc7d1;color:#b42318}.section-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.section-card header h2{margin:0}.section-card header p{margin:6px 0 12px;color:var(--muted)}.table{display:grid;gap:8px}.toolbar{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap;align-items:stretch}.toolbar.compact{margin-top:-2px}.toolbar input,.toolbar select,.toolbar textarea{min-width:0;width:100%}.error-text{color:#b42318;margin:6px 0 12px}.ok-text{color:#0d7a3c;margin:6px 0 12px}.hint-text{margin:6px 0 12px;color:var(--muted)}.steps{margin:0;padding-left:20px;color:var(--muted)}.row{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1.5fr;gap:8px;align-items:center;padding:8px;background:#fffaf6;border-radius:10px}.row.header{background:#ffe9d8;font-weight:600}.actions{display:flex;gap:8px;flex-wrap:wrap}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form-grid{align-items:start}.token-bar{align-items:center}.media-editor-list{display:grid;gap:12px}.media-editor{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fffaf6}.media-editor-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}.media-editor-header{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--muted);font-size:13px}.media-preview-card{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--border);min-height:220px}.media-preview{width:100%;height:220px;display:block;object-fit:cover;background:#f7efe8}.media-editor-form{min-width:0}button{border:none;border-radius:999px;padding:10px 14px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;box-shadow:0 6px 14px #ff9f682e}button:hover{transform:translateY(-1px)}.secondary-button{background:#fff3e7;color:var(--text);border:1px solid var(--border);box-shadow:none}.danger-button{background:#d92d20;box-shadow:0 6px 14px #d92d202e}.bgm-form{display:grid;gap:10px;max-width:420px}label{display:grid;gap:4px}.field-inline{min-width:180px;flex:1 1 220px}.field-inline span,.field-block span{font-size:13px;color:var(--muted);font-weight:600}.wide-field{flex:2 1 420px}.upload-field input[type=file]{padding:8px;background:#fff}.field-block{width:100%}.inline-toggle{justify-content:end;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;min-height:46px}input{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}textarea{border:1px solid var(--border);border-radius:10px;padding:10px;resize:vertical;font:inherit}select{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.checkbox{display:flex;align-items:center;gap:8px;flex-direction:row}.checkbox input[type=checkbox]{width:16px;height:16px}@media (max-width: 780px){.row,.media-editor-body{grid-template-columns:1fr}.toolbar input,.toolbar select,.field-inline{min-width:100%}.button-row{width:100%}}
