*{box-sizing:border-box}body{color:#1a1a1a;background:#f5f5f5;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.login-page,.app-loading{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-form{background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;width:100%;max-width:360px;padding:2rem;display:flex;box-shadow:0 1px 4px #0000001a}.login-subtitle{color:#555;margin-top:0}.login-form label{margin-top:.5rem;font-weight:600}.login-form input{border:1px solid #ccc;border-radius:4px;padding:.6rem;font-size:1rem}.login-form button{color:#fff;cursor:pointer;background:#2b6cb0;border:none;border-radius:4px;margin-top:1rem;padding:.7rem;font-size:1rem}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#c53030;margin:0}.app-shell{min-height:100vh}.app-shell-header{background:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 4px #0000001a}.app-shell-content{max-width:640px;margin:0 auto;padding:1.5rem}.upload-screen{background:#fff;border-radius:8px;flex-direction:column;gap:.6rem;margin:1rem 0;padding:1.25rem;display:flex;box-shadow:0 1px 4px #0000001a}.upload-hint{color:#555;font-size:.9rem}.upload-file-info{color:#333;word-break:break-all;font-size:.9rem}.upload-status{color:#2b6cb0}.upload-success{color:#2f855a;font-weight:600}.upload-error{color:#c53030}.upload-actions{flex-wrap:wrap;gap:.75rem;display:flex}.upload-actions button{color:#fff;cursor:pointer;background:#2b6cb0;border:none;border-radius:4px;padding:.6rem 1rem;font-size:1rem}.upload-actions button:disabled{opacity:.6;cursor:not-allowed}.media-library,.draft-editor{background:#fff;border-radius:8px;flex-direction:column;gap:.6rem;margin:1rem 0;padding:1.25rem;display:flex;box-shadow:0 1px 4px #0000001a}.media-grid,.draft-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.media-item{border:1px solid #e2e2e2;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}.draft-list-item{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #e2e2e2;border-radius:6px;width:100%;padding:.6rem .8rem}.draft-editor label{font-weight:600}.draft-editor textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:.6rem;font-family:inherit;font-size:1rem}.platform-list{border:none;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.platform-row{border:1px solid #e2e2e2;border-radius:6px;flex-direction:column;gap:.35rem;padding:.6rem .8rem;display:flex}.platform-row-header{align-items:center;gap:.5rem;font-weight:600;display:flex}.platform-disconnected{color:#999;font-weight:400}.publication-history{background:#fff;border-radius:8px;flex-direction:column;gap:.6rem;margin:1rem 0;padding:1.25rem;display:flex;box-shadow:0 1px 4px #0000001a}.publication-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.publication-history-item{border:1px solid #e2e2e2;border-radius:6px;flex-direction:column;gap:.35rem;padding:.6rem .8rem;display:flex}.publication-row{border:1px solid #e2e2e2;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.publication-platform{font-weight:600}.publication-status-label{color:#333;background:#eee;border-radius:999px;padding:.15rem .5rem;font-size:.85rem}.publication-status-published .publication-status-label{color:#2f855a;background:#e6f4ea}.publication-status-failed .publication-status-label{color:#c53030;background:#fde8e8}.publication-status-unknown .publication-status-label{color:#92660a;background:#fff6e0}.publication-status-sending .publication-status-label,.publication-status-processing .publication-status-label,.publication-status-queued .publication-status-label{color:#2b6cb0;background:#e8f0fe}.publication-link{color:#2b6cb0}@media (width<=480px){.login-form{padding:1.25rem}.upload-actions{flex-direction:column}.media-item,.publication-row{flex-direction:column;align-items:flex-start}}.youtube-connect-panel{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 16px}.youtube-connect-error{color:#c53030}
