:root{color:#172026;background:#edf1f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{min-height:38px;border:1px solid #ccd5dd;border-radius:8px;color:#172026;background:#fff;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}button:hover:not(:disabled){border-color:#7aa7ff;box-shadow:0 8px 22px #3c5c821f;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:minmax(420px,1fr) minmax(340px,460px);gap:24px;width:min(1320px,calc(100vw - 32px));min-height:100vh;margin:0 auto;padding:28px 0}.editor-panel,.preview-panel{align-self:start}.editor-panel{padding:24px;border:1px solid #d7e0e7;border-radius:8px;background:#ffffffe0;box-shadow:0 18px 60px #374d601f}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:#51708f;font-size:13px}h1{margin:0;font-size:26px;letter-spacing:0}.primary{border-color:#0f8f5f;color:#fff;background:#10b36f;padding:0 18px;font-weight:700}.ghost{padding:0 14px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:#5a6d7b;font-size:13px}input,textarea,select{width:100%;border:1px solid #ced9e1;border-radius:8px;color:#18242c;background:#fff}input,select{height:40px;padding:0 11px}textarea{min-height:54px;padding:10px 11px;resize:vertical}.option-row,.avatar-row,.message-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.check-field{display:inline-flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#334653}.check-field input{width:18px;height:18px;padding:0}.message-tools button{padding:0 14px}.message-list{display:grid;gap:12px;margin-top:18px}.message-item{display:grid;grid-template-columns:150px minmax(220px,1fr) 92px 140px;gap:10px;align-items:start;padding:12px;border:1px solid #dde5eb;border-radius:8px;background:#f9fbfc}.message-meta,.message-actions{display:grid;gap:8px}.message-content{min-width:0}.delay-field span{color:#6b7e8c}.message-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.message-actions .icon-danger{grid-column:1 / -1}.icon-danger{color:#b42318}.emoji-picker{display:grid;grid-template-columns:58px repeat(6,38px);gap:8px;align-items:center}.emoji-picker button{width:38px;min-height:38px;padding:0;font-size:20px}.emoji-input{text-align:center;font-size:22px}.image-uploader{display:grid;place-items:center;min-height:58px;border:1px dashed #9fb1bf;border-radius:8px;color:#2e6f9e;background:#f7fbff;cursor:pointer}.preview-panel{display:grid;place-items:center;gap:16px;position:sticky;top:24px}.phone-frame{width:min(390px,calc(100vw - 44px));padding:10px;border-radius:30px;background:#111820;box-shadow:0 24px 70px #1b252f47}canvas{display:block;width:100%;height:auto;border-radius:22px;background:#eef2f4}.playbar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.playbar button{padding:0 16px}.playbar span{min-width:56px;color:#5c6f7c;text-align:center}@media (max-width: 1060px){.app-shell{grid-template-columns:1fr}.preview-panel{position:static;order:-1}}@media (max-width: 760px){.app-shell{width:min(100vw - 20px,560px);padding:12px 0}.editor-panel{padding:16px}.panel-head,.field-grid,.message-item{grid-template-columns:1fr}.panel-head{display:grid}.message-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.message-actions .icon-danger{grid-column:auto}.emoji-picker{grid-template-columns:repeat(6,minmax(34px,1fr))}.emoji-input{grid-column:1 / -1}}