:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#233537;background:#f4f7f7;font-size:14px;--accent:#087f75;--border:#e2e9e8}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,label,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80cfc4;outline-offset:3px}[hidden]{display:none!important}.sidebar{width:226px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#173c37;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:5px;color:#8b9b99}.brand-symbol{background:#087f75;color:white;font-size:28px;font-weight:500;border-radius:12px;width:39px;height:42px;display:grid;place-items:center}.nav-label{font-size:10px;color:#99a6a4;margin:53px 10px 16px;letter-spacing:.08em}.nav{display:flex;gap:14px;align-items:center;width:100%;border:0;background:none;padding:13px;border-radius:8px;text-align:left;font-size:13px;color:#6b7c79;margin:4px 0}.nav span{font-size:21px;width:22px;text-align:center;font-weight:400}.nav.active{background:#eaf5f2;color:#087f75;font-weight:650}.sidebar-note{margin-top:auto;font-size:11px;color:#647d77;padding:18px 5px 0;border-top:1px solid var(--border)}.sidebar-note small{display:block;color:#9caaa7;font-size:10px;margin:9px 0 0 13px}.status-dot{display:inline-block;width:6px;height:6px;background:#0c947c;border-radius:50%;margin-right:7px}main{margin-left:226px;padding:39px 44px 0;max-width:1670px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;color:#7c9690;font-weight:700;letter-spacing:2px}h1{font-size:25px;letter-spacing:.02em;margin:9px 0 8px;font-weight:650}header p{color:#849591;font-size:12px;margin:0}.header-actions{display:flex;gap:10px;align-items:center}.button{border:1px solid var(--border);padding:11px 18px;border-radius:7px;font-weight:600;font-size:12px;white-space:nowrap;background:white;color:#536b64}.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 5px #087f7515}.primary span{margin-left:13px}.secondary:hover{border-color:#9aaca6}.primary:hover{background:#066c63}.mode-banner{border:1px solid #d8e8e3;background:#edf6f2;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 19px;margin-bottom:26px}.mode-banner strong{font-size:11px;color:#327a67;display:block;margin-bottom:5px}.mode-banner span{font-size:10px;color:#6e8c7f}.mode-banner.live{background:#fff4e7;border-color:#efd4ac}.mode-banner.live strong{color:#966124}.mode-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:#6d8178}.mode-switch input{accent-color:var(--accent)}.workspace-grid{display:grid;grid-template-columns:minmax(390px,1fr) minmax(290px,340px);gap:28px;align-items:start}.composer{display:flex;flex-direction:column;gap:20px}.card{background:white;border:1px solid var(--border);border-radius:11px;padding:23px 24px;box-shadow:0 3px 8px #172f2503}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}h2{font-size:13px;margin:0;font-weight:650}.step{font-family:ui-monospace,monospace;font-size:10px;color:#a0b2ad;margin-right:11px}.muted{font-size:10px;color:#899c95;line-height:1.9}.tag{font-size:9px;border:1px solid #e5ece9;color:#8c9a94;border-radius:4px;padding:4px 7px;background:#fafcfb}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.channel{position:relative;border:1px solid #e0e9e5;border-radius:8px;padding:16px 14px;display:flex;flex-direction:column;cursor:pointer;transition:.15s}.channel:has(input:checked){background:#f6fbf9;border-color:#87b9a8;box-shadow:inset 0 0 0 1px #87b9a82a}.channel input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;margin:0}.channel:has(input:focus-visible){outline:3px solid #80cfc4}.channel-mark{font-size:23px;line-height:1.2;width:30px;margin-bottom:12px;color:#1d302b}.instagram .channel-mark{color:#ce5c8b}.channel strong{font-size:11px}.channel small{font-size:9px;color:#8c9c95;margin-top:6px}.checkmark{position:absolute;right:10px;top:11px;width:13px;height:13px;border:1px solid #d4ded9;background:white;color:transparent;font-size:9px;border-radius:50%;display:grid;place-items:center;pointer-events:none}.channel:has(input:checked) .checkmark{color:white;background:var(--accent);border-color:var(--accent)}textarea{width:100%;resize:vertical;background:#fff;border:0;color:#32453e;font-size:12px;line-height:2;min-height:150px;padding:0}textarea::placeholder{color:#a7b4ae}textarea:focus{outline:none}.text-footer{display:flex;justify-content:space-between;font-size:9px;color:#9aaaa2;padding:9px 0 14px;border-bottom:1px solid #edf1ef}.overrides{margin-top:16px}.overrides summary{cursor:pointer;font-size:10px;color:#6b8277;list-style:none;display:flex;justify-content:space-between}.overrides textarea{background:#f8faf9;border:1px solid var(--border);padding:9px;border-radius:5px;min-height:72px;margin:7px 0 14px;font-size:11px}.overrides label{font-size:11px;font-weight:600}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px dashed #bacfc5;border-radius:8px;background:#fafcfb;padding:24px 10px;cursor:pointer}.upload.drag{background:#e4f4ec}.upload input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.upload:has(input:focus-visible){outline:3px solid #80cfc4}.upload-icon{font-size:24px;color:#6f9988;margin-bottom:12px;border:1px solid #d4e3db;border-radius:9px;padding:1px 10px}.upload strong{font-size:11px;color:#567969}.upload>span:not(.upload-icon){font-size:10px;color:#8ca294;margin-top:7px}.upload small{font-size:9px;color:#a0b1a7;margin-top:12px}.media-help{font-size:9px;line-height:1.9;color:#93a49b;margin:13px 0 0}.file-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0 0;gap:10px}.file-row strong{font-size:11px;word-break:break-all}.file-row small{display:block;font-size:9px;color:#94a69c;margin-top:4px}.text-button{border:0;background:none;color:#7b9587;font-size:11px}.preview-column{position:sticky;top:24px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 18px}.preview-heading h2{font-size:11px;color:#6d8177}.preview-tabs{display:flex;border-bottom:1px solid #dce5df;margin-bottom:17px;gap:3px}.preview-tabs button{flex:1;border:0;background:none;color:#94a49a;font-size:10px;padding:10px 4px 12px}.preview-tabs button.active{border-bottom:2px solid var(--accent);color:#247966;font-weight:600}.social-preview{border:1px solid #e0e7e2;background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 10px #2a4c3510}.social-account{display:flex;align-items:center;padding:15px;gap:9px}.avatar{border-radius:50%;background:#e4eee7;color:#5e7e6a;display:grid;place-items:center;width:31px;height:31px;font-size:11px;font-weight:700}.social-account strong{display:block;font-size:10px}.social-account small{display:block;font-size:8px;color:#9aaba0;margin-top:3px}.ellipsis{margin-left:auto;color:#a4afa7;font-size:10px}.preview-media{aspect-ratio:1;background:#f1f5f2;overflow:hidden;display:grid;place-items:center}.preview-media img,.preview-media video{width:100%;height:100%;max-height:400px;object-fit:contain}.media-placeholder{font-size:9px;color:#a0b3a6;text-align:center}.media-placeholder span{font-size:29px;display:block;color:#c1d0c5;margin-bottom:14px}.social-content{padding:12px 16px 18px}.social-icons{font-size:19px;color:#647e6d;letter-spacing:1px;margin-bottom:10px}.social-content p{font-size:10px;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.placeholder-text{color:#adbbb1}.validation-card{margin-top:20px;background:#fafcfb;border:1px solid var(--border);border-radius:9px;padding:17px}.validation-card>strong{font-size:10px;font-weight:600}.count-row{display:flex;justify-content:space-between;font-size:10px;color:#7f9687;margin-top:14px}.count-row b{font-size:10px;font-weight:500;color:#5f7d6b}.count-row b.over{color:#c74c40}.validation-card p{font-size:8px;color:#a1afa6;margin:16px 0 0;padding-top:12px;border-top:1px solid #e6ede7}.flow-note{display:flex;align-items:flex-start;gap:11px;margin-top:23px;padding:0 3px;color:#8ca393}.flow-note>span{font-size:20px}.flow-note strong{font-size:9px;font-weight:600}.flow-note p{font-size:9px;line-height:1.8;margin:5px 0}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e9e3;color:#a2b3a8;font-size:9px;padding:22px 0;margin-top:40px}footer span{font-size:8px}#notice{font-size:12px;line-height:1.8;background:#e7f3ec;color:#267650;border:1px solid #c6e1d0;padding:12px 16px;margin-bottom:20px;border-radius:7px}#notice.error{background:#fff1ee;color:#a34f41;border-color:#f0d3cd}.history-card{margin:16px 0;background:white;border:1px solid var(--border);padding:22px;border-radius:9px}.history-top{display:flex;justify-content:space-between;gap:10px;color:#8c9b92;font-size:10px}.history-card>p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.deliveries{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:14px}.delivery{display:flex;align-items:center;gap:13px;font-size:11px;flex-wrap:wrap}.delivery>strong{width:75px}.pill{font-size:9px;background:#edf2ef;color:#698071;padding:4px 7px;border-radius:4px}.pill.published,.pill.simulated{background:#e7f4eb;color:#35805c}.pill.failed,.pill.unknown{background:#fff1e7;color:#ac7246}.delivery p{margin:0;color:#a2644e;font-size:10px;flex-basis:100%;line-height:1.8}.empty{border:1px dashed #cbd9cf;padding:65px 24px;text-align:center;border-radius:10px;color:#94a79a}.empty strong{display:block;color:#668371;font-size:14px;margin-bottom:12px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.connection{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:23px 0;gap:12px}.connection strong{font-size:12px}.connection small{display:block;font-size:10px;color:#92a698;margin-top:8px;max-width:300px;overflow-wrap:anywhere}.setup-list{padding-left:19px;color:#6b8675;font-size:11px;line-height:2.6;margin-top:24px}.setting-note{border-radius:6px;padding:13px;background:#f2f6f3;font-size:10px;color:#7b9383;line-height:1.8}dialog{border:1px solid var(--border);border-radius:12px;max-width:520px;width:90vw;padding:28px;color:#30493a}dialog::backdrop{background:#213b3380}dialog p{font-size:12px;line-height:1.9;white-space:pre-wrap;max-height:270px;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.workspace-grid{grid-template-columns:minmax(460px,1fr) 370px;gap:38px}}
@media(max-width:1150px){.sidebar{width:190px;padding:30px 16px}main{margin-left:190px;padding:30px 25px 0}.workspace-grid{gap:20px;grid-template-columns:minmax(330px,1fr) 270px}.card{padding:20px 17px}.channel{padding:14px 10px}.header-actions{gap:7px}.button{padding:10px 13px}.mode-banner{align-items:flex-start}.mode-switch{font-size:9px}}
@media(max-width:930px){.sidebar{width:78px;padding:25px 12px}.brand>span:last-child,.nav-label,.nav>span~*,.sidebar-note{display:none}.brand{justify-content:center}.nav{font-size:0;justify-content:center;padding:12px}.nav span{font-size:22px}.sidebar nav{margin-top:40px}main{margin-left:78px;padding:25px 20px 0}h1{font-size:22px}.settings-grid{grid-template-columns:1fr}.mode-banner span{line-height:1.9;display:block}}
@media(max-width:740px){.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);border-right:0;gap:20px}.brand{font-size:18px}.brand>span:last-child{display:block}.brand small{display:none}.brand-symbol{width:28px;height:30px;font-size:22px;border-radius:8px}.sidebar nav{margin:0 0 0 auto;display:flex}.nav{margin:0;padding:7px 9px}.nav span{font-size:21px}.nav-label{display:none}main{margin:0;padding:24px 16px 0}header{align-items:flex-start;flex-direction:column;gap:20px}.header-actions{width:100%}.header-actions button:last-child{flex:1}.workspace-grid{grid-template-columns:1fr}.preview-column{position:static;max-width:430px;width:100%;margin:8px auto 0}.mode-banner{flex-direction:column;gap:12px}.card{padding:21px}.channels{gap:9px}.channel{padding:15px 13px}.channel small{font-size:8px}.preview-media{max-height:430px}.social-content p{font-size:12px}.media-help{font-size:10px}.text-footer{font-size:8px}footer span{display:none}.mode-switch{font-size:10px}.header-actions .button{padding:12px 18px}#confirm-dialog h2{font-size:15px}}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;background:white;border:1px solid var(--border);border-radius:16px;padding:38px;box-shadow:0 15px 60px #143f2f08}.login-card .brand{margin-bottom:40px}.login-card h1{font-size:19px;line-height:1.7;margin-bottom:8px}.login-card>p{color:#8a9b93;font-size:12px;margin-bottom:30px}.login-card label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.login-card input{width:100%;border:1px solid #cddbd3;border-radius:7px;padding:12px;font-size:16px;background:#fafcfb}.login-card .button{width:100%;margin-top:22px;padding:14px;font-size:13px}.login-card>small{display:block;color:#96a79d;font-size:10px;line-height:1.8;margin-top:28px}#login-error{font-size:11px;color:#ad5143;line-height:1.8;margin-top:12px}.sidebar-note #logout{display:block;margin-top:16px;padding:0;font-size:10px}