:root{--green:#174e40;--green2:#236c57;--ink:#243a32;--muted:#718078;--line:#dfe6df;--paper:#f5f6f1;--cream:#ecf0e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans JP",Meiryo,sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:0;border-radius:7px;font-weight:600;transition:background .15s}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):hover{filter:brightness(.94)}[hidden]{display:none!important}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--green);font-size:22px;font-weight:800;letter-spacing:1px;line-height:1.15}.brand small{display:block;font-size:9px;letter-spacing:1.8px;margin-top:6px}.brand-mark{width:39px;height:43px;background:var(--green);color:white;display:grid;place-items:center;border-radius:4px 14px 4px 4px;font-size:30px}.account{display:flex;gap:18px;align-items:center;font-size:12px}.live-badge{border:1px solid #b8d3bf;padding:3px 9px;border-radius:99px;color:var(--green);background:#f3f8f1}.quiet{background:transparent;color:var(--green);padding:8px 10px}.primary{background:var(--green);color:white;padding:12px 22px}.secondary{background:white;color:var(--green);border:1px solid #cbd8cf;padding:10px 15px}.wide{width:100%;margin-top:18px}.small-button{padding:6px 12px;font-size:12px}main{max-width:1500px;margin:0 auto;padding:42px 4.5% 20px}h1,h2,p{margin:0}h1{font-size:29px;letter-spacing:.03em;margin:8px 0 7px;line-height:1.5}h2{font-size:17px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green2)}.muted{color:var(--muted)}.small{font-size:12px}.loading{text-align:center;padding:120px 20px;color:var(--muted)}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;max-width:1020px;margin:35px auto 60px;min-height:540px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;box-shadow:0 16px 60px #243a3208}.login-intro{background:var(--green);padding:58px 48px;color:#fff}.login-intro .eyebrow{color:#b3d4ba}.login-intro h1{font-size:34px;margin:26px 0 20px;font-weight:500;line-height:1.65}.login-intro p{color:#d1dfd5;font-size:14px;line-height:1.9}.login-features{display:grid;gap:12px;margin:36px 0 40px;font-size:12px;color:#d9e7db}.internal-label{font-size:11px;padding:6px 13px;border:1px solid #ffffff40;border-radius:99px}.login-card{padding:58px 45px}.login-card h2{font-size:24px;margin:13px 0}.login-card form{margin-top:30px}.login-message{margin:16px 0;font-size:13px;color:var(--green)}.login-message.error{color:#ad3935}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.notice{display:flex;gap:10px;align-items:center;background:#eaf0e6;border:1px solid #dae5d5;border-radius:8px;padding:13px 18px;color:#4c6555;font-size:12px}.notice-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#5f8a65}.channels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:24px 0}.channel{display:flex;align-items:center;text-align:left;gap:12px;padding:17px 18px;border:1px solid var(--line);background:#fff;color:var(--ink);min-height:83px}.channel.active{border:2px solid var(--green);padding:16px 17px;background:#f9fcf7;box-shadow:0 2px 8px #174e4008}.channel strong{display:block;font-size:15px}.channel small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.channel-icon{height:37px;width:37px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:20px;background:#f6eeee;color:#9f3434}.channel-icon.yahoo{font-size:17px;color:#ac3333;background:#f8efee}.channel-icon.shop{font-size:12px;color:#41613c;background:#edf1e7}.channel-state{margin-left:auto;color:#718078;font-size:10px;font-weight:400;white-space:nowrap}.editor-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-header{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.card-header .small{margin-top:5px}.card-header .eyebrow{display:block;margin-bottom:4px;font-size:9px}.status-pill{border-radius:99px;padding:4px 10px;font-size:10px;background:#edf3e9;color:#4e7351;white-space:nowrap}.status-pill.dirty{background:#fff1d5;color:#96691e}.fields{padding:23px}label{display:block;font-size:12px;font-weight:700;margin:0 0 8px}label span{color:#849087;font-size:10px;font-weight:400;margin-left:5px}input,textarea,select{width:100%;border:1px solid #d4ddd5;border-radius:6px;background:#fff;padding:11px 12px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #99bca5;border-color:var(--green)}input+label{margin-top:22px}textarea{resize:vertical;font-size:13px;line-height:1.85;min-height:350px}.field-help{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 20px}.body-tools{display:flex;align-items:start;justify-content:space-between;gap:8px}.body-tools .field-help{margin:8px 0}.body-tools button{font-size:10px;white-space:nowrap}code{font-family:monospace;background:#f1f3ec;padding:2px 4px;border-radius:3px;color:#506849}.sender-line{font-size:10px;color:#829086;margin-top:17px;padding-top:14px;border-top:1px solid #edf0e9;line-height:1.9}.publish-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 23px;background:#fafbf8;border-top:1px solid var(--line)}.right-column{display:grid;gap:24px}.preview-envelope{padding:12px 22px;background:#fafbf8;font-size:11px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.preview-envelope span{flex:none;color:var(--muted)}.preview-envelope strong{font-weight:500;overflow-wrap:anywhere}iframe{display:block;border:0;width:100%;height:510px;background:#fff}.test-panel{border-top:1px solid var(--line);padding:19px 23px 0;background:#fafbf8}.test-actions{display:flex;gap:9px}.test-actions select{font-size:12px;min-width:0}.test-actions button{flex:none;font-size:12px}.history-list{max-height:340px;overflow:auto}.history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-bottom:1px solid #edf0e9}.history-row:last-child{border:0}.history-row strong{display:block;font-size:12px}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.history-row button{font-size:11px}.message{margin-top:14px;padding:12px 16px;border-radius:7px;background:#edf6e9;border:1px solid #cadfbd;font-size:13px}.message.error{background:#fff1ee;color:#9d3430;border-color:#efcec7}footer{display:flex;justify-content:space-between;gap:18px;color:#8b978e;font-size:10px;margin:28px 0 8px}dialog{width:min(740px,94vw);max-height:92vh;padding:25px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}dialog::backdrop{background:#152b2380;backdrop-filter:blur(2px)}.dialog-header,.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-header{margin-bottom:12px}.dialog-footer{border-top:1px solid var(--line);padding-top:18px}dialog iframe{height:45vh;min-height:240px}#history-info{margin-bottom:14px}
.page-actions{display:flex;gap:10px;flex-wrap:wrap}.account-add-form{margin:24px 0}.account-add-controls{display:flex;gap:10px}.account-add-controls input{min-width:0;flex:1}.account-add-controls .primary{flex:none;white-space:nowrap}.accounts-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:16px 0 8px}.accounts-list{border:1px solid var(--line);border-radius:8px;max-height:320px;overflow:auto}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}.account-row:last-child{border:0}.account-row strong{display:block;overflow-wrap:anywhere;font-size:13px}.account-row small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.account-row>div{min-width:0}.account-remove{color:#a24436;flex:none}.remove-account-confirm{background:#fff6ee;border:1px solid #eccfbc;border-radius:8px;padding:16px;margin-top:16px;overflow-wrap:anywhere}.remove-account-confirm p{font-size:12px;margin:8px 0 14px}.remove-account-confirm>div{display:flex;justify-content:flex-end;gap:10px}.danger{background:#a24436;color:white;padding:10px 18px}.accounts-footnote{margin-top:18px;line-height:1.8}@media(max-width:760px){.page-actions{width:100%}.page-actions button{flex:1;font-size:11px}.account-add-controls{flex-wrap:wrap}.account-add-controls .primary{width:100%}#accounts-dialog{padding:20px}.account-row{padding:12px}.account-row strong{font-size:12px}}
@media(min-width:1600px){main{padding-left:30px;padding-right:30px}}@media(max-width:1050px){main{padding:28px 3%}.topbar{padding:0 3%}.channel-state{display:none}.channel{padding:13px}.channel.active{padding:12px}.account{gap:9px}.fields,.card-header{padding:18px}.editor-layout{gap:16px}.test-actions{flex-wrap:wrap}.test-actions button{width:100%}.login-intro{padding:40px 30px}.login-card{padding:40px 30px}}@media(max-width:760px){.topbar{height:auto;min-height:76px;padding:15px 5%;flex-wrap:wrap}.brand{font-size:19px}.brand-mark{width:33px;height:36px;font-size:25px}.account{width:100%;justify-content:space-between;font-size:10px}.login-layout{grid-template-columns:1fr;margin:0 auto}.login-intro{padding:28px}.login-intro h1{font-size:26px;margin:16px 0}.login-features,.internal-label{display:none}.login-intro p{font-size:12px}.login-card{padding:30px}.page-title{align-items:start;flex-direction:column;gap:14px}h1{font-size:24px}.page-title .secondary{font-size:12px}.notice{font-size:11px;align-items:start;padding:12px}.notice-dot{margin-top:6px}.channels{gap:7px;margin:18px 0}.channel{padding:12px 6px;flex-direction:column;gap:6px;text-align:center;justify-content:start}.channel.active{padding:11px 5px}.channel strong{font-size:10px}.channel small{font-size:9px}.channel-icon{width:30px;height:30px;font-size:17px}.editor-layout{grid-template-columns:1fr}.publish-bar{padding:16px}.publish-bar .primary{padding:11px 15px}textarea{min-height:360px}iframe{height:480px}footer{display:block}footer span{display:block;margin-top:6px}.dialog-footer{align-items:stretch;flex-direction:column}.body-tools{flex-wrap:wrap}.preview-envelope{padding:12px 16px}}