.account-actions{display:flex;align-items:center;gap:8px}.secondary-button,.text-button{font:inherit;font-size:14px;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border-radius:8px;text-decoration:none}
.secondary-button{background:#fff;border:1px solid #aebfd3;color:#326b9b}.secondary-button:hover{background:#eaf2fa;border-color:#6390b7}.text-button{border:0;background:transparent;color:#326b9b}.danger{color:#98513f}.secondary-button:disabled,.text-button:disabled{opacity:.5;cursor:not-allowed}
.type-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.type-tab{font-size:15px;gap:6px}
.media-picker{position:relative;display:flex;align-items:center;justify-content:center;min-height:76px;border:2px dashed #9bb1c9;border-radius:10px;background:#f5f9fd;color:#326b9b;cursor:pointer;font-weight:400;margin-bottom:10px;padding:14px;text-align:center}.media-picker:focus-within{outline:2px solid #3176be;outline-offset:3px}.media-picker input{position:absolute;width:1px;height:1px;opacity:0}.media-note{font-size:14px;color:#566b80;margin:8px 0}.media-note a{color:#326b9b}
.media-uploading{margin:14px 0}.media-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}.media-uploading progress{width:100%;height:10px;accent-color:#3674a9}.media-result{margin-top:14px;padding:14px;border:1px solid #c2d2e4;border-radius:10px;background:#f6f9fd}.media-file-name{font-size:14px;overflow-wrap:anywhere;margin:0 0 10px}.media-link-actions{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.media-result input{font-size:14px!important;min-height:44px!important}
.app-dialog{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid #b7c9df;border-radius:14px;background:#fff;color:#263b50;box-shadow:0 16px 70px #193b6338;overflow:auto}.app-dialog::backdrop{background:#1c36536b}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.dialog-heading h2{font-size:21px;overflow-wrap:anywhere}.dialog-close{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:#f1f5fa;border:1px solid #c7d4e4;border-radius:8px;font-size:24px;color:#486583;cursor:pointer}.auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.auth-modes button.active{background:#dcebf8;border-color:#4a83b3}.app-dialog label{font-size:15px;margin-top:14px}.app-dialog .download-button{font-size:16px;min-height:48px;margin-top:20px}.app-dialog .muted,.app-dialog small{font-size:14px;color:#61768b}.app-dialog input{font-size:16px}.account-error{font-size:14px}
.files-dialog{width:min(760px,calc(100% - 24px))}.files-list{display:grid;gap:14px}.file-card{display:flex;align-items:flex-start;gap:14px;padding:12px;border:1px solid #d1ddeb;border-radius:10px}.file-thumbnail{width:76px;height:76px;display:grid;place-items:center;flex-shrink:0;background:#e8f0fa;border-radius:8px;overflow:hidden;color:#4e80a9;font-size:28px}.file-thumbnail img{width:100%;height:100%;object-fit:cover}.file-info{flex:1;min-width:0}.file-name{font-size:15px;margin:0 0 3px;overflow-wrap:anywhere}.file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.file-actions .secondary-button,.file-actions .text-button{min-height:36px;padding:6px 10px;font-size:14px}.files-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px;font-size:14px}
@media(max-width:600px){.account-actions{gap:5px}.account-actions .secondary-button,.account-actions .text-button{min-height:32px;padding:4px 8px;font-size:13px}.type-tab{flex-direction:column;min-height:64px;font-size:14px;padding:6px 2px;gap:4px}.type-tab>span{height:22px;line-height:22px}.app-dialog{padding:18px}.file-card{gap:10px;padding:10px}.file-thumbnail{width:54px;height:54px}.file-actions{gap:5px}.file-actions .secondary-button,.file-actions .text-button{padding:5px 7px}.media-picker{min-height:72px}}
@media(max-width:360px){.type-tab{font-size:13px}.account-actions .secondary-button,.account-actions .text-button{font-size:12px;padding:4px 6px}.app-dialog{padding:16px}}