:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#161719;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f7f7f5}.login-panel,.form-panel{width:min(100%,390px);background:#fff;border:1px solid #e7e4df;border-radius:8px;padding:18px;box-shadow:0 10px 30px #1f1c180d}.login-panel{display:grid;gap:16px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#6656d9;color:#fff;font-size:18px;font-weight:650}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:24px;line-height:1.15;font-weight:650;letter-spacing:0}h2{margin-bottom:14px;font-size:17px;font-weight:650;letter-spacing:0}.eyebrow{margin-bottom:3px;color:#77746e;font-size:13px}.app-shell{min-height:100vh;max-width:940px;margin:0 auto;padding:18px 14px 86px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.view{display:grid;gap:14px}.picker{min-height:58px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d8d3ca;border-radius:8px;background:#fff;color:#4f42b8;font-weight:620;transition:border-color .16s ease,background-color .16s ease}.picker:active{background:#f2f0ff;border-color:#afa6ef}.picker input{display:none}.source-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.google-picker{color:#23734a}.google-picker:active{background:#f0fbf5;border-color:#bfe5d0}.google-import-panel{display:grid;gap:6px;padding:10px 12px;border:1px solid #dbeadf;border-radius:8px;background:#f7fcf8;color:#2d5b3f;font-size:13px}.google-import-panel div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.google-import-panel strong{font-weight:560}.google-account-panel{display:grid;gap:8px;padding:10px;border:1px solid #e7e4df;border-radius:8px;background:#fff}.google-account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#474540;font-size:14px}.google-account-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #ebe8e2;border-radius:8px;background:#fdfdfc;color:#474540;text-align:left}.google-account-row span{min-width:0;overflow:hidden;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.google-account-row small{flex:0 0 auto}.google-account-row:hover{border-color:#ccebd8;background:#f7fcf8}.google-account-row.active{border-color:#7ac79c;background:#f3fbf6;color:#1f6f45}.google-account-row.muted-row{color:#23734a}.disconnect-list{display:flex;flex-wrap:wrap;gap:6px;padding-top:2px}.disconnect-list button{min-height:28px;padding:0 8px;border-radius:6px;background:#fff7f5;color:#b6372c;border:1px solid #f1d6d1;font-size:12px;font-weight:560}.summary-strip,.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #ebe8e2;border-radius:8px;background:#ebe8e2}.counts{grid-template-columns:repeat(2,1fr)}.summary-strip span,.counts span{min-height:36px;display:grid;place-items:center;background:#fff;color:#474540;font-size:14px;font-weight:560;text-align:center}.field,.login-panel label{display:grid;gap:7px;color:#474540;font-size:14px;font-weight:560}.toggle-row{min-height:46px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e7e4df;border-radius:8px;background:#fff;color:#474540;font-size:14px;font-weight:560}.toggle-row input{width:18px;height:18px;padding:0;margin:0;accent-color:#6656d9;box-shadow:none}input,textarea{width:100%;border:1px solid #dedad2;border-radius:8px;padding:11px 12px;background:#fff;color:#161719;outline:none}input::placeholder,textarea::placeholder{color:#aaa59c}input:focus,textarea:focus{border-color:#6656d9;box-shadow:0 0 0 3px #6656d91a}textarea{resize:vertical}.publish-view .field textarea{min-height:132px;line-height:1.45}.item-caption{min-height:104px;line-height:1.45}.emoji-textarea{position:relative;width:100%}.emoji-textarea textarea{padding-right:48px}.emoji-trigger{position:absolute;top:7px;right:7px;width:34px;min-height:34px;display:grid;place-items:center;border:1px solid #e0dbd3;border-radius:7px;background:#fff;color:#474540;font-size:18px;line-height:1;box-shadow:0 4px 14px #1f1c180f}.emoji-trigger:hover,.emoji-trigger.active{border-color:#afa6ef;background:#f4f2ff}.emoji-popover{position:absolute;top:46px;right:0;z-index:40;width:min(320px,calc(100vw - 28px));display:grid;gap:8px;padding:10px;border:1px solid #e0dbd3;border-radius:8px;background:#fff;box-shadow:0 18px 50px #1f1c1829}.emoji-search{min-height:36px;padding:8px 10px;border-radius:7px;font-size:14px}.emoji-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:3px;border-radius:7px;background:#f1f0ec}.emoji-tabs button,.emoji-grid button{display:grid;place-items:center;border-radius:6px;background:transparent;line-height:1}.emoji-tabs button{min-height:32px;font-size:16px}.emoji-tabs button.active{background:#fff;box-shadow:0 1px 4px #1f1c1814}.emoji-grid{max-height:210px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;overflow:auto;padding-right:2px}.emoji-grid button{min-height:34px;font-size:20px}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:#f4f2ff;outline:none}.emoji-empty{margin:0;padding:8px 0 2px;color:#77746e;font-size:13px;text-align:center}small,.muted{color:#77746e}.schedule-panel{display:grid;gap:10px;padding:12px;border:1px solid #e7e4df;border-radius:8px;background:#fff}.schedule-panel>span{color:#474540;font-size:14px;font-weight:560}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:8px;background:#f1f0ec}.segmented button{min-height:36px;border-radius:6px;background:transparent;color:#57534d;font-size:14px;font-weight:560}.segmented button.active{background:#fff;color:#4f42b8;box-shadow:0 1px 4px #1f1c1814}.compact-field{gap:6px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.preview-card,.queue-item,.publication-card{background:#fff;border:1px solid #e7e4df;border-radius:8px}.preview-card{padding:12px;display:grid;gap:12px}.preview-card.failed{border-color:#dfaaa3}.thumb{position:relative;width:100%;aspect-ratio:4 / 3;min-height:170px;overflow:hidden;border-radius:6px;background:#efede8}.thumb img,.thumb video,.queue-thumb img{width:100%;height:100%;object-fit:cover;display:block}.preview-fallback{width:100%;height:100%;min-height:inherit;display:grid;place-items:center;align-content:center;gap:7px;color:#77746e;font-size:13px;text-align:center}.file-meta{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#77746e;font-size:12px}.file-meta strong{min-width:0;overflow:hidden;color:#474540;font-size:13px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.file-meta span{flex:0 0 auto}.video-badge{position:absolute;left:7px;bottom:7px;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#161719c7;color:#fff;font-size:12px;font-weight:560}.primary,.secondary,.ghost,.icon-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:620;transition:transform .12s ease,background-color .16s ease,border-color .16s ease}.primary:active,.secondary:active,.ghost:active,.icon-button:active{transform:translateY(1px)}.primary{background:#6656d9;color:#fff}.secondary{background:#f0fbf5;color:#23734a;border:1px solid #ccebd8}.ghost{background:#f7f7f5;color:#474540;border:1px solid #ebe8e2}.danger{color:#b6372c}.wide{width:100%}.icon-button{width:40px;min-height:40px;padding:0;background:#fff;color:#474540;border:1px solid #e7e4df}.success,.error{margin-bottom:0;font-weight:560;overflow-wrap:anywhere}.success{color:#23734a}.error{color:#b6372c}.queue-list{display:grid;gap:8px}.queue-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:8px}.publication-card{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:center;padding:8px}.publication-preview{width:74px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.publication-preview.single{grid-template-columns:1fr}.publication-preview .queue-thumb{width:35px}.publication-preview.single .queue-thumb{width:74px}.queue-thumb{width:56px;aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#efede8;color:#77746e}.queue-thumb-placeholder,.queue-thumb-image{position:absolute;inset:0}.queue-thumb-placeholder{display:grid;place-items:center;gap:3px;align-content:center;padding:3px;background:#efede8;color:#77746e;font-size:9px;text-align:center}.queue-thumb-placeholder.processing{background:#f0eeff;color:#4f42b8}.queue-thumb-spinner{animation:queue-spin .9s linear infinite}.queue-thumb-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.015);transition:opacity .18s ease,transform .18s ease}.queue-thumb-image.loaded{opacity:1;transform:scale(1)}@keyframes queue-spin{to{transform:rotate(360deg)}}.queue-body{min-width:0}.queue-body p{margin-bottom:3px;color:#474540;font-size:14px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.queue-action-error{margin-top:0;margin-bottom:8px}.queue-order-editor{display:grid;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #eeece7}.queue-order-editor>span{color:#77746e;font-size:12px;font-weight:560}.queue-order-list{display:flex;flex-wrap:wrap;gap:6px}.queue-order-item{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:3px 4px 3px 8px;border:1px solid #e7e4df;border-radius:7px;background:#f9f8f5}.queue-order-item strong{color:#57534d;font-size:11px;font-weight:560}.queue-order-actions{display:inline-flex;gap:2px}.mini-order-button{width:25px;height:24px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#4f42b8;border:1px solid #e7e4df}.mini-order-button:disabled{opacity:.35;cursor:default}.queue-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:4px}.queue-title strong{font-size:14px;font-weight:620}.status{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:560;background:#f1f0ec;color:#57534d}.status.published{background:#e9f8ef;color:#23734a}.status.failed{background:#fff0ee;color:#b6372c}.status.retry{background:#fff7e5;color:#8c5e12}.status.publishing,.status.processing{background:#f0eeff;color:#4f42b8}.item-actions{display:grid;gap:5px}.repeat-button{min-width:96px;padding:0 12px}.history-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mini-repeat{min-height:28px;padding:0 8px;border-radius:6px;background:#f7f7f5;color:#4f42b8;border:1px solid #e7e4df;font-size:12px;font-weight:560}.settings-view{justify-items:center}.form-panel{display:grid;gap:12px}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(calc(100% - 24px),520px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border-radius:8px;background:#ffffffeb;border:1px solid #e7e4df;box-shadow:0 12px 36px #1f1c181a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{min-height:48px;display:grid;place-items:center;gap:1px;border-radius:6px;background:transparent;color:#77746e;font-size:12px;font-weight:560}.bottom-nav button.active{background:#f0eeff;color:#4f42b8}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#1617195c}.caption-modal{width:min(100%,520px);display:grid;gap:10px;padding:16px;border:1px solid #e7e4df;border-radius:8px;background:#fff;box-shadow:0 22px 70px #1f1c1838}.caption-modal textarea{min-height:168px;line-height:1.45}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.empty{margin:0;text-align:center;color:#77746e;padding:30px 0}@media(min-width:680px){.app-shell{padding-top:28px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-view .field textarea{min-height:156px}}@media(max-width:560px){.emoji-popover{right:-7px;width:min(318px,calc(100vw - 24px))}.emoji-grid{grid-template-columns:repeat(7,1fr)}}@media(min-width:900px){.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.thumb{min-height:160px}}@media(max-width:430px){.source-actions{grid-template-columns:1fr}.publication-card{grid-template-columns:64px 1fr}.publication-preview{width:64px}.publication-preview .queue-thumb{width:30px}.publication-preview.single .queue-thumb{width:64px}.publication-card>.repeat-button,.publication-card>.item-actions{grid-column:1 / -1;width:100%}}.field-hint{margin:0;color:#77746e;font-size:12px;line-height:1.45}.history-item-detail{display:flex;flex-direction:column;gap:2px;padding:6px 8px;margin-top:4px;border-radius:6px;background:#ffffff08}.history-item-detail strong{font-size:12px;font-weight:600;word-break:break-word}.history-item-detail span{font-size:12px;opacity:.75;word-break:break-word}.preview-card{position:relative}.preview-card.dragging{opacity:.45}.preview-drag-handle{position:absolute;top:8px;right:8px;z-index:4;width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#00000080;color:#fff;font-size:18px;line-height:1;letter-spacing:-3px;cursor:grab;-webkit-user-select:none;user-select:none}.preview-drag-handle:active{cursor:grabbing}.preview-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:6px;background:#efede8eb;color:#77746e;font-size:12px}.preview-loading-spinner{animation:preview-spin .9s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-card .thumb{touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:grab}.preview-card .thumb img,.preview-card .thumb video{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.preview-card .thumb:active{cursor:grabbing}.preview-card.dragging{opacity:.55}.preview-card.drag-over{outline:2px dashed currentColor;outline-offset:3px}.history-items{display:grid;gap:14px}.history-item-detail{display:flex;align-items:flex-start;gap:12px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.history-item-media{width:88px;height:88px;flex:0 0 88px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#ffffff0a}.history-item-media img{width:100%;height:100%;object-fit:cover;display:block}.history-item-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.history-item-copy strong{overflow-wrap:anywhere}.history-item-copy p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.password-change-panel form{display:flex;flex-direction:column;gap:10px}.history-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.history-item-detail{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border, rgba(255,255,255,.12));border-radius:14px;background:var(--panel, rgba(255,255,255,.03))}.history-item-media{width:100%;margin:0;overflow:hidden;background:#111}.history-item-media img,.history-item-media video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.history-item-copy{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.history-item-copy strong{display:block;overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.history-item-copy p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}@media(max-width:700px){.history-items{grid-template-columns:1fr;gap:12px}.history-item-media img,.history-item-media video{aspect-ratio:4 / 3}}.history-card .queue-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.history-title-main{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.history-card .repeat-button{flex:0 0 auto;width:auto;min-width:96px;white-space:nowrap}@media(max-width:700px){.history-card .queue-title{align-items:flex-start}.history-card .repeat-button{width:auto}}.history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.history-card .queue-body{min-width:0}.history-items{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:8px!important}.history-item-detail{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:6px 8px!important;margin-top:0!important;border:0!important;border-radius:8px!important;background:#ffffff08!important}.history-item-media{width:64px!important;height:64px!important;min-width:64px!important;flex:0 0 64px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:8px!important}.history-item-media img,.history-item-media video{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.history-item-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.history-item-copy strong{font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere!important}.history-item-copy p{margin:0!important;font-size:12px!important;line-height:1.35!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}.history-card>.repeat-button{align-self:end;min-width:96px;white-space:nowrap}@media(max-width:640px){.history-card{grid-template-columns:1fr;gap:8px}.history-card>.repeat-button{width:auto;justify-self:end}.history-item-detail{grid-template-columns:58px minmax(0,1fr)!important}.history-item-media{width:58px!important;height:58px!important;min-width:58px!important}}
