:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262722;background:#f7f7f4;font-synthesis:none;--muted:#777970;--line:#e5e5df;--green:#566950;--paper:#fff;--ink:#262722}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #899d77;outline-offset:4px}button{transition:background .16s,transform .16s,box-shadow .16s}button:active:not(:disabled){transform:translateY(1px)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.workspace{max-width:1100px;margin:0 auto;padding:0 48px}.topbar{height:118px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.85px;font-weight:650}.primary,.secondary{border-radius:11px;padding:12px 18px;font-size:13px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:43px}.primary{background:linear-gradient(#30312b,#21221e);color:#fff;border:1px solid #292a24;box-shadow:0 1px 2px #0002,inset 0 1px #ffffff12}.primary:hover{background:#41423a;box-shadow:0 3px 8px #0002}.primary svg{width:16px;height:16px}.secondary{background:#fff;border:1px solid #deded6}.secondary:hover{background:#f1f1ed}.text-button{border:0;background:none;color:#71736a;padding:7px 0;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.text-button:hover{color:#24251f}.text-button svg{width:15px;height:15px}.intro{padding-top:48px;margin-bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:550;color:var(--muted);margin:0 0 14px}h1{font-size:36px;line-height:1.2;letter-spacing:-1.65px;font-weight:600;margin:0 0 13px}.subtitle{font-size:14px;color:var(--muted);line-height:1.65;margin:0}.today{display:flex;align-items:center;gap:11px;flex-shrink:0;padding:14px 15px;background:#efefe8;border:1px solid #e5e5db;border-radius:14px;min-width:192px;margin-bottom:1px}.today-icon{display:flex;color:#6c765d}.today-icon svg{width:20px;height:20px}.today-title{display:block;font-size:12px;font-weight:600;margin-bottom:4px}#today-count{display:block;font-size:10px;color:#7a7d6f}.today-number{font-variant-numeric:tabular-nums;font-size:27px;font-weight:400;letter-spacing:-1px;margin-left:auto;padding-left:12px;color:#526047}.dropzone{display:flex;align-items:center;gap:20px;width:100%;padding:30px;background:#fbfbf9;border:1px dashed #d4d6ca;border-radius:16px;text-align:left;margin-bottom:43px}.dropzone:hover{background:#f0f1eb;border-color:#a6ae9a}.dropzone strong{font-size:14px;font-weight:550;display:block;margin-bottom:7px}.drop-subtitle{font-size:12px;color:#7c7e74;display:block;line-height:1.6}.drop-icon{position:relative;width:45px;height:48px;display:grid;place-items:center;background:#f0f1ea;border:1px solid #dfe2d5;border-radius:11px;color:#859175;transform:rotate(-6deg);flex-shrink:0;box-shadow:3px 3px 0 #e9eade}.drop-icon svg{width:23px;height:23px}.drop-icon span{position:absolute;background:#f9faf5;border:1px solid #dce0d2;right:-6px;bottom:-4px;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:16px}.drop-arrow{margin-left:auto;color:#9c9e91;display:flex}kbd{font-family:inherit;font-size:10px;padding:3px 5px;border-radius:4px;background:#efefe9;border:1px solid #e3e3da;margin-left:4px;color:#74776a;white-space:nowrap}section{margin-bottom:34px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}h2{margin:0;font-size:13px;letter-spacing:-.1px;font-weight:600}.section-head h2{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.green{background:#7e9270}.amber{background:#bbaa7c}.gray{background:#aaa99e}.count{font-size:10px;font-weight:500;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;background:#ebebe5;color:#84867a;border-radius:6px;margin-left:2px;font-variant-numeric:tabular-nums}.section-note{font-size:11px;color:#96978e}.post-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #30302202}.empty-state{display:flex;align-items:center;gap:12px;padding:24px;color:#96978d;min-height:94px}.empty-state svg{width:22px;height:22px;stroke:#b1b5a5}.empty-state strong{display:block;color:#717569;font-size:12px;font-weight:500;margin-bottom:5px}.empty-state p{font-size:11px;margin:0;line-height:1.6}.post-row{display:flex;gap:18px;align-items:center;padding:18px 21px;animation:arrive .2s ease-out}.post-row+.post-row{border-top:1px solid #efefea}.thumbnail{width:66px;height:66px;padding:0;border:0;border-radius:9px;background:#eeeee8;overflow:hidden;flex-shrink:0}.thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.row-info{min-width:0;flex:1}.row-meta{display:flex;gap:9px;align-items:center;margin-bottom:7px;font-size:10px;color:#82867a}.row-platform{display:flex;gap:5px;align-items:center;color:#63695e;font-weight:500}.row-platform svg{width:12px;height:12px}.meta-dot{color:#c2c3b9}.row-date.today-date{color:#647d51}.row-date.overdue{color:#9a714b}.row-title{font-size:14px;line-height:1.5;font-weight:550;letter-spacing:-.25px;display:block;border:0;background:none;padding:0;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title:hover{color:#667759}.row-status{font-size:10px;display:block;color:#96998f;margin-top:3px}.row-actions{display:flex;align-items:center;gap:11px}.row-actions .secondary{font-size:11px;min-height:33px;padding:8px 12px;border-radius:8px}.row-actions .text-button{font-size:11px;padding:10px}.row-actions .secondary svg{width:13px;height:13px}.archive-section{padding-top:2px;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:0}.archive-section .section-head{margin-bottom:0}.archive-section .post-list{margin-top:17px}.archive-note{color:#96978e;font-size:11px;margin:12px 0 0 15px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 0;color:#92958a;font-size:10px}.local-note{display:flex;align-items:center;gap:7px}.local-note svg{width:12px;height:12px}.footer-dot{margin:0 4px;color:#b5b7ae}.backup-actions{display:flex;align-items:center;gap:12px}.backup-actions .text-button{font-size:10px;color:#888d7e}.storage-help{font-size:10px;color:#a1a498;line-height:1.5;margin:4px 0 28px}dialog{color:var(--ink);border:1px solid #e2e3da;border-radius:22px;padding:0;box-shadow:0 30px 100px #181c1933;width:min(960px,calc(100% - 48px));max-height:calc(100dvh - 48px);background:#fff;overflow:auto}dialog::backdrop{background:#33372d55;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .2s ease-out}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:26px 30px 22px;border-bottom:1px solid #edeee7}.dialog-header .eyebrow{font-size:9px;display:block;margin-bottom:8px}.dialog-header h2{font-size:22px;letter-spacing:-.7px;font-weight:600}.icon-button{display:grid;place-items:center;padding:9px;background:#f3f4ef;border:0;border-radius:50%}.icon-button:hover{background:#e8eae2}.editor-grid{display:grid;grid-template-columns:1.12fr 1fr;min-height:600px}.preview-pane{padding:26px 30px;background:#f3f4ef;border-right:1px solid #e9ebe2}.preview-tabs{display:flex;gap:3px;padding:4px;background:#e7e9e1;border-radius:9px;max-width:380px;margin:0 auto 24px}.preview-tabs button{flex:1;min-width:0;font-size:10px;padding:8px 6px;border:0;background:transparent;color:#75796c;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px}.preview-tabs button svg{width:13px;height:13px}.preview-tabs button[aria-selected=true]{background:#fff;color:#363d2d;box-shadow:0 1px 4px #242e1520}.social-card{max-width:380px;margin:0 auto;background:#fff;border:1px solid #e0e2d9;border-radius:10px;overflow:hidden;box-shadow:0 7px 20px #27321806;font-family:Arial,sans-serif;font-size:12px;color:#202020}.social-head{padding:15px;display:flex;gap:9px;align-items:center}.avatar{height:32px;width:32px;border-radius:50%;background:#e9ebe5;display:grid;place-items:center;font-size:11px;font-weight:600;color:#777e6d;flex-shrink:0}.social-name{font-size:11px;font-weight:600}.social-sub{font-size:9px;color:#7c7c7c;margin-top:3px}.social-menu{margin-left:auto;font-size:18px;letter-spacing:1px}.social-media{width:100%;overflow:hidden;background:#edece7;display:block}.social-media img{width:100%;height:100%;object-fit:cover;display:block}.social-caption{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;padding:0 15px 14px;margin:0}.social-caption:empty{display:none}.social-caption .caption-name{font-weight:600}.social-tools{display:flex;align-items:center;gap:13px;padding:12px 15px}.social-tools svg{width:20px;height:20px;stroke-width:1.7}.social-tools .bookmark{margin-left:auto}.social-bottom{font-size:9px;color:#9a9a9a;padding:0 15px 15px}.social-card.linkedin .avatar{border-radius:3px}.social-card.linkedin .social-tools,.social-card.facebook .social-tools{justify-content:space-around;border-top:1px solid #e9e9e9;font-size:10px;color:#737373}.social-tools span{display:flex;align-items:center;gap:4px}.social-card.linkedin .social-tools svg,.social-card.facebook .social-tools svg{height:14px;width:14px}.social-card.x .social-caption{padding-left:56px}.social-card.x .social-media{width:calc(100% - 71px);margin-left:56px;border:1px solid #ececec;border-radius:12px}.social-card.x .social-tools{padding-left:56px;justify-content:space-between;color:#777}.social-card.x .social-tools svg{width:16px;height:16px}.preview-note,.preview-disclaimer{font-size:10px;color:#7e8575;line-height:1.6;text-align:center;max-width:340px;margin:14px auto 0}.preview-disclaimer{color:#979d8f;margin-top:6px;font-size:9px}.details-pane{padding:27px 28px}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:8px}.status-badge{background:#f5f1e8;color:#978057;padding:5px 9px;border-radius:5px;font-size:10px}.status-badge.approved{background:#edf2e8;color:#6a8059}.status-badge.posted{background:#f0f1ed;color:#777d6d}#save-state{font-size:9px;color:#979e8f}.details-pane label,.details-pane legend{display:block;font-size:11px;font-weight:550;margin-bottom:8px;line-height:1.5}.label-note{font-weight:400;color:#a1a496;margin-left:3px}.details-pane input,.details-pane textarea{border:1px solid #e2e5da;background:#fdfefb;border-radius:8px;padding:10px 11px;width:100%;font-size:12px;color:#3e4437;line-height:1.5;outline-offset:2px;min-width:0}.details-pane input::placeholder,.details-pane textarea::placeholder{color:#a1a798}.details-pane input:disabled,.details-pane textarea:disabled{color:#858b7d;background:#f5f6f2}.details-pane textarea{resize:vertical;min-height:110px;max-height:320px}.details-pane fieldset{border:0;margin:19px 0 0;padding:0}.platform-choices{display:flex;gap:6px;flex-wrap:wrap}.platform-choice{border:1px solid #e3e5dc;border-radius:7px;background:#fff;padding:8px 9px;display:flex;align-items:center;gap:5px;font-size:10px}.platform-choice svg{width:12px;height:12px}.platform-choice[aria-pressed=true]{color:#435237;border-color:#adbca0;background:#f1f5ec}.field-hint{font-size:9px;color:#939b87;line-height:1.65;margin:8px 0 19px}.caption-meta{display:flex;justify-content:space-between;gap:6px;margin:6px 0 18px;font-size:9px;color:#9ba38f}#caption-warning{color:#a0784b}.image-details{display:flex;gap:8px;align-items:center;padding:11px 0;margin-top:8px;border-top:1px solid #eef0e8;color:#959d8a;font-size:10px}.image-details>svg{width:14px;height:14px}.image-details .text-button{margin-left:auto}.editor-actions{display:flex;gap:8px;margin-top:16px}.editor-actions .primary{flex:1}.editor-actions .secondary{font-size:11px;padding:10px 12px}.editor-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.editor-bottom .text-button{font-size:10px}.danger{color:#a08c80}.danger:hover{color:#a84d39}.small-dialog{max-width:390px;padding:28px}.small-dialog h2{font-size:20px;letter-spacing:-.5px}.small-dialog p{font-size:13px;color:#828777;line-height:1.7}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.destructive{background:#975c49;border-color:#975c49}.destructive:hover{background:#824a39}#toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;background:#30372a;border:1px solid #ffffff24;border-radius:11px;padding:13px 20px;font-size:12px;box-shadow:0 8px 30px #26301926;max-width:calc(100% - 32px);width:max-content;line-height:1.5;pointer-events:none}#error-banner{background:#fff0e9;color:#8c4a36;border:1px solid #ebcbb9;padding:14px 18px;border-radius:10px;font-size:12px;line-height:1.65;margin-bottom:20px}.drop-overlay{position:fixed;inset:15px;border:2px dashed #8fa17b;border-radius:22px;background:#f4f6eef5;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;backdrop-filter:blur(10px);color:#667b51}.drop-overlay svg{width:54px;height:54px;margin-bottom:22px;stroke-width:1.2}.drop-overlay h2{font-size:26px;letter-spacing:-1px}.drop-overlay p{font-size:13px;color:#95a28a}.noscript{padding:20px;text-align:center}body.modal-open{overflow:hidden}@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media(min-width:1500px){.intro{padding-top:70px}.workspace{max-width:1160px}.topbar{height:128px}}
@media(max-width:900px){.workspace{padding:0 30px}.intro{align-items:flex-start;padding-top:30px;gap:20px}h1{font-size:31px;max-width:370px}.today{min-width:165px;margin-top:20px}.today-icon{display:none}.preview-pane{padding:22px 19px}.details-pane{padding:24px 20px}.editor-grid{grid-template-columns:1fr 1fr}.preview-tabs button{font-size:9px;gap:3px}.preview-tabs button svg{display:none}}
@media(max-width:650px){.workspace{padding:0 22px}.topbar{height:88px}.wordmark{font-size:20px}.topbar .primary{padding:10px 14px;min-height:39px}.desktop-label{display:none}.intro{padding-top:26px;margin-bottom:26px;display:block}.eyebrow{font-size:9px}h1{font-size:31px;line-height:1.18;max-width:330px;letter-spacing:-1.3px}.subtitle{font-size:12px;max-width:275px}.today{margin-top:21px;width:max-content;min-width:0;gap:8px;padding:9px 12px;border-radius:9px}.today-icon{display:flex}.today-icon svg{width:14px;height:14px}.today>div{display:flex;align-items:center;gap:8px}.today-title{margin:0;font-size:11px}.today-number{font-size:16px;padding-left:8px}.dropzone{padding:22px 18px;gap:16px;margin-bottom:32px;border-radius:13px}.dropzone strong{font-size:12px}.drop-subtitle{font-size:10px;max-width:200px}.drop-icon{width:36px;height:40px}.drop-arrow{display:none}.section-note{display:none}section{margin-bottom:27px}.post-row{padding:15px;gap:12px;flex-wrap:wrap}.thumbnail{width:59px;height:59px}.row-title{font-size:13px}.row-meta{font-size:9px;gap:6px}.row-actions{width:100%;justify-content:flex-end;margin-top:-2px;padding-top:5px;gap:8px}.row-actions .text-button{padding:8px 10px}.row-actions .secondary{min-height:35px;padding:8px 13px}.row-status{font-size:9px}.empty-state{padding:20px;min-height:88px}.empty-state p{font-size:10px}footer{display:block;padding-top:21px}.local-note{font-size:10px}.backup-actions{margin-top:10px}.storage-help{max-width:300px;margin-top:7px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:17px}.dialog-header{padding:19px 20px}.dialog-header h2{font-size:20px}.editor-grid{display:flex;flex-direction:column}.preview-pane{padding:22px 20px;border-right:0;border-bottom:1px solid #e5e8db}.preview-tabs{max-width:380px;margin-bottom:20px}.preview-tabs button{font-size:10px}.preview-tabs button svg{display:block}.social-card{max-width:340px}.details-pane{padding:24px}.editor-actions .primary{font-size:12px}.small-dialog{max-width:360px;padding:24px}.platform-choice{padding:9px 10px}.details-pane input,.details-pane textarea{font-size:16px}.image-details{font-size:10px}.caption-meta{font-size:10px}#toast{bottom:15px;font-size:11px}.drop-overlay h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the daily view compact enough for a laptop, with room for the work. */
@media(min-width:651px) and (max-height:850px){.topbar{height:96px}.intro{padding-top:22px;margin-bottom:28px}h1{font-size:33px}.dropzone{padding:23px 28px;margin-bottom:30px}.empty-state{min-height:77px;padding:18px 24px}section{margin-bottom:27px}}
.dialog-header{position:sticky;top:0;z-index:2;background:#fff}
.field-hint,.caption-meta,#save-state,.image-details{color:#777f6c}.preview-disclaimer{color:#7e8674}.section-note{color:#7e8276}.row-status{color:#7c8372}.storage-help{color:#818978}.label-note{color:#7f8873}
/* Brandbun-inspired neutral paper, confident type, and restrained controls. */
:root{background:#f8f8f6;color:#20211e;--ink:#20211e;--muted:#80817b;--line:#e5e5e0;--green:#61675b}
.workspace{max-width:1100px}.wordmark{font-size:23px;letter-spacing:-1px;font-weight:650}.intro{padding-top:47px;margin-bottom:34px;align-items:center}h1{font-size:46px;letter-spacing:-2.25px;font-weight:650;line-height:1.12}.subtitle{font-size:16px;line-height:1.7;color:#81827c;margin-top:21px}.eyebrow{font-size:10px;font-weight:450;letter-spacing:1.5px;margin-bottom:18px}.primary{border-radius:14px;min-height:47px;padding:13px 21px;font-size:13px;background:linear-gradient(#292a27,#151613);border-color:#262724;font-weight:500}.secondary{border-radius:11px}.today{background:transparent;border:0;padding:0;min-width:105px;gap:10px}.today-icon{display:none}.today-title{font-size:12px;font-weight:500;color:#73756d}.today-number{font-size:25px;color:#666a60;padding-left:0}.today>div{order:2}.today-number{order:1}#today-count{font-size:10px;white-space:nowrap;color:#96998e}.dropzone{border:1px solid #dfdfd8;background:#f5f5f1;border-radius:16px;padding:25px 29px;box-shadow:inset 0 1px #fff9;margin-bottom:37px}.dropzone:hover{background:#eeeeea;border-color:#c9cac2}.dropzone strong{font-size:15px;letter-spacing:-.2px;font-weight:500}.drop-subtitle{font-size:12px;color:#92948a}.drop-icon{background:transparent;border:0;box-shadow:none;transform:none;width:32px;height:40px;color:#696d61}.drop-icon svg{width:27px;height:27px;stroke-width:1.25}.drop-icon span{display:none}.drop-arrow{color:#92968a}kbd{background:#ecece5}.section-head{margin-bottom:12px}.section-head h2{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#7c8073;gap:10px}.section-head .status-dot{display:none}.count{background:transparent;font-size:10px;min-width:0;padding:0;margin:0;color:#a0a496}.section-note{display:none}.post-list{border:0;border-radius:0;box-shadow:none;background:transparent}.empty-state{padding:20px 0;min-height:71px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-state>svg{display:none}.empty-state strong{font-size:13px;font-weight:400;color:#909486;margin:0}.empty-state p{display:none}.post-row{padding:20px 0;border-top:1px solid var(--line)}.post-row+.post-row{border-top:1px solid var(--line)}.post-row:last-child{border-bottom:1px solid var(--line)}.thumbnail{width:70px;height:70px;border-radius:11px}.row-title{font-size:16px;font-weight:500;letter-spacing:-.5px}.row-meta{font-size:11px;color:#929789}.row-platform{color:#737969}.row-status{color:#969c8d;font-size:10px}.row-actions .secondary{font-size:12px;min-height:38px;padding:9px 14px;border-radius:9px;background:#f0f1eb;border-color:#e1e4d8}.row-actions .secondary:hover{background:#e6e9df}.row-actions .text-button{font-size:12px;color:#929888}.archive-section{border-bottom:0;padding-bottom:10px}.archive-note{margin-left:0}.archive-section .section-head{padding-bottom:10px;border-bottom:1px solid var(--line)}footer{padding-top:25px}.storage-help{color:#9c9f93}.local-note{color:#919888}.backup-actions .text-button{color:#949b8a}dialog{background:#fafaf7;border:1px solid #33372b;border-radius:24px;box-shadow:0 13px 40px #282c201f}dialog::backdrop{background:#2d302940;backdrop-filter:blur(3px)}.dialog-header{background:#fafaf7;padding:28px 32px 25px;border-color:#e9eae3}.dialog-header h2{font-size:27px;letter-spacing:-1px}.dialog-header .eyebrow{font-size:9px}.icon-button{background:none}.editor-grid{grid-template-columns:1fr 1fr}.preview-pane{background:#f2f3ed;padding:30px 24px}.preview-tabs{background:#e9ebe3}.preview-tabs button[aria-selected=true]{background:#fafbf7}.details-pane{padding:27px 30px}.details-pane input,.details-pane textarea,.review-response input,.review-response textarea{background:#f0f1eb;border:1px solid transparent;border-radius:12px;padding:13px 14px;font-size:14px;color:#3d4434}.details-pane label,.details-pane legend{font-size:12px;font-weight:500}.details-pane input:focus,.details-pane textarea:focus,.review-response input:focus,.review-response textarea:focus{background:#f6f7f1;border-color:#a1ae91;outline:2px solid #aab998;outline-offset:2px}.details-pane input:disabled,.details-pane textarea:disabled{background:#f1f2ec;color:#6c7660}.details-pane fieldset{margin-top:22px}.platform-choice{background:transparent;border:1px solid #dedfd7;padding:9px 10px}.platform-choice[aria-pressed=true]{background:#e9ede1;border-color:#c2cbb4;color:#536442}.status-badge{background:#edeee7;color:#828c73}.field-hint{font-size:10px}.editor-actions{flex-wrap:wrap;margin-top:15px}.editor-actions .primary{width:100%;font-size:13px}.editor-actions #copy-caption{display:none}.editor-bottom{gap:12px;flex-wrap:wrap;justify-content:flex-start}.editor-bottom .danger{margin-left:auto}.editor-bottom .text-button{font-size:11px}#share-explainer{margin-bottom:0;color:#939d86;font-size:10px;line-height:1.65}#share-info{padding:17px;background:#eef1e7;border:1px solid #dbe2ce;border-radius:13px;margin:15px 0}#share-info strong{font-size:13px;font-weight:550;letter-spacing:-.25px}#share-info p{font-size:11px;color:#7c886b;line-height:1.6;margin:8px 0}#share-info input{font-size:10px;padding:9px;background:#f9fbf4;border-radius:7px}#share-info blockquote,.review-feedback{font-size:13px;border-left:2px solid #becaa9;margin:15px 0;padding:2px 0 2px 13px;color:#626f52;white-space:pre-wrap;overflow-wrap:anywhere}.share-controls{display:flex;justify-content:space-between;gap:9px;margin-top:5px}.share-controls button{font-size:9px}.review-page{max-width:1050px;margin:auto;padding:0 40px 70px}.review-header{height:110px;display:flex;align-items:center;justify-content:space-between}.review-topnote{font-size:9px;letter-spacing:1.5px;color:#989e8d}.review-content{padding-top:45px}.review-content h1{overflow-wrap:anywhere;max-width:800px}.review-content>.subtitle{margin-top:15px;font-size:13px}.review-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:45px;align-items:start}.review-preview .social-card{max-width:420px}.review-response{padding-top:15px}.review-response h2{font-size:26px;letter-spacing:-.8px}.review-copy{font-size:14px;line-height:1.8;color:#828c74;margin-bottom:27px}.review-response label{display:block;font-size:12px;font-weight:500;margin:21px 0 9px}.review-response input,.review-response textarea{width:100%;font:inherit;font-size:14px;line-height:1.6}.review-response textarea{resize:vertical}.review-actions{display:flex;gap:10px;margin-top:20px}.review-actions button{flex:1;padding:13px 14px;font-size:12px}.review-response .field-hint{margin-top:17px;font-size:10px}.review-response .subtitle{font-size:14px}.review-error{font-size:12px;color:#a26346;line-height:1.6}.review-error:empty{display:none}
@media(min-width:651px) and (max-height:850px){.intro{padding-top:26px;margin-bottom:29px}h1{font-size:43px}.subtitle{margin-top:17px;font-size:15px}.dropzone{margin-bottom:30px;padding:22px 25px}section{margin-bottom:25px}.empty-state{min-height:60px;padding:18px 0}.topbar{height:100px}}
@media(max-width:900px){h1{font-size:38px;max-width:550px}.intro{padding-top:30px}.subtitle{font-size:14px}.details-pane{padding:25px 22px}.preview-pane{padding:26px 20px}.dialog-header h2{font-size:24px}.review-grid{gap:35px}}
@media(max-width:650px){.wordmark{font-size:22px}.intro{padding-top:27px;position:relative;margin-bottom:27px}.intro h1{font-size:36px;max-width:320px;letter-spacing:-1.8px}.subtitle{font-size:14px;line-height:1.8;margin-top:21px}.today{width:max-content;display:flex;gap:8px;margin-top:23px}.today>div{order:1}.today-number{order:2;font-size:13px;margin-left:3px;background:#e9ede1;padding:3px 7px;border-radius:5px}.today-title{font-size:11px}#today-count{display:none}.dropzone{padding:20px 18px;gap:14px;margin-bottom:33px}.dropzone strong{font-size:13px}.drop-subtitle{font-size:11px}.drop-icon{width:26px}.row-title{font-size:15px}.row-meta{font-size:10px}.thumbnail{width:63px;height:63px}.post-row{padding:19px 0;gap:14px}.row-actions{padding-top:0;margin-top:-2px}.row-actions .secondary{font-size:11px}.details-pane{padding:26px 23px}.dialog-header{padding:24px 23px 21px}.dialog-header h2{font-size:23px;max-width:260px}.editor-grid{display:flex}.preview-pane{padding:23px 20px}.details-pane input,.details-pane textarea{font-size:16px}.review-page{padding:0 24px 45px}.review-header{height:86px}.review-topnote{display:none}.review-content{padding-top:30px}.review-content h1{font-size:37px;letter-spacing:-1.7px}.review-grid{display:flex;flex-direction:column;gap:28px;margin-top:30px}.review-preview{width:100%}.review-response{width:100%;padding:0}.review-response h2{font-size:25px}.review-response input,.review-response textarea{font-size:16px}.review-actions{flex-wrap:wrap}.review-actions button{font-size:12px}.platform-choice{font-size:10px;padding:9px}.editor-actions .primary{font-size:13px}}
@media(max-width:650px){.editor-grid .details-pane{order:1}.editor-grid .preview-pane{order:2;border-top:1px solid #e1e4d8;border-bottom:0}}
/* A quiet, device-only profile picture utility. */
#profile-dialog{max-width:760px}.profile-grid{display:grid;grid-template-columns:1fr 1fr}.profile-preview{background:#f0f1eb;padding:28px;border-right:1px solid #e3e5db}.profile-instagram{display:flex;justify-content:space-between;font-size:16px;font-weight:600;letter-spacing:-.5px}.profile-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:83px 0 30px}.profile-stage strong{font-size:13px;margin-top:17px}.profile-context{font-size:10px;color:#999d90;margin-top:7px}.profile-ring{padding:4px;border-radius:50%;background:transparent;flex-shrink:0}.profile-ring.with-story{background:linear-gradient(35deg,#ffc74d 5%,#fa6445 28%,#db2684 62%,#824bd3 95%)}.profile-face{position:relative;width:100%;height:100%;border:3px solid #f0f1eb;border-radius:50%;overflow:hidden;background:#e0e4d7;display:grid;place-items:center;color:#929d82;font-size:20px}.profile-face img{position:absolute;width:100%;height:100%;object-fit:cover;transform-origin:center}.profile-face.has-photo span{display:none}.profile-large{width:132px;height:132px}.profile-story-size{width:68px;height:68px}.profile-feed-size{width:38px;height:38px;padding:2px}.profile-feed-size .profile-face{border-width:2px}.profile-feed-size span{font-size:9px}.profile-story-size span{font-size:13px}.profile-small-views{display:flex;justify-content:center;align-items:center;gap:54px;border-top:1px solid #dedfd6;padding-top:24px}.profile-small-views>div{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:95px;gap:10px}.profile-small-views>div>span{font-size:10px;color:#858b7b}#profile-bubble{position:absolute;z-index:1;top:23px;background:white;padding:13px 17px;border-radius:19px;box-shadow:0 3px 12px #0000000c;font-size:12px;color:#555;max-width:210px;white-space:normal;overflow-wrap:anywhere;text-align:center}#profile-bubble:after,#profile-bubble:before{content:'';position:absolute;background:white;border-radius:50%;width:12px;height:12px;bottom:-7px;left:33px}#profile-bubble:after{width:6px;height:6px;bottom:-15px;left:44px}.profile-controls{padding:30px}.profile-controls>.secondary{width:100%}.profile-toggles{border-top:1px solid #e6e8df;border-bottom:1px solid #e6e8df;margin:22px 0;padding:9px 0}.profile-toggles label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px}.profile-toggles input{appearance:none;width:34px;height:21px;border-radius:20px;background:#d6d9cf;position:relative;cursor:pointer;transition:background .2s}.profile-toggles input:after{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.profile-toggles input:checked{background:#788965}.profile-toggles input:checked:after{transform:translateX(13px)}#profile-note-field{font-size:11px;display:block;margin-bottom:22px}#profile-note{display:block;width:100%;margin-top:9px;padding:12px;background:#eeefe8;border:1px solid #dfe2d7;border-radius:10px;font-size:13px}.profile-crop label{display:block;font-size:11px;color:#828b76;margin-top:17px}.profile-crop input{width:100%;accent-color:#788965;margin:12px 0 0;height:15px}.profile-private{font-size:10px;line-height:1.8;color:#939b89;margin-top:23px}.backup-actions{flex-wrap:wrap}#profile-remove{margin-top:14px}@media(max-width:650px){.profile-grid{grid-template-columns:1fr}.profile-preview{border-right:0;border-bottom:1px solid #e3e5db;padding:24px}.profile-stage{padding-top:78px;padding-bottom:20px}.profile-small-views{padding-top:15px}.profile-controls{padding:25px}.profile-toggles{margin:17px 0}.profile-crop{display:grid;grid-template-columns:1fr 1.3fr;gap:15px;align-items:center}.profile-crop label,.profile-crop input{margin:0}#profile-note{font-size:16px}}
/* Keep the photo visible while mobile controls scroll independently. */
@media(max-width:650px){
 #profile-dialog[open]{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}
 #profile-dialog .dialog-header{position:static;flex-shrink:0;padding:calc(15px + env(safe-area-inset-top)) 20px 15px;gap:12px}
 #profile-dialog .dialog-header .eyebrow{margin-bottom:6px;font-size:8px}
 #profile-dialog .dialog-header h2{font-size:21px;max-width:none;letter-spacing:-.7px}
 #profile-close{width:44px;height:44px;flex-shrink:0}
 .profile-grid{display:flex;flex:1;min-height:0;flex-direction:column}
 .profile-preview{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px;padding:12px 24px 15px;align-items:center}
 .profile-instagram{display:none}
 .profile-stage{padding:59px 0 0;min-height:207px}
 .profile-large{width:104px;height:104px}
 .profile-stage strong{margin-top:10px;font-size:12px}
 .profile-context{margin-top:4px;font-size:9px}
 #profile-bubble{top:4px;max-width:170px;padding:10px 13px;font-size:11px;line-height:1.25}
 .profile-small-views{border:0;border-left:1px solid #dedfd6;flex-direction:column;gap:12px;padding:6px 0 6px 16px}
 .profile-small-views>div{min-height:0;gap:6px}
 .profile-story-size{width:58px;height:58px}
 .profile-small-views>div>span{font-size:9px}
 .profile-controls{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px calc(20px + env(safe-area-inset-bottom));scroll-padding:15px}
 .profile-controls>.secondary{min-height:44px}
 .profile-controls>.field-hint{margin:8px 0 16px;font-size:10px;text-align:center}
 .profile-toggles{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:0 0 16px;padding:4px 0}
 .profile-toggles label{font-size:12px;gap:8px;min-height:48px;padding:0}
 .profile-toggles input{width:38px;height:24px;flex-shrink:0;margin:0}
 .profile-toggles input:after{width:18px;height:18px}
 .profile-toggles input:checked:after{transform:translateX(14px)}
 #profile-note-field{margin-bottom:14px}
 #profile-note{margin-top:7px;min-height:44px}
 .profile-crop{grid-template-columns:110px minmax(0,1fr);gap:2px 12px}
 .profile-crop input{height:44px;padding:0;min-width:0;margin:0}
 .profile-crop label{font-size:11px;margin:0}
 .profile-private{margin:14px 0 0}
}
@media(max-width:650px) and (max-height:580px){.profile-preview{padding-top:5px;padding-bottom:8px}.profile-stage{min-height:153px;padding-top:45px}.profile-large{width:76px;height:76px}.profile-context{display:none}.profile-small-views{flex-direction:row;border:0;gap:12px;padding:0}.profile-preview{grid-template-columns:minmax(0,1fr) 120px}.profile-story-size{width:48px;height:48px}#profile-bubble{padding:7px 10px;max-width:180px;top:0}}
@media(max-width:650px){.profile-stage{padding-top:70px;min-height:218px}}
@media(max-width:650px) and (max-height:580px){.profile-stage{padding-top:67px;min-height:175px}}
/* NextSocial: a quieter workspace, with clear actions and consistent surfaces. */
:root{--ink:#272c24;--muted:#818777;--line:#e2e5db}
.workspace{max-width:1040px}.topbar{height:104px}.wordmark{gap:10px;font-size:23px;letter-spacing:-1px}.wordmark img{width:32px;height:32px}.intro{padding-top:38px;margin-bottom:34px}.intro h1{font-size:48px;letter-spacing:-2.3px;font-weight:600}.intro .subtitle{font-size:14px;line-height:1.8;margin-top:17px;max-width:440px}.intro .eyebrow{color:#87917b;font-size:9px;letter-spacing:1.8px}.today{background:#edf0e7;border:1px solid #e0e5d7;border-radius:16px;padding:14px 17px;min-width:126px}.today-number{color:#536347}.today-title{color:#59694b}#today-count{color:#87917c}.dropzone{background:#f1f3ec;border:1px solid #dce2d3;padding:24px 27px;border-radius:18px}.dropzone:hover{background:#eaeee2;border-color:#c0cbb0}.drop-icon{color:#748763}.drop-subtitle{color:#868e7b}.section-head h2{font-size:10px;letter-spacing:1.65px}.section-head .count{border-radius:5px;background:#eaede3;min-width:21px;min-height:20px;color:#7d8871;margin-left:2px}.empty-state{padding:21px 0;min-height:94px}.empty-state strong{color:#78836d;font-size:13px}.empty-state p{display:block;margin-top:7px;font-size:11px;line-height:1.7;color:#a0a693}.post-row{gap:17px;padding:19px 0}.row-title{font-size:15px;letter-spacing:-.35px}.row-status{margin-top:6px}.thumbnail{border:1px solid #e0e4d8}.row-actions .secondary{background:#edf0e6}.archive-note{font-size:10px}.local-note{font-size:10px}.backup-actions{gap:13px}.backup-actions .text-button{min-height:36px}.dialog-header h2{font-size:25px;font-weight:550;letter-spacing:-.8px}.dialog-header .eyebrow{color:#8d977f;letter-spacing:1.7px}.icon-button{width:42px;height:42px}.icon-button:hover{background:#ecefe5}.details-pane input,.details-pane textarea{background:#f0f2ea;color:#353e2e}.status-badge{padding:6px 9px;border-radius:6px;font-size:10px}.status-badge.approved{background:#e4ecd9;color:#62754e}.status-badge.pending{background:#eeeadd;color:#948461}.status-badge.posted{background:#e7eae4;color:#7b8572}.social-card{border-radius:13px;box-shadow:0 7px 22px #27321808}.social-caption{overflow-wrap:anywhere}.review-header .wordmark{color:#424d36}.review-response input,.review-response textarea{border:1px solid #e0e5d6}.review-actions .secondary{background:#f3f5ef}.editor-mobile-tabs{display:none}.profile-toggles input{transition:background .18s}.profile-private{color:#88947d}.profile-controls .secondary{background:#fafbf7}
@media(max-width:650px){.workspace{padding:0 23px}.topbar{height:88px}.intro{padding-top:21px}.intro h1{font-size:38px;letter-spacing:-1.8px;max-width:290px;line-height:1.13}.intro .subtitle{font-size:13px;margin-top:17px;max-width:290px}.today{padding:8px 11px;border-radius:10px;gap:8px;min-width:0;margin-top:20px}.today-number{background:none;padding:0;font-size:15px;margin-left:1px}.today-title{font-size:11px}.dropzone{padding:20px 18px;border-radius:15px}.dropzone strong{font-size:13px}.drop-subtitle{font-size:10px}.empty-state{padding:20px 0;min-height:89px}.empty-state p{max-width:290px;font-size:10px}.row-actions{width:auto;margin:0 0 0 77px;flex:1;justify-content:flex-start;gap:12px}.row-actions .text-button,.row-actions .secondary{min-height:40px}.backup-actions{gap:12px;margin-top:11px}.backup-actions .text-button{min-height:44px}.storage-help{font-size:9px;max-width:320px}.dialog-header h2{font-size:22px}.dialog-header{padding:20px 22px 17px}.editor-mobile-tabs{display:flex;position:sticky;top:99px;z-index:2;background:#fafaf7;padding:10px 22px 13px;gap:4px;border-bottom:1px solid #e6e9de}.editor-mobile-tabs button{flex:1;border:1px solid transparent;background:#eff1e9;border-radius:10px;min-height:42px;font-size:12px;color:#919a83}.editor-mobile-tabs button[aria-selected=true]{background:#e3e9d8;border-color:#d1dcc0;color:#52653f;font-weight:550}#editor[data-view=details] .preview-pane,#editor[data-view=preview] .details-pane{display:none}.editor-grid{min-height:0}.editor-grid .preview-pane{border:0;padding:24px 18px}.editor-grid .details-pane{padding:22px}.preview-tabs button{min-height:38px}.editor-bottom .text-button{min-height:42px}.editor-actions .primary{min-height:48px}#profile-dialog .dialog-header h2{font-size:21px}.review-actions button{min-height:48px}.review-grid{gap:26px}.review-content h1{font-size:35px;line-height:1.15}.review-copy{font-size:13px}.review-response h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){#editor[open]{display:flex;flex-direction:column;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);overflow:hidden;margin:10px auto}#editor .dialog-header{position:static;flex-shrink:0}#editor .editor-mobile-tabs{position:static;flex-shrink:0}#editor .editor-grid{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}}
.editor-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.editor-actions #copy-caption{display:inline-flex;min-height:47px;font-size:11px;padding:10px 13px}.editor-actions .primary{min-width:0;white-space:normal}
/* Clear Sky — the selected visual direction. */
:root{--ink:#24334b;--muted:#74859e;--line:#dce4ee;--sky:#16864b;--sky-soft:#ededf0}
body{background:#ffffff;color:var(--ink)}h1{font-weight:550!important;color:#263957}.wordmark{color:#1d1d1f}.primary{background:#16864b;border-color:#365fc5;box-shadow:0 3px 10px #16864b20}.primary:hover{background:#305abd;box-shadow:0 4px 14px #16864b26}.secondary{background:#fff;border-color:#d4def3;color:#5373a7}.secondary:hover{background:#e4ecfb}.dropzone{background:#edf3fc;border-color:#d2dff3}.dropzone:hover{background:#e6effc;border-color:#b9cef0}.drop-icon,.drop-arrow{color:#7291bc}.drop-subtitle{color:#7d90ae}kbd{background:#e5ecf7;border-color:#d8d8dc;color:#7186a4}.today{background:#e9f0ff;border-color:#d6e2fa}.today-number,.today-title{color:#5577b0}#today-count{color:#7f94b6}.row-actions .secondary{background:#ededf0;border-color:#d4def3;color:#5373a7}.row-actions .secondary:hover{background:#e0e9fc}.section-head h2{color:#7185a2}.section-head .count{background:#e6edf7;color:#798ca8}.row-platform{color:#7087a9}.row-status,.row-meta,.row-date{color:#899ab2}.row-date.today-date{color:#5577b0}.row-date.overdue{color:#a47555}.row-title:hover{color:#16864b}.thumbnail{border-radius:14px;border-color:#dce4ee}.eyebrow,.intro .eyebrow,.dialog-header .eyebrow{color:#899ab5!important}.intro .subtitle,.subtitle{color:#8191a8}.empty-state strong{color:#7185a2}.empty-state p,.archive-note{color:#8f9eb3}.text-button,.backup-actions .text-button,.local-note{color:#8296b3}.text-button:hover{color:#16864b}.storage-help{color:#98a7bd}.footer-dot{color:#b5c1d3}
dialog{background:#ffffff;border-color:#c5d2e7;box-shadow:0 20px 60px #3d3c3520}dialog::backdrop{background:#25395c40}.dialog-header{background:#ffffff;border-color:#e2e9f3}.icon-button:hover{background:#ededf0}.preview-pane{background:#f5f5f7;border-color:#dfe7f3}.preview-tabs{background:#e2eaf5}.preview-tabs button{color:#7a8eac}.preview-tabs button[aria-selected=true]{background:#fff;color:#42659f}.details-pane input,.details-pane textarea,.review-response input,.review-response textarea{background:#f5f5f7;color:#1d1d1f;border-color:transparent}.details-pane input:focus,.details-pane textarea:focus,.review-response input:focus,.review-response textarea:focus{background:#ffffff;border-color:#93b0e3;outline:2px solid #b8cdf0}.details-pane input:disabled,.details-pane textarea:disabled{background:#edf2f8;color:#7d90ad}.platform-choice{border-color:#d5dfed;color:#7488a6}.platform-choice[aria-pressed=true]{background:#e6eefc;border-color:#b8cbee;color:#4266a5}.field-hint,.caption-meta,.image-details,.preview-note,.preview-disclaimer{color:#899bb6}.image-details{border-color:#e0e7f2}.detail-top #save-state{color:#8b9db6}.status-badge.approved{background:#e3eef5;color:#5b7e94}.status-badge.pending{background:#eeebdf;color:#948461}.status-badge.posted{background:#e8edf5;color:#7b8da8}#share-info{background:#f5f5f7;border-color:#d2dff3}#share-info strong{color:#42659f}#share-info p,#share-explainer{color:#7c93b6}#share-info input{background:#f8fbff}#share-info blockquote,.review-feedback{border-color:#b8ccef;color:#6681aa}.review-header .wordmark{color:#1d1d1f}.review-topnote,.review-copy{color:#8296b3}.review-actions .secondary{background:#ededf0}.review-response input,.review-response textarea{border-color:#d8d8dc}.editor-mobile-tabs{background:#ffffff;border-color:#e0e8f4}.editor-mobile-tabs button{background:#f5f5f7;color:#889bb9}.editor-mobile-tabs button[aria-selected=true]{background:#e1ebfc;border-color:#c4d5f1;color:#4266a5}.profile-preview{background:#f5f5f7;border-color:#dfe7f3}.profile-face{background:#dfe8f4;border-color:#f5f5f7;color:#8ba1c0}.profile-small-views{border-color:#d3dfef}.profile-controls .secondary{background:#ffffff}.profile-toggles{border-color:#dfe7f3}.profile-toggles input{background:#d5dfed}.profile-toggles input:checked{background:#668bd8}#profile-note{background:#f5f5f7;border-color:#d8d8dc;color:#1d1d1f}.profile-crop input{accent-color:#668bd8}.profile-crop label,.profile-private,.profile-context,.profile-small-views>div>span{color:#8a9cb8}.drop-overlay{background:#f0f5fff5;border-color:#93b0e3;color:#5778ae}.drop-overlay p{color:#8ea3c2}#toast{background:#334d79;border-color:#ffffff24}.danger{color:#a0807d}.destructive{background:#975c49;border-color:#975c49}.destructive:hover{background:#824a39}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#93b0e3}
@media(max-width:650px){.today-number{color:#5577b0;background:none}.profile-preview,.editor-grid .preview-pane{border-color:#dfe7f3}.profile-small-views{border-color:#d3dfef}}
/* Clear Sky readability: stronger text without darkening the surfaces. */
:root{--muted:#636366}
.intro .subtitle,.subtitle,.review-copy{color:#636366}
.eyebrow,.intro .eyebrow,.dialog-header .eyebrow{color:#6e6e73!important}
.section-head h2,.row-platform,.row-meta,.row-date{color:#636366}
.row-status,.archive-note,.empty-state p,.storage-help,.footer-dot{color:#6e6e73}
.empty-state strong{color:#506784}
.text-button,.backup-actions .text-button,.local-note,.row-actions .text-button{color:#636366}
.drop-subtitle,.drop-arrow,.drop-icon{color:#6e6e73}
kbd{color:#6e6e73}
#today-count,.section-head .count{color:#6e6e73}
.field-hint,.caption-meta,.image-details,.preview-note,.preview-disclaimer,.detail-top #save-state,#save-state{color:#6e6e73}
.details-pane input:disabled,.details-pane textarea:disabled{color:#6e6e73}
.details-pane input::placeholder,.details-pane textarea::placeholder,.review-response input::placeholder,.review-response textarea::placeholder,#profile-note::placeholder{color:#6e6e73;opacity:1}
.preview-tabs button,.platform-choice,.editor-mobile-tabs button{color:#6e6e73}
#share-info p,#share-explainer,.review-topnote{color:#6e6e73}
.profile-crop label,.profile-private,.profile-context,.profile-small-views>div>span{color:#6e6e73}
.profile-face{color:#6e6e73}
@media(max-width:650px){.storage-help{font-size:11px;line-height:1.7}.empty-state p{font-size:11px}.drop-subtitle{font-size:11px}.field-hint,.preview-note,.preview-disclaimer,.profile-private,.caption-meta{font-size:11px;line-height:1.7}.profile-context,.profile-small-views>div>span{font-size:10px}.backup-actions .text-button,.local-note{font-size:11px}.row-status{font-size:11px}.section-head h2{font-size:11px}.intro .eyebrow{font-size:10px}}
/* A compact mobile editor with its primary action always within reach. */
.editor-dock{display:none}
@media(max-width:650px){
 #editor .dialog-header{padding:15px 20px 12px}#editor .dialog-header .eyebrow{font-size:8px;margin-bottom:5px}#editor .dialog-header h2{font-size:21px}
 #editor .editor-mobile-tabs{padding:7px 20px 10px}#editor .editor-mobile-tabs button{min-height:38px}
 #editor .editor-grid .details-pane{padding:16px 20px 18px}
 #editor .detail-top{margin-bottom:16px}
 #editor .details-pane label,#editor .details-pane legend{margin-bottom:7px}
 #editor .details-pane input{padding:10px 12px;min-height:43px}
 #editor .details-pane textarea{padding:10px 12px;height:100px;min-height:84px;line-height:1.5;resize:vertical}
 #editor .details-pane fieldset{margin-top:16px;margin-bottom:0}
 #editor .platform-choices{gap:5px}#editor .platform-choice{min-height:36px;padding:7px 9px}
 #editor #suggestion{margin:7px 0 15px;font-size:10px;line-height:1.5}
 #editor .caption-meta{margin:5px 0 13px;font-size:10px}
 #editor #date-note{margin:7px 0 12px;line-height:1.5;font-size:10px}
 #editor .image-details{margin-top:0;padding:8px 0}
 #editor #share-explainer{margin:10px 0 0;font-size:10px;line-height:1.6}
 #editor #share-info{padding:12px;margin:12px 0}#editor #share-info p{margin:6px 0}
 #editor .editor-bottom{margin-top:5px;gap:9px}#editor .editor-bottom .text-button{min-height:38px;font-size:10px}
 #editor .editor-dock{display:block;flex-shrink:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dce4ee;background:#ffffff;box-shadow:0 -5px 18px #3d3c3506}
 #editor .editor-dock .editor-actions{display:flex;margin:0;gap:8px}
 #editor .editor-dock .primary{flex:1;width:auto;min-height:46px}
 #editor .editor-dock #copy-caption{flex-shrink:0;min-height:46px}
}

/* Clear Sky approval page */
.review-extras{margin:20px 0;border:1px solid #d8d8dc;border-radius:14px;padding:0 16px;background:#ffffff}
.review-extras summary{cursor:pointer;padding:15px 0;font-size:13px;color:#636366;min-height:48px}
.review-extras[open]{padding-bottom:16px}.review-extras label:first-of-type{margin-top:4px}.review-extras textarea{min-height:90px}
@media(max-width:650px){
.review-page{padding:0 20px 28px}.review-header{height:70px;border-bottom:1px solid #dfe7f3}.review-content{padding-top:22px}.review-content>.eyebrow{font-size:9px;margin-bottom:10px}.review-content h1{font-size:28px;letter-spacing:-1px;line-height:1.18}.review-content>.subtitle{margin-top:10px;font-size:13px}.review-grid{gap:18px;margin-top:22px}.review-preview .social-card{margin:auto}.review-preview .preview-note{margin:10px 0 0;font-size:11px}.review-response h2{font-size:22px;margin:0}.review-copy{font-size:13px;line-height:1.6;margin:9px 0 14px}.review-extras{margin:14px 0}.review-response .field-hint{font-size:11px;line-height:1.6;margin-top:12px}
.review-awaiting{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.review-awaiting .review-actions{position:fixed;bottom:0;left:0;right:0;z-index:10;margin:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#ffffff;border-top:1px solid #dce4ee;box-shadow:0 -5px 18px #3d3c3508;flex-wrap:nowrap;gap:8px}.review-actions button{min-height:48px;font-size:13px;border-radius:12px}.review-actions .primary{flex:1.2}.review-actions .secondary{flex:1}}

.review-avatar{background:#ededf0;color:#5576af}.review-preview .social-card{border:1px solid #e5e5ea;box-shadow:0 8px 28px #3d3c3508}.review-preview .social-head{padding:14px 16px}.review-preview .social-sub{color:#6e6e73}.review-preview .social-caption{font-size:13px;line-height:1.65}.review-preview .social-tools{color:#636366}.review-response h2{color:#1d1d1f}

/* Smaller mobile feed card; media keeps its platform aspect ratio. */
@media(max-width:650px){
 .review-preview .social-card{width:100%;max-width:280px;margin-inline:auto}
 .review-preview .social-head{padding:11px 13px}
 .review-preview .social-caption{padding:0 13px 13px;margin-top:8px;line-height:1.55}
 .review-preview .social-tools{padding:10px 13px 0}
 .review-preview .preview-note{max-width:280px;margin:10px auto 0}
}

/* Match compact review cards in the mobile editor. */
@media(max-width:650px){
 #editor .preview-pane .social-card{width:100%;max-width:280px;margin-inline:auto}
 #editor .preview-pane .social-head{padding:11px 13px}
 #editor .preview-pane .social-caption{padding:0 13px 13px;margin-top:8px;font-size:13px;line-height:1.55}
 #editor .preview-pane .social-tools{padding:10px 13px 0}
 #editor .preview-pane .preview-tabs{max-width:280px;margin-inline:auto}
 #editor .preview-pane .preview-note,#editor .preview-pane .preview-disclaimer{max-width:280px;margin-inline:auto}
}

.review-confirmation{margin-top:26px;padding:25px;border:1px solid #cbdaf0;background:#f5f5f7;border-radius:18px;color:#1d1d1f;scroll-margin-top:20px}
.review-confirmation-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d7e5fb;color:#16864b;border-radius:50%;margin-bottom:16px}.review-confirmation-mark svg{width:22px;height:22px}
.review-confirmation .eyebrow{margin-bottom:9px;color:#636366;font-size:9px}.review-confirmation h2{margin:0 0 10px;font-size:28px;letter-spacing:-.8px}.review-confirmation>p:last-of-type{margin:0;font-size:14px;line-height:1.6}.review-confirmation h2:focus{outline:none}
.review-complete .review-grid{grid-template-columns:1fr;margin-top:26px}.review-complete .review-preview .social-card{margin-inline:auto}
@media(max-width:650px){.review-confirmation{padding:20px;margin-top:20px}.review-confirmation h2{font-size:25px}.review-confirmation>p:last-of-type{font-size:13px}.review-complete .review-grid{margin-top:20px}}

@media(max-width:650px){.review-awaiting .review-actions{bottom:var(--review-keyboard,0px)}.review-extras input,.review-extras textarea{scroll-margin-top:20px;scroll-margin-bottom:110px}.review-error{scroll-margin-bottom:110px}}

/* Compact feedback, with comfortable mobile inputs. */
@media(max-width:650px){
 .review-response .review-copy{margin:7px 0 10px;font-size:13px;line-height:1.5}
 .review-response .review-extras{margin:10px 0;border-radius:12px;padding-inline:14px}
 .review-extras summary{padding:12px 0;min-height:44px;font-size:12px}
 .review-extras[open]{padding-bottom:14px}
 .review-response .review-extras label{margin:12px 0 6px;font-size:12px}
 .review-response .review-extras label:first-of-type{margin-top:0}
 .review-response .review-extras input{min-height:44px;padding:8px 11px;line-height:1.5;border-radius:10px}
 .review-response .review-extras textarea{height:96px;min-height:80px;padding:9px 11px;line-height:1.5;border-radius:10px;resize:vertical}
 .review-response .review-error{margin:8px 0;font-size:12px;line-height:1.5}
 .review-response>.field-hint{margin-top:8px;font-size:11px;line-height:1.5}
}

/* Clear Sky hierarchy: content first, one primary decision. */
.review-content>h1{font-weight:650;color:#1d1d1f;letter-spacing:-1.2px}
.review-content>.eyebrow{color:#6e6e73;font-weight:500}
.review-response h2{font-size:20px;font-weight:600;letter-spacing:-.5px}
.review-response .review-copy{color:#636366}
.review-extras{background:transparent;border:0;border-top:1px solid #e5e5ea;border-radius:0;padding:0;margin-top:22px}
.review-extras summary{color:#636366;font-weight:500}
.review-extras[open]{padding-bottom:0}
.review-response .review-extras input,.review-response .review-extras textarea{background:#ffffff;border:1px solid #d8d5cc;color:#1d1d1f}
.review-response label{color:#636366;font-weight:500}
.review-actions .primary{font-weight:600;background:#16864b;border-color:#16864b;box-shadow:0 3px 8px #16864b20}
.review-actions .secondary{background:transparent;border-color:transparent;box-shadow:none;color:#636366;font-weight:500}
.review-actions .secondary:hover{background:#f5f5f7;border-color:#d8d8dc}
.review-preview .social-card,#editor .preview-pane .social-card{border-color:#e5e5ea;box-shadow:0 6px 18px #3d3c3506}
.review-preview .social-name,#editor .preview-pane .social-name{font-weight:500;color:#636366}
.review-preview .social-caption,#editor .preview-pane .social-caption{color:#1d1d1f;font-size:14px;line-height:1.6}
.review-preview .social-tools,#editor .preview-pane .social-tools{color:#6e6e73}
.review-preview .preview-note,.review-response>.field-hint{color:#6e6e73}
@media(max-width:650px){
 .review-content>h1{font-size:26px;line-height:1.18}
 .review-response h2{font-size:19px}
 .review-response .review-extras{border-radius:0;padding-inline:0;margin-top:14px}
 .review-extras summary{font-size:13px;min-height:46px}
 .review-response .review-copy{font-size:12px;line-height:1.6}
 .review-awaiting .review-actions{box-shadow:none;gap:12px}
 .review-actions .primary{flex:1.35}
 .review-actions .secondary{flex:1;padding-inline:8px}
 .review-preview .social-caption,#editor .preview-pane .social-caption{font-size:13px}
}

/* Centred review introduction and response hierarchy. */
.review-content>.eyebrow,.review-content>h1,.review-content>.subtitle{text-align:center;margin-inline:auto}
.review-content>.subtitle{max-width:560px}
.review-preview .social-card{margin-inline:auto}
.review-preview .preview-note{text-align:center}
.review-response>h2,.review-response>.review-copy,.review-response>.field-hint{text-align:center}
.review-confirmation{max-width:600px;margin-inline:auto;text-align:center}
.review-confirmation-mark{margin-inline:auto}
.review-confirmation .review-feedback{text-align:left}

/* Clear Sky, refined: quiet canvas, crisp content, deliberate scale. */
:root{background:#ffffff;color:#1d1d1f;--line:#e5e5ea;--muted:#636366;--ink:#1d1d1f}
body{background:#ffffff;color:#1d1d1f}
.workspace{max-width:1000px;padding-inline:40px}
.topbar{height:94px;border-bottom:1px solid #e5e5ea}
.wordmark{font-size:22px;letter-spacing:-.85px;gap:9px}.wordmark img{width:28px;height:28px}
.primary{background:#16864b;border-color:#16864b;box-shadow:0 2px 5px #294e9c15;font-weight:550;border-radius:11px}
.primary:hover{background:#10713d;border-color:#10713d}.primary:focus-visible{outline-color:#648cda}
.intro{padding-top:37px;margin-bottom:28px;align-items:center}.intro h1{font-size:42px;line-height:1.12;letter-spacing:-1.8px;max-width:550px}
.intro .eyebrow{font-size:10px;font-weight:600;color:#636366;margin-bottom:12px;letter-spacing:1.3px}
.intro .subtitle{font-size:14px;color:#636366;line-height:1.65;margin-top:14px}
.today{background:#ededf0;border:0;padding:12px 15px;border-radius:13px}.today-title{color:#355586;font-weight:600}.today-number{font-size:25px;color:#16864b}.today #today-count{color:#636366}
.dropzone{background:#fff;border:1px dashed #d8d5cc;box-shadow:none;padding:23px;border-radius:15px;margin-bottom:32px}
.dropzone:hover{background:#fafdff;border-color:#7e9bcb}.dropzone strong{font-size:14px;color:#1d1d1f;font-weight:550}.drop-subtitle{font-size:12px;color:#636366}.drop-icon{background:#ededf0;color:#4b70b7;border-radius:11px;width:42px;height:42px;padding:10px}.drop-icon svg{width:22px;height:22px}.drop-arrow{color:#636366}
.workspace main>section{margin-bottom:29px}.section-head{margin-bottom:11px}.section-head h2{font-size:13px;text-transform:none;letter-spacing:-.1px;font-weight:600;color:#1d1d1f}.section-head .count{background:#ededf0;color:#636366;font-size:11px;border-radius:6px;margin-left:4px}
.post-list{display:grid;gap:9px}.post-row,.post-row+.post-row,.post-row:last-child{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:17px;gap:15px}
.thumbnail{width:64px;height:64px;border-radius:10px;border-color:#e2e8f1}.row-title{font-size:15px;font-weight:550;color:#1d1d1f;letter-spacing:-.3px}.row-meta,.row-platform{font-size:11px;color:#636366}.row-status{font-size:11px;color:#636366}
.row-actions .secondary{background:#f5f5f7;border:1px solid #e5e5ea;color:#147a44;border-radius:9px}.row-actions .text-button{color:#636366}
.empty-state{border:1px solid #e5e5ea;background:#ffffff80;border-radius:14px;padding:22px;min-height:88px}.empty-state strong{color:#636366;font-size:13px}.empty-state p{color:#6e6e73;font-size:12px;line-height:1.6;margin-top:6px}
.archive-section .section-head{border:0}.archive-note{font-size:12px;color:#6e6e73}.archive-section{padding-bottom:0}footer{border-top:1px solid #e5e5ea;padding-top:20px;margin-top:4px}.local-note,.backup-actions .text-button{font-size:11px;color:#636366}.storage-help{font-size:11px;line-height:1.6;color:#6e6e73}
dialog{border:1px solid #d8d8dc;border-radius:22px;background:#fff;box-shadow:0 24px 80px #1c325b24}.dialog-header{background:#fff;padding:24px 28px;border-color:#e8e5dd}.dialog-header h2{font-size:25px;letter-spacing:-.8px;color:#1d1d1f}.dialog-header .eyebrow{color:#636366}
.details-pane{background:#fff}.details-pane input,.details-pane textarea{background:#f5f5f7;border:1px solid #d8d8dc;color:#1d1d1f;border-radius:10px}.details-pane label,.details-pane legend{color:#636366}.preview-pane{background:#f5f5f7}.preview-tabs{background:#e8e8ed}.preview-tabs button[aria-selected=true]{color:#147a44;box-shadow:0 1px 3px #1d1d1f0a}
.social-card{border:1px solid #e5e5ea;box-shadow:0 4px 16px #273f6506}.social-head{background:#fff}.review-avatar{background:#ededf0;color:#597caf}.social-caption{color:#1d1d1f}
.review-page{max-width:960px;padding-inline:36px}.review-header{height:86px;border-bottom:1px solid #e5e5ea}.review-header .wordmark{font-size:22px;color:#1d1d1f}.review-topnote{font-size:9px;letter-spacing:1.5px;color:#636366}
.review-content{padding-top:31px}.review-content>h1{font-size:34px;line-height:1.17;font-weight:600;max-width:660px;letter-spacing:-1.2px}.review-content>.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:12px}.review-content>.subtitle{font-size:13px;margin-top:11px;color:#636366}
.review-grid{gap:42px;margin-top:30px;grid-template-columns:1fr 1fr}.review-preview .social-card{max-width:340px}.review-preview .preview-note{font-size:11px;line-height:1.6;max-width:340px;margin:12px auto 0;color:#6e6e73}
.review-response{padding:25px;background:#fff;border:1px solid #e5e5ea;border-radius:17px}.review-response h2{font-size:22px;letter-spacing:-.5px;color:#1d1d1f}.review-response .review-copy{font-size:13px;line-height:1.65;margin-bottom:17px}.review-extras{border-top-color:#e5e5ea}.review-extras summary{color:#636366}.review-response .review-extras input,.review-response .review-extras textarea{background:#f5f5f7;border-color:#d8d8dc}
.review-response .review-actions{gap:10px}.review-actions .secondary{background:transparent;border-color:transparent;color:#636366}.review-actions .secondary:hover{background:#f5f5f7}.review-response>.field-hint{font-size:11px;line-height:1.6}
.review-confirmation{background:#fff;border:1px solid #e5e5ea;box-shadow:0 4px 20px #3d3c3505;max-width:480px;padding:27px;margin:25px auto 0;border-radius:18px}.review-confirmation-mark{background:#ededf0;color:#3564ce;width:46px;height:46px;margin-bottom:14px}.review-confirmation .eyebrow{font-size:9px;letter-spacing:1.3px}.review-confirmation h2{font-size:28px;font-weight:600;letter-spacing:-.8px}.review-confirmation>p:last-of-type{color:#636366;font-size:14px;max-width:330px;margin-inline:auto}.review-complete .review-grid{margin-top:24px}.review-complete .review-preview .social-card{max-width:280px}
@media(max-width:650px){
 .workspace{padding-inline:20px}.topbar{height:76px}.wordmark{font-size:21px}.topbar #add{min-height:42px;padding:10px 14px;font-size:12px}
 .intro{padding-top:27px;gap:16px;margin-bottom:23px}.intro h1{font-size:34px;line-height:1.12;letter-spacing:-1.3px;max-width:290px}.intro .subtitle{font-size:13px;line-height:1.65;margin-top:13px}.today{margin-top:16px;padding:7px 10px;border-radius:9px}.today-number{font-size:16px}.today-title{font-size:11px}
 .dropzone{padding:17px 15px;gap:11px;margin-bottom:27px}.dropzone strong{font-size:13px}.drop-subtitle{font-size:11px;line-height:1.55}.drop-icon{width:35px;height:35px;padding:8px}.drop-icon svg{width:19px;height:19px}.drop-arrow{display:none}
 .workspace main>section{margin-bottom:25px}.section-head h2{font-size:13px}.post-row,.post-row+.post-row,.post-row:last-child{padding:13px;gap:12px}.thumbnail{width:56px;height:56px}.row-title{font-size:14px}.row-actions{margin-left:68px;gap:15px}.row-actions .secondary{font-size:11px;padding:8px 11px;min-height:38px}.empty-state{padding:18px;min-height:84px}.empty-state p{font-size:11px}
 footer{padding-top:17px}.backup-actions{gap:11px}.storage-help{font-size:11px}
 #editor .dialog-header{padding:17px 20px 14px}#editor .dialog-header h2{font-size:22px}.editor-mobile-tabs{background:#fff}.editor-grid .preview-pane{padding:20px 18px}.editor-dock{background:#fff!important}
 .review-page{padding:0 20px 28px}.review-header{height:72px}.review-content{padding-top:25px}.review-content>h1{font-size:25px;line-height:1.2;letter-spacing:-.8px;max-width:330px}.review-content>.eyebrow{font-size:9px;margin-bottom:10px}.review-content>.subtitle{margin-top:10px;font-size:12px}.review-grid{margin-top:24px;gap:22px}.review-preview .social-card{max-width:280px}.review-preview .preview-note{max-width:280px;font-size:11px;margin-top:11px}
 .review-response{padding:0;background:transparent;border:0;border-radius:0}.review-response h2{font-size:20px}.review-response .review-copy{font-size:12px;margin:8px 0 12px}.review-response .review-extras{margin-top:15px}.review-awaiting .review-actions{background:#fff;border-top:1px solid #e5e5ea;padding-top:11px;gap:12px}.review-actions .secondary{font-size:12px}.review-response>.field-hint{font-size:11px}
 .review-confirmation{max-width:360px;margin-top:22px;padding:23px 20px;border-radius:16px}.review-confirmation h2{font-size:26px}.review-confirmation>p:last-of-type{font-size:13px;line-height:1.6;max-width:260px}.review-confirmation-mark{width:43px;height:43px}.review-complete .review-grid{margin-top:23px}.review-complete .review-preview .social-card{max-width:250px}
}

@media(min-width:370px) and (max-width:650px){#editor .platform-choices{gap:4px}#editor .platform-choice{padding:7px;font-size:10px;min-height:36px}}

/* A warmer personal workspace: open space, quiet rules, one blue accent. */
:root{--paper:#ffffff;--ink:#1d1d1f;--muted:#636366;--line:#e5e5ea}
.topbar{border-bottom:0;height:88px}.wordmark{font-weight:600}.wordmark img{filter:saturate(.65)}
.intro{padding-top:29px;margin-bottom:27px}.intro .eyebrow{display:none}.intro h1{font-size:39px;letter-spacing:-1.5px;font-weight:550;max-width:560px}.intro .subtitle{margin-top:12px;max-width:420px;font-size:14px;line-height:1.7}
.today{background:none;border:0;padding:0;gap:10px}.today-number{font-size:27px;color:#16864b;font-weight:400}.today-title{color:#424245}.today #today-count{color:#6e6e73}
.primary,.review-actions .primary{background:#16864b;border-color:#16864b;box-shadow:none;border-radius:10px}.primary:hover,.review-actions .primary:hover{background:#10713d;border-color:#10713d}
.dropzone{background:#ffffff;border:1px solid #e5e5ea;box-shadow:0 2px 8px #413a2703;border-radius:13px;padding:21px 22px}.dropzone:hover{background:#f6f4ee;border-color:#c8c5ba}.drop-icon{background:transparent;color:#717766;padding:0;width:29px;height:32px;border-radius:0}.drop-icon svg{width:25px;height:25px}.dropzone strong{font-size:14px;font-weight:500}.drop-subtitle{color:#6e6e73}
.post-list{gap:0}.post-row,.post-row+.post-row,.post-row:last-child{background:transparent;border:0;border-top:1px solid #e5e5ea;border-radius:0;padding:19px 0}.post-row:last-child{border-bottom:1px solid #e5e5ea}.row-title{font-weight:550}.row-actions .secondary{background:transparent;border:1px solid #dbd8ce;color:#4e5d46;border-radius:8px}.row-actions .secondary:hover{background:#ededf0;border-color:#c8c5ba}.row-actions .text-button{color:#636366}.thumbnail{border-color:#e1ded4;border-radius:9px}
.empty-state{background:transparent;border:0;border-top:1px solid #e5e5ea;border-bottom:1px solid #e5e5ea;border-radius:0;padding:20px 0;min-height:82px}.empty-state strong{font-weight:400;color:#636366}.empty-state p{color:#6e6e73}.section-head h2{font-size:12px;font-weight:600;color:#424245}.section-head .count{background:none;color:#777b70;font-size:11px;min-width:0;padding:0;margin-left:2px}.archive-section .section-head{border-bottom:1px solid #e5e5ea;padding-bottom:13px}.archive-note{font-size:11px}.workspace main>section{margin-bottom:27px}
.dialog-header{background:#ffffff}.details-pane{background:#ffffff}.preview-pane{background:#f5f5f7}.details-pane input,.details-pane textarea{background:#f5f5f7;border-color:#d8d8dc}.details-pane input:focus,.details-pane textarea:focus,.review-response input:focus,.review-response textarea:focus{background:#ffffff;border-color:#9dadd0;outline-color:#cfdaee}
.preview-tabs{background:#e8e8ed}.preview-tabs button[aria-selected=true]{background:#ffffff;color:#147a44}.editor-mobile-tabs{background:#ffffff}.editor-mobile-tabs button{background:#f5f5f7;color:#636366}.editor-mobile-tabs button[aria-selected=true]{background:#e7f4ec;border-color:#b9ddc8;color:#147a44}
.platform-choice{border-color:#d8d8dc;color:#636366}.platform-choice[aria-pressed=true]{background:#e7f4ec;border-color:#b9ddc8;color:#147a44}.status-badge.pending{background:#f5eddc;color:#776745}.status-badge.approved{background:#e7f4ec;color:#526347}.status-badge.posted{background:#ededf0;color:#666b5d}
.review-header{border-bottom:0;height:80px}.review-topnote{font-size:9px;letter-spacing:1.2px}.review-response{background:transparent;border:0;padding:20px 0;border-radius:0}.review-content>h1{font-weight:550}.review-response h2{font-weight:550}.review-response .review-extras input,.review-response .review-extras textarea{background:#ffffff;border-color:#d8d8dc}.review-actions .secondary{background:transparent;border:0;color:#636366}.review-actions .secondary:hover{background:#ededf0}.review-avatar{background:#f0eee7;color:#707966}.review-preview .social-card,#editor .preview-pane .social-card{border-color:#e2dfd5;box-shadow:0 3px 12px #413a2704}.review-preview .social-name,#editor .preview-pane .social-name{color:#636366}.review-preview .social-tools,#editor .preview-pane .social-tools{color:#70766a}
.review-confirmation{background:transparent;border:0;box-shadow:none;padding:18px 24px 20px;max-width:430px}.review-confirmation-mark{background:#e7f4ec;color:#16864b}.review-confirmation .eyebrow{display:none}.review-confirmation h2{font-weight:550}.review-confirmation>p:last-of-type{color:#636366}.review-complete .review-grid{margin-top:12px}
@media(max-width:650px){
 .topbar{height:72px}.intro{padding-top:20px;margin-bottom:23px}.intro h1{font-size:33px;letter-spacing:-1.2px;max-width:280px}.intro .subtitle{font-size:13px;max-width:285px}.today{padding:0;margin-top:17px;gap:8px}.today-number{font-size:16px}.today-title{font-size:11px}.dropzone{padding:18px 16px;gap:13px}.dropzone strong{font-size:13px}.drop-icon{width:24px;height:30px}.drop-icon svg{width:23px;height:23px}
 .post-row,.post-row+.post-row,.post-row:last-child{padding:17px 0}.empty-state{padding:18px 0}.row-actions .secondary{min-height:38px}.section-head h2{font-size:12px}.editor-dock{background:#ffffff!important;border-color:#e5e5ea}.review-header{height:68px}.review-content{padding-top:20px}.review-content>h1{font-size:25px}.review-response{padding:0}.review-awaiting .review-actions{background:#ffffff;border-color:#e5e5ea}.review-confirmation{padding:16px 10px 18px;margin-top:20px}.review-confirmation h2{font-size:25px}.review-confirmation-mark{width:42px;height:42px}.review-complete .review-grid{margin-top:8px}
}

.intro h1,.wordmark,.review-header .wordmark,.dialog-header h2,.review-content>h1,.review-response h2,.review-confirmation h2{color:#1d1d1f}

/* Green Room: bold library typography and artwork-led organisation. */
:root{color:#1d1d1f;background:#fff;--ink:#1d1d1f;--paper:#fff;--muted:#6e6e73;--line:#e5e5ea;--green:#16864b}
body{background:#fff;color:#1d1d1f}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#39a96b}
.workspace{max-width:1450px;margin:0 auto;padding:0 46px 0 250px}
.topbar{position:fixed;inset:0 auto 0 0;width:208px;height:100dvh;padding:32px 20px 24px;background:#f5f5f7;border-right:1px solid #e5e5ea;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;z-index:4;gap:0}
.wordmark{font-size:22px;font-weight:700;letter-spacing:-1px;gap:8px}.wordmark img{width:29px;height:29px;filter:none}
.workspace-nav{display:grid;gap:3px;margin-top:36px}.workspace-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;color:#424245;border-radius:7px;min-height:42px}.workspace-nav a svg{width:18px;height:18px;color:#16864b}.workspace-nav a[aria-current]{background:#e6e6eb;color:#1d1d1f;font-weight:600}.workspace-nav a:hover{background:#e6e6eb}.topbar #add{margin-top:auto;justify-content:center;min-height:42px;font-size:13px}
.primary,.review-actions .primary{background:#16864b;border-color:#16864b;color:white;box-shadow:none;border-radius:7px;font-weight:600}.primary:hover,.review-actions .primary:hover{background:#10713d;border-color:#10713d}
.intro{padding-top:44px;margin:0 0 24px;align-items:center}.intro h1{font-size:40px;line-height:1.08;letter-spacing:-1.4px;font-weight:750;color:#1d1d1f;max-width:none}.intro .subtitle{font-size:14px;line-height:1.5;color:#6e6e73;max-width:none;margin-top:12px}.intro .eyebrow{display:none}
.today{background:#f5f5f7;border-radius:10px;padding:12px 16px;gap:11px;min-width:128px}.today-number{color:#16864b;font-size:29px;font-weight:650;letter-spacing:-1px}.today-title{color:#1d1d1f;font-weight:600}.today #today-count{font-size:11px;color:#6e6e73}
.dropzone{background:#127d46;border:0;box-shadow:none;color:#fff;border-radius:12px;padding:28px;gap:21px;margin-bottom:34px;text-align:left;min-height:122px;position:relative;overflow:hidden}.dropzone:hover{background:#0e713e;border:0}.dropzone strong{font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.7px;color:white;margin-bottom:8px}.drop-subtitle{color:#fff;font-size:13px;line-height:1.5;opacity:.88}.drop-icon{width:48px;height:48px;flex-shrink:0;color:#fff;background:#ffffff18;border-radius:10px;display:flex;align-items:center;justify-content:center}.drop-icon svg{width:28px;height:28px}.drop-arrow{color:white;opacity:.85;display:flex;margin-left:auto}kbd{background:#ffffff26;border:1px solid #ffffff20;color:white;padding:2px 5px;border-radius:4px}
.workspace main>section{margin-bottom:34px;scroll-margin-top:25px}.section-head{margin-bottom:15px;gap:12px}.section-head h2{font-size:21px;font-weight:700;letter-spacing:-.55px;text-transform:none;color:#1d1d1f;gap:8px}.section-head .count{font-size:12px;font-weight:500;color:#6e6e73;background:#f1f1f4;border-radius:5px;padding:3px 6px;min-width:20px;min-height:0;margin:0}.section-note{display:none}
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px;align-items:start;border:0}.post-row,.post-row+.post-row,.post-row:last-child{display:flex;flex-direction:column;align-items:stretch;background:transparent;border:0;border-radius:0;padding:0;gap:10px;min-width:0}.thumbnail{width:100%;height:auto;aspect-ratio:1;max-height:none;border:0;border-radius:9px;background:#f5f5f7;box-shadow:0 3px 10px #0000000c;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.row-info{min-width:0}.row-meta{font-size:11px;color:#6e6e73;gap:5px;flex-wrap:wrap;line-height:1.5}.row-platform{font-size:11px;color:#6e6e73}.row-title{display:block;font-size:15px;font-weight:600;letter-spacing:-.25px;color:#1d1d1f;text-align:left;line-height:1.35;margin-top:4px}.row-status{display:block;font-size:11px;color:#6e6e73;margin-top:4px}.row-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;padding:0;flex-wrap:wrap}.row-actions .secondary{border:0;background:#f2f2f5;color:#147a44;border-radius:6px;font-size:11px;padding:8px 10px;min-height:34px;font-weight:600}.row-actions .secondary:hover{background:#e7f4ec}.row-actions .text-button{color:#147a44;font-size:11px;min-height:34px}
.empty-state{grid-column:1/-1;background:#f5f5f7;border:0;border-radius:9px;padding:20px;min-height:76px}.empty-state strong{font-size:14px;font-weight:600;color:#424245}.empty-state p{font-size:12px;color:#6e6e73;margin-top:5px;line-height:1.5}.archive-section .section-head{border-bottom:1px solid #e5e5ea;padding-bottom:14px}.archive-note{font-size:12px;color:#6e6e73}.archive-section .text-button{color:#147a44;font-size:12px}footer{border-color:#e5e5ea;margin-top:10px;padding-top:20px;gap:18px}.local-note,.backup-actions .text-button,.storage-help{font-size:11px;color:#6e6e73}.backup-actions .text-button:hover{color:#147a44}
.dialog-header,.details-pane{background:#fff}.dialog-header h2{font-weight:700;color:#1d1d1f;letter-spacing:-.65px}.dialog-header .eyebrow{font-size:10px;font-weight:600;color:#16864b}.preview-pane{background:#f5f5f7}.details-pane input,.details-pane textarea,.review-response .review-extras input,.review-response .review-extras textarea{background:#f9f9fa;border:1px solid #d8d8dc;color:#1d1d1f;border-radius:8px}.details-pane input:focus,.details-pane textarea:focus,.review-response input:focus,.review-response textarea:focus{background:#fff;border-color:#16864b;outline-color:#b9ddc8}.details-pane label,.details-pane legend,.review-response label{color:#424245;font-weight:600}.preview-tabs,.editor-mobile-tabs button{background:#eaeaec;border-color:transparent;color:#636366}.preview-tabs button[aria-selected=true],.editor-mobile-tabs button[aria-selected=true]{background:#fff;color:#147a44;border-color:#d9e8df}.editor-mobile-tabs{background:#fff;border-color:#e5e5ea}.platform-choice{border-color:#d8d8dc;color:#636366}.platform-choice[aria-pressed=true]{background:#e7f4ec;border-color:#b9ddc8;color:#147a44}.editor-dock{background:#fff!important}.status-badge.approved{background:#e7f4ec;color:#147a44}.status-badge.pending{background:#f5eddc;color:#82652d}
.review-page{max-width:1000px;background:#fff;padding-inline:40px}.review-header{height:82px;border-bottom:1px solid #e5e5ea}.review-header .wordmark{color:#1d1d1f;font-size:23px;font-weight:700}.review-topnote{color:#16864b;font-size:10px;font-weight:600;letter-spacing:1px}.review-content{padding-top:32px}.review-content>h1{font-size:34px;font-weight:750;letter-spacing:-1px;color:#1d1d1f}.review-content>.eyebrow{color:#16864b;font-weight:600}.review-content>.subtitle{color:#6e6e73}.review-grid{gap:50px}.review-preview .social-card,#editor .preview-pane .social-card{border:1px solid #e5e5ea;box-shadow:0 4px 14px #00000007;border-radius:11px}.review-avatar{background:#e7f4ec;color:#16864b}.review-preview .social-name,#editor .preview-pane .social-name{color:#424245;font-weight:600}.review-preview .social-caption,#editor .preview-pane .social-caption{color:#1d1d1f}.review-preview .social-tools,#editor .preview-pane .social-tools{color:#636366}.review-response{background:#f5f5f7;border:0;border-radius:12px;padding:24px}.review-response h2{font-size:23px;font-weight:700;letter-spacing:-.6px;color:#1d1d1f}.review-response .review-copy{color:#636366}.review-extras{border-color:#d8d8dc}.review-extras summary{color:#147a44}.review-actions .secondary{background:transparent;border:0;color:#636366}.review-actions .secondary:hover{background:#eaeaec}.review-confirmation{background:transparent;border:0;box-shadow:none;max-width:460px;padding:21px 10px}.review-confirmation-mark{background:#e7f4ec;color:#16864b;width:48px;height:48px}.review-confirmation h2{font-size:30px;font-weight:750;color:#1d1d1f;letter-spacing:-.9px}.review-confirmation>p:last-of-type{color:#636366}.field-hint,.caption-meta,.image-details,.preview-note,.preview-disclaimer,#save-state,#share-explainer{color:#6e6e73}#share-info{background:#eaf5ee;border-color:#cae4d4}#share-info strong{color:#147a44}#share-info p{color:#4a6956}#share-info input{background:#fff}.review-feedback{border-color:#9bcaae;color:#424245}
@media(min-width:1400px){.topbar{left:calc((100vw - 1450px)/2);left:max(0px,calc((100vw - 1450px)/2))}}
@media(max-width:850px) and (min-width:651px){.workspace{padding-left:211px;padding-right:28px}.topbar{width:180px;padding-inline:16px}.intro h1{font-size:34px}.post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dropzone{padding:22px}.dropzone strong{font-size:20px}}
@media(max-width:650px){
 .workspace{margin:0;padding:0 22px;max-width:none}.topbar{position:static;width:auto;height:76px;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border:0}.workspace-nav{display:none}.topbar #add{margin:0;min-height:38px;padding:9px 13px;border-radius:7px;font-size:12px}.wordmark{font-size:22px;font-weight:700}.wordmark img{width:28px;height:28px}
 .intro{padding-top:21px;margin-bottom:22px;display:block}.intro h1{font-size:35px;font-weight:750;letter-spacing:-1.2px;max-width:none}.intro .subtitle{font-size:13px;margin-top:10px;max-width:290px;line-height:1.6}.today{display:flex;width:max-content;background:#f5f5f7;border-radius:7px;margin-top:16px;padding:7px 10px;gap:8px;min-width:0}.today-number{font-size:15px;font-weight:700;color:#16864b}.today-title{font-size:11px;font-weight:600}.today #today-count{display:none}
 .dropzone{padding:20px 18px;gap:13px;margin-bottom:29px;border-radius:10px;min-height:111px}.dropzone strong{font-size:18px;letter-spacing:-.45px;max-width:230px;line-height:1.2}.drop-subtitle{font-size:11px;margin-top:7px;line-height:1.55}.drop-icon{width:37px;height:37px;border-radius:8px}.drop-icon svg{width:23px;height:23px}.drop-arrow{display:none}
 .workspace main>section{margin-bottom:28px}.section-head{margin-bottom:14px}.section-head h2{font-size:21px;font-weight:700;letter-spacing:-.5px}.post-list{display:grid;grid-template-columns:1fr;gap:0}.post-row,.post-row+.post-row,.post-row:last-child{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 14px;padding:16px 0;border-top:1px solid #e5e5ea;align-items:center}.post-row:last-child{border-bottom:1px solid #e5e5ea}.thumbnail{width:76px;height:76px;aspect-ratio:1;border-radius:7px;grid-row:1/3;box-shadow:none}.row-info{grid-column:2}.row-title{font-size:15px;line-height:1.3}.row-meta{font-size:11px}.row-status{font-size:11px;margin-top:4px}.row-actions{grid-column:2;display:flex;margin:0;gap:13px;justify-content:flex-start}.row-actions .secondary{min-height:34px;font-size:11px;border-radius:6px;padding:7px 9px}.row-actions .text-button{min-height:34px;font-size:11px}.empty-state{padding:18px;border-radius:8px;min-height:78px}.empty-state strong{font-size:13px}.empty-state p{font-size:11px}.archive-note{font-size:11px}
 footer{margin-top:0;padding-top:18px}.backup-actions{gap:12px}.local-note,.backup-actions .text-button,.storage-help{font-size:11px}#editor .dialog-header h2{font-size:22px;font-weight:700}#editor .editor-dock{background:#fff!important}.review-page{padding:0 22px 28px}.review-header{height:72px}.review-content{padding-top:27px}.review-content>h1{font-size:27px;font-weight:750;letter-spacing:-.8px;max-width:340px}.review-content>.eyebrow{font-size:9px}.review-content>.subtitle{font-size:12px}.review-grid{gap:25px;margin-top:25px}.review-response{padding:0;background:transparent;border:0}.review-response h2{font-size:21px}.review-awaiting .review-actions{background:#fff;border-color:#e5e5ea}.review-confirmation{padding:17px 8px 19px;margin-top:22px}.review-confirmation h2{font-size:28px}.review-confirmation-mark{width:46px;height:46px}.review-complete .review-grid{margin-top:12px}
}

/* Finish: a shared rhythm for the library, composer and review. */
:root{--control-radius:10px;--focus-ring:0 0 0 4px #16864b20}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
button:active:not(:disabled){transform:translateY(1px)}
button:disabled{cursor:default;opacity:.5}
button:focus-visible,a:focus-visible{outline:2px solid #16864b;outline-offset:4px}
.topbar{padding-top:30px;background:#f7f7f9}
.workspace-nav a{transition:background .16s ease;color:#515154;min-height:44px}
.workspace-nav a[aria-current]{background:#e8eee9;color:#116b3c}
.topbar #add{border-radius:10px;box-shadow:0 2px 4px #102d1710}
.intro{padding-top:40px;margin-bottom:26px}
.intro h1{font-weight:700!important;letter-spacing:-1.5px}
.intro .subtitle{color:#636366}
.today{border:1px solid #ededf0;background:#fafafa;border-radius:12px}
.dropzone{min-height:108px;padding:24px;border-radius:14px;background:#147d46;margin-bottom:32px}
.dropzone strong{font-size:21px;letter-spacing:-.5px;margin-bottom:5px}
.drop-icon{background:#ffffff14;border:1px solid #ffffff1c;border-radius:12px}
.drop-arrow{transition:transform .18s ease}.dropzone:hover .drop-arrow{transform:translateX(3px)}
.section-head h2{font-size:20px;letter-spacing:-.4px}.status-dot{display:none}
.section-head .count{background:transparent;padding:0;color:#86868b;font-size:14px;font-weight:400}
.workspace main>section{margin-bottom:32px}
.post-list{grid-template-columns:repeat(auto-fill,minmax(170px,210px));gap:24px}
.thumbnail{border-radius:12px;box-shadow:0 2px 8px #00000009;transition:box-shadow .18s ease,transform .18s ease}
.thumbnail:hover{box-shadow:0 6px 18px #00000016;transform:translateY(-2px)}
.row-meta,.row-platform{font-size:12px}.row-title{font-size:15px;font-weight:600;margin-top:5px;overflow-wrap:anywhere}
.row-status{font-size:12px;color:#737378}
.row-actions{gap:10px}.row-actions .secondary,.row-actions .text-button{font-size:12px;min-height:38px;border-radius:8px}
.empty-state{background:#fafafa;border:1px solid #ededf0;border-radius:12px;padding:20px}
.empty-state strong{font-weight:500}.archive-section .section-head{padding-bottom:16px}
footer{padding-bottom:24px}.backup-actions .text-button{min-height:40px}
dialog{border:1px solid #0000000d;border-radius:20px;box-shadow:0 24px 100px #00000026}
dialog::backdrop{background:#171d244a;backdrop-filter:blur(5px)}
.dialog-header{border-bottom:1px solid #ededf0}.icon-button{border-radius:50%}
.primary,.secondary{border-radius:var(--control-radius)}
.preview-tabs{padding:4px;border-radius:10px;background:#e9e9ed}
.preview-tabs button{border-radius:7px;font-weight:500}
.preview-tabs button[aria-selected=true]{box-shadow:0 1px 4px #00000015}
.details-pane input,.details-pane textarea,.review-response input,.review-response textarea{border-color:#e0e0e4;border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}
.details-pane input:focus,.details-pane textarea:focus,.review-response input:focus,.review-response textarea:focus{outline:none;box-shadow:var(--focus-ring);border-color:#16864b}
.platform-choice{border-radius:8px;min-height:38px}
.review-response{background:#f7f7f9;border:1px solid #ededf0;border-radius:16px;padding:26px}
.review-response h2{font-size:22px;line-height:1.25}.review-copy{line-height:1.65}
.review-actions button{min-height:46px;border-radius:10px}
.review-extras{border-radius:10px;background:#fff}
.review-content>h1{font-weight:700!important;line-height:1.15}
.review-confirmation h2{font-weight:700!important}
@media(min-width:651px) and (max-width:850px){.post-list{grid-template-columns:repeat(auto-fill,minmax(160px,190px))}.intro{gap:18px}.intro h1{font-size:32px}.today{min-width:110px;padding:10px 12px}}
@media(max-width:650px){
 .topbar{background:#fff;height:78px}.topbar #add{min-height:42px;padding-inline:14px;border-radius:10px}
 .intro{padding-top:16px;margin-bottom:23px}.intro h1{font-size:34px;letter-spacing:-1.2px}.intro .subtitle{font-size:13px;margin-top:10px}
 .today{border:0;margin-top:16px;padding:8px 11px;background:#f5f5f7;border-radius:9px}
 .dropzone{min-height:104px;padding:19px 16px;border-radius:13px;margin-bottom:28px;gap:13px}.dropzone strong{font-size:18px;line-height:1.25;margin-bottom:0}.drop-subtitle{font-size:11px}.drop-icon{border-radius:10px}
 .section-head{margin-bottom:8px}.section-head h2{font-size:20px}.section-head .count{font-size:13px}
 .post-list{grid-template-columns:minmax(0,1fr);gap:0}
 .post-row,.post-row+.post-row,.post-row:last-child{grid-template-columns:80px minmax(0,1fr);gap:4px 14px;padding:16px 0}
 .thumbnail{width:80px;height:80px;border-radius:10px}.thumbnail:hover{transform:none}
 .row-meta,.row-platform{font-size:11px}.row-title{font-size:15px;line-height:1.4}.row-status{font-size:11px;margin-top:3px}
 .row-actions{gap:12px}.row-actions .secondary,.row-actions .text-button{min-height:40px;font-size:12px}.row-actions .secondary{padding:8px 11px}
 .empty-state{padding:17px}.workspace main>section{margin-bottom:26px}
 #editor[open]{border-radius:18px}#editor .editor-mobile-tabs{padding-top:8px}#editor .editor-mobile-tabs button{border-radius:8px;min-height:38px}
 #editor .editor-mobile-tabs button[aria-selected=true]{box-shadow:0 1px 4px #0000000c}
 #editor .editor-dock{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
 .review-response{background:transparent;border:0;padding:0}.review-content{padding-top:25px}.review-content>h1{font-size:27px}
 .review-awaiting .review-actions{padding-top:12px;box-shadow:0 -4px 20px #00000006}.review-actions button{min-height:48px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Calm, honest image states; no broken-image glyphs or dummy artwork. */
.thumbnail,.social-media{position:relative}
.image-loading{background:#f2f3f2}
.image-loading img{opacity:0}
.image-unavailable{background:linear-gradient(145deg,#f5f7f5,#edf1ee)!important}
.image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:10px;color:#5d6961}
.image-fallback[hidden]{display:none}
.image-fallback-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff9;border:1px solid #dce4de;color:#698674}
.image-fallback-mark svg{width:23px;height:23px}
.image-fallback-title{font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0}
.image-fallback-copy{max-width:220px;font-size:12px;line-height:1.6;color:#69736c}
.thumbnail .image-fallback{padding:12px;gap:10px}.thumbnail .image-fallback-mark{width:40px;height:40px;border-radius:12px}
.social-media.image-unavailable img,.thumbnail.image-unavailable img{display:none}
@media(max-width:650px){.thumbnail .image-fallback{padding:8px;gap:5px}.thumbnail .image-fallback-mark{width:29px;height:29px;border:0;background:transparent}.thumbnail .image-fallback-mark svg{width:24px;height:24px}.thumbnail .image-fallback-title{font-size:9px;line-height:1.2}.image-fallback{padding:16px}}

/* Workspace refinement: compact rows and a quieter way to add content. */
.workspace{max-width:1280px;padding-right:44px}
.workspace .intro{padding-top:36px;margin-bottom:22px}
.workspace .intro h1{font-size:36px;letter-spacing:-1.2px}
.workspace .intro .subtitle{color:#51565b;font-size:14px;margin-top:10px}
.workspace .dropzone{min-height:76px;padding:16px 20px;margin-bottom:30px;gap:14px;background:#f0f7f2;border:1px solid #d6e6da;border-radius:12px;color:#185c37}
.workspace .dropzone:hover{background:#e7f2ea;border-color:#a6cdb4}
.workspace .dropzone strong{font-size:16px;letter-spacing:-.2px;font-weight:650;color:#174f31;margin-bottom:3px;line-height:1.35}
.workspace .drop-subtitle{color:#4c6555;opacity:1;font-size:12px;line-height:1.5;margin:0}
.workspace .drop-icon{width:36px;height:36px;background:#e0eee4;border:0;color:#267244;border-radius:9px}
.workspace .drop-icon svg{width:22px;height:22px}
.workspace .drop-arrow{color:#267244;opacity:1}
.workspace kbd{background:#fff;border-color:#c4d5c9;color:#3f5c49;font-size:11px}
.workspace main>section{margin-bottom:28px}
.workspace .section-head{margin-bottom:8px}
.workspace .section-head h2{font-size:19px;font-weight:650;letter-spacing:-.3px}
.workspace .section-head .count{font-size:13px;color:#62666b}
.workspace .post-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.workspace .post-row,.workspace .post-row+.post-row,.workspace .post-row:last-child{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;border:0;border-top:1px solid #e5e7e6;min-width:0}
.workspace .post-row:last-child{border-bottom:1px solid #e5e7e6}
.workspace .thumbnail{grid-column:1;grid-row:1;width:80px;height:90px;aspect-ratio:auto;border:1px solid #e5e9e6;border-radius:9px;background:#f4f6f4;box-shadow:none;overflow:hidden}
.workspace .thumbnail img{width:100%;height:100%;object-fit:contain}
.workspace .thumbnail:hover{transform:none;box-shadow:0 0 0 3px #16864b12;border-color:#b4cdbd}
.workspace .row-info{grid-column:2;min-width:0}
.workspace .row-meta,.workspace .row-platform,.workspace .row-date{font-size:12px;color:#51585e;line-height:1.5}
.workspace .row-meta{gap:5px}
.workspace .row-date.overdue{color:#8b4c25;font-weight:500}
.workspace .row-date.today-date{color:#176d3b;font-weight:600}
.workspace .row-title{font-size:16px;line-height:1.4;color:#202622;margin:4px 0;letter-spacing:-.2px;font-weight:600;white-space:normal;overflow:visible;text-overflow:clip}
.workspace .row-status{font-size:12px;color:#59625d;margin-top:0;line-height:1.5}
.workspace .row-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:12px;margin:0;width:auto}
.workspace .row-actions .text-button{font-size:13px;color:#25663e;min-height:44px;padding:8px 4px}
.workspace .row-actions .secondary{font-size:12px;color:#17613a;background:#edf5ef;min-height:42px;padding:10px 13px;border:1px solid #d8e8dd;border-radius:9px;font-weight:600;white-space:nowrap}
.workspace .row-actions .secondary:hover{background:#deeee3;border-color:#bbd7c5}
.workspace .empty-state{min-height:72px;padding:17px 18px;background:#fafbfa;border-color:#e4e8e5}
.workspace .empty-state strong{color:#444e47;font-size:14px}.workspace .empty-state p{color:#626a65;font-size:12px}
.workspace .today{background:#f7f9f7;border-color:#e2e9e3}.workspace .today-title{color:#303c34}.workspace .today #today-count{color:#555f58;font-size:12px}
.workspace .archive-note,.workspace .local-note,.workspace .storage-help,.workspace .backup-actions .text-button{color:#59635d;font-size:12px;line-height:1.6}
.workspace footer{padding-top:18px;margin-top:0;gap:8px}.workspace .backup-actions{gap:12px}
.field-hint,.caption-meta,.image-details,.preview-note,.preview-disclaimer,#save-state,#share-explainer{color:#59635e}
@media(min-width:1400px){.workspace .topbar{left:max(0px,calc((100vw - 1280px)/2))}}
@media(min-width:651px) and (max-width:1000px){
 .workspace .post-row,.workspace .post-row+.post-row,.workspace .post-row:last-child{grid-template-columns:76px minmax(0,1fr);gap:5px 16px;padding:16px 0}
 .workspace .thumbnail{width:76px;height:92px;grid-row:1/3}
 .workspace .row-actions{grid-column:2;grid-row:2;justify-content:flex-start;gap:14px}
 .workspace .row-title{font-size:15px}.workspace .intro h1{font-size:32px}
}
@media(max-width:650px){
 .workspace{padding:0 22px;max-width:none}.workspace .topbar{height:70px}
 .workspace .intro{padding-top:15px;margin-bottom:19px}.workspace .intro h1{font-size:31px;letter-spacing:-1px}.workspace .intro .subtitle{font-size:13px;margin-top:9px;line-height:1.5}
 .workspace .today{margin-top:13px;padding:7px 10px;border:0}.workspace .today-title{font-size:12px}
 .workspace .dropzone{min-height:78px;padding:14px;gap:12px;margin-bottom:25px;border-radius:11px}
 .workspace .dropzone strong{font-size:15px;max-width:none;margin-bottom:3px}.workspace .drop-subtitle{font-size:11px;line-height:1.45}.workspace .drop-icon{width:32px;height:32px;flex-shrink:0}
 .workspace main>section{margin-bottom:25px}.workspace .section-head{margin-bottom:7px}.workspace .section-head h2{font-size:19px}
 .workspace .post-row,.workspace .post-row+.post-row,.workspace .post-row:last-child{grid-template-columns:70px minmax(0,1fr);gap:4px 13px;padding:15px 0}
 .workspace .thumbnail{width:70px;height:88px;grid-row:1/3;align-self:center;border-radius:8px}
 .workspace .row-info{grid-column:2;grid-row:1}.workspace .row-meta,.workspace .row-platform,.workspace .row-date{font-size:11px}.workspace .row-title{font-size:15px;margin:3px 0;line-height:1.35}.workspace .row-status{font-size:11px}
 .workspace .row-actions{grid-column:2;grid-row:2;justify-content:flex-start;gap:12px;flex-wrap:wrap}.workspace .row-actions .text-button{font-size:12px;min-height:42px;padding:8px 0}.workspace .row-actions .secondary{font-size:11px;min-height:40px;padding:8px 10px;border-radius:8px}
 .workspace .archive-note,.workspace .local-note,.workspace .backup-actions .text-button,.workspace .storage-help{font-size:11px}.workspace .backup-actions{gap:10px;flex-wrap:wrap}
 .workspace .storage-help{margin-top:12px}.workspace .empty-state p{font-size:12px}
}