.miro-account-modal{max-width:850px}.miro-account-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.miro-connection-badge{display:flex;align-items:center;gap:8px;border-radius:20px;background:#f3eff9;color:#8d72ad;padding:8px 11px;font-size:10px;letter-spacing:.6px}.miro-connection-badge i{width:6px;height:6px;background:#b8a5cc;border-radius:50%}.miro-connection-badge.connected{background:#f0f5eb;color:#7d926e}.miro-connection-badge.connected i{background:#9cb78b}
.miro-text-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#9680ac;min-height:35px;padding:0 5px}.miro-text-button svg{width:15px;height:15px}.miro-text-button:hover{color:#765691}.miro-text-button:disabled{cursor:default;opacity:.4}
.miro-connect-intro{padding:30px 25px 25px;border:1px solid #e6dfed;border-radius:13px;background:linear-gradient(145deg,#faf7fe,#fff);text-align:center}.miro-connect-intro>span{display:grid;place-items:center;height:48px;width:48px;background:#ede5f7;border-radius:14px;color:#9e82bb;margin:0 auto 16px}.miro-connect-intro>span svg{width:23px;height:23px}.miro-connect-intro h2{font-size:25px;color:#695675;letter-spacing:-.5px;margin:0 0 9px;font-weight:550}.miro-connect-intro>p{font-size:12px;color:#a090ab;line-height:1.8;max-width:370px;margin:0 auto 24px}
.miro-connect-form{display:flex;align-items:flex-end;gap:10px;text-align:left}.miro-connect-form label{font-size:10px;color:#a08dae;flex:1;min-width:0}.miro-connect-form input{display:block;width:100%;height:41px;font-size:12px;margin-top:6px}.miro-connect-form .button{height:41px;flex-shrink:0;font-size:12px;white-space:nowrap}.miro-account-hint{color:#a697ae;font-size:11px;line-height:1.7;margin:13px 0 0}.miro-account-hint a{color:#8d70ab;text-decoration:underline;text-underline-offset:3px}.miro-read-only{display:flex;align-items:center;justify-content:center;gap:6px;color:#9b91a3;font-size:10px;margin-top:21px}.miro-read-only svg{height:13px;width:13px}
.miro-account-error{background:#faf0f1;border:1px solid #edd9df;color:#a06170;border-radius:9px;padding:13px 15px;margin:0 0 18px;font-size:12px;line-height:1.7}.miro-account-error a{display:block;color:#8959a0;text-decoration:underline;margin-top:8px}
.miro-connections{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.miro-connections label{display:block;flex:1;max-width:360px;font-size:10px;color:#a392ae}.miro-connections select{display:block;width:100%;margin-top:6px;padding:11px 12px;font-size:12px;color:#786184;background:#fdfbff;border:1px solid #e3d9ed;border-radius:8px}.miro-add-connection{border-bottom:1px solid #e9e3ee;padding:15px 0 18px;margin-bottom:20px}.miro-add-connection summary{font-size:11px;color:#987eae;cursor:pointer;min-height:24px}.miro-add-connection[open] summary{margin-bottom:14px}
.miro-board-search{display:flex;align-items:center;gap:8px;margin:0 0 18px}.miro-board-search .text-input{flex:1;min-width:0;font-size:12px}.miro-board-search .button{padding:0 13px;font-size:11px}.miro-board-search .icon-button{width:36px;height:38px}.miro-board-search svg{width:16px;height:16px}
.miro-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.miro-remote-board{text-align:left;border:1px solid #e7dfed;border-radius:10px;background:#fff;overflow:hidden;padding:0;transition:border-color .15s,box-shadow .15s}.miro-remote-board:hover{border-color:#c6afd9;box-shadow:0 4px 15px #8862ad0d}.miro-remote-board>strong{display:block;font-size:12px;color:#796584;font-weight:550;padding:13px 13px 6px;overflow-wrap:anywhere}.miro-remote-board>small{display:flex;gap:8px;align-items:center;color:#ac99b8;font-size:10px;padding:0 13px 14px}.miro-remote-board>small svg{width:12px;height:12px}
.miro-remote-art{display:flex;align-items:center;justify-content:center;gap:9px;position:relative;height:105px;background:#f8f6fb;border-bottom:1px solid #eee7f4}.miro-remote-art i{width:30px;height:35px;background:#f5e5a9;box-shadow:0 2px 3px #6553370b;transform:rotate(-5deg)}.miro-remote-art i:nth-child(2){background:#e6d9f6;transform:translateY(9px) rotate(5deg)}.miro-remote-art i:nth-child(3){background:#dbe6cf;transform:rotate(-3deg)}.miro-remote-art>span{position:absolute;bottom:16px;right:14px;color:#b19dc3}.miro-remote-art svg{width:17px;height:17px}
.miro-load-more{display:flex;margin:20px auto 0}.miro-account-empty{grid-column:1/-1;text-align:center;padding:36px 15px;color:#9784a4;font-size:13px;line-height:1.8}.miro-account-empty p{font-size:11px;color:#b2a5ba}
.miro-account-loading{padding:42px 12px;display:flex;flex-direction:column;align-items:center;gap:15px;color:#9881a9;text-align:center}.miro-account-loading strong{font-size:13px;font-weight:500}.miro-account-loading small{font-size:10px;color:#b2a2be}.miro-spinner{width:27px;height:27px;border:2px solid #e8dff1;border-top-color:#9e80b7;border-radius:50%;animation:miro-spin 1s linear infinite}@keyframes miro-spin{to{transform:rotate(360deg)}}
.miro-preview-heading{margin:13px 0 22px}.miro-source-pill{font-size:9px;color:#a08aaf;letter-spacing:1.5px}.miro-preview-heading h2{font-size:25px;font-weight:550;letter-spacing:-.5px;margin:8px 0;color:#66506f;overflow-wrap:anywhere}.miro-preview-heading p{font-size:11px;color:#ac98b7;margin:0}.miro-copy-name{font-size:11px;color:#a48daf;display:block}.miro-copy-name input{display:block;margin-top:7px;width:100%;font-size:13px}
.miro-copy-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:19px}.miro-copy-samples>div{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;min-height:110px;color:#74614e;font:13px/1.6 'Kalam',cursive;box-shadow:0 2px 4px #6a4a6a0b}
.miro-copy-notices{border:1px solid #e9dece;background:#fcf8ef;border-radius:9px;padding:14px 16px;margin-top:20px;color:#a28b66;font-size:11px;line-height:1.7}.miro-copy-notices strong{font-weight:550;color:#9b7f55}.miro-copy-notices ul{padding-left:17px;margin:7px 0 0}.miro-api-limit{font-size:11px;color:#ac99b7;line-height:1.75;margin:17px 0 20px}.miro-copy-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ece5f1;padding-top:20px}.miro-copy-actions .button{font-size:12px;white-space:nowrap}
.miro-account-footer{text-align:center;color:#b3a5bc;font-size:10px;line-height:1.7;margin:25px 0 0}
@media(max-width:700px){
 .miro-account-modal{padding:23px 18px}.miro-account-modal .modal-header h1{font-size:26px}.miro-account-modal .modal-header .icon-button{width:44px;height:44px}.miro-account-top{gap:8px;margin-bottom:19px}.miro-connection-badge{font-size:9px;padding:9px}.miro-text-button{min-height:44px;font-size:11px}.miro-connect-intro{padding:23px 17px}.miro-connect-intro h2{font-size:23px}.miro-connect-intro>p{font-size:12px}
 .miro-connect-form{flex-direction:column;align-items:stretch;gap:12px}.miro-connect-form input{height:46px;font-size:16px}.miro-connect-form label{font-size:12px}.miro-connect-form .button{height:46px;font-size:13px}.miro-account-hint{font-size:11px}.miro-read-only{font-size:10px;align-items:flex-start;line-height:1.6}.miro-read-only svg{margin-top:2px;flex-shrink:0}
 .miro-connections{display:block}.miro-connections label{max-width:none;font-size:12px}.miro-connections select{font-size:16px;min-height:46px}.miro-connections .miro-text-button{justify-content:flex-start}.miro-add-connection{padding-top:4px;margin-bottom:16px}.miro-add-connection summary{font-size:12px;min-height:35px}.miro-board-search{flex-wrap:wrap}.miro-board-search .text-input{font-size:16px;min-width:120px;height:44px}.miro-board-search .button{height:44px;padding:0 10px}.miro-board-search .icon-button{height:44px;width:36px}
 .miro-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.miro-remote-art{height:85px;gap:6px}.miro-remote-art i{width:23px;height:29px}.miro-remote-art>span{right:8px;bottom:8px}.miro-remote-board>strong{font-size:12px;padding:11px 10px 7px}.miro-remote-board>small{padding:0 10px 13px;font-size:10px}.miro-remote-board>small svg{display:none}
 .miro-preview-heading h2{font-size:24px}.miro-preview-heading p{font-size:11px;line-height:1.7}.miro-copy-name{font-size:12px}.miro-copy-name input{font-size:16px;height:46px}.miro-copy-samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.miro-copy-samples>div{padding:12px;font-size:14px;min-height:100px}.miro-copy-actions{flex-direction:column-reverse}.miro-copy-actions .button{height:46px;font-size:13px}.miro-account-footer{font-size:10px}.miro-api-limit,.miro-copy-notices{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.miro-spinner{animation:none}}

.miro-bulk-actions{margin:16px 0 22px}.miro-bulk-actions .button{white-space:normal;text-align:center;min-height:44px}.miro-copy-preview p{line-height:1.5}