*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(99,102,241,.16)}
[hidden]{display:none!important} /* .m-boot/.m-sheet imaju display:flex koji gazi hidden atribut */
:root{--bg:#f5f6fa;--surface:#fff;--card2:#f7f8fc;--line:#eaecf2;--line2:#dde0ea;--txt:#101828;--txt2:#667085;--txt3:#98a2b3;--acc:#6366f1;--acc2:#8b5cf6;--accSoft:#eef0fe;--green:#12b76a;--red:#ef4444;--sh:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1)}
html,body{background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
body{min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 64px)}

.m-boot{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--txt2);font-size:14px;z-index:50}
.m-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(99,102,241,.2);border-top-color:var(--acc);animation:sp .8s linear infinite}
@keyframes mSignInIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.m-signin{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;max-width:340px;width:100%;padding:24px;color:var(--txt);animation:mSignInIn .35s cubic-bezier(.2,.8,.3,1)}
.m-signin-orb{width:64px;height:64px;border-radius:19px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px rgba(99,102,241,.32);margin-bottom:2px}
.m-signin-orb svg{width:30px;height:30px}
.m-signin h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.m-signin p{margin:0;font-size:14px;line-height:1.55;color:var(--txt2)}
.m-signin-btn{width:100%;margin-top:6px;border:none;border-radius:14px;padding:15px;font-size:15px;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc2));cursor:pointer}
.m-signin-btn:active{transform:scale(.97)}
.m-signin p.m-signin-hint{font-size:12.5px;color:var(--txt3);margin-top:2px}
@keyframes sp{to{transform:rotate(360deg)}}

.m-head{position:sticky;top:0;z-index:20;background:rgba(245,246,250,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px}
.m-head-row{display:flex;align-items:center;gap:12px}
.m-logo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center}
.m-logo img{display:block;width:36px;height:36px}
.m-head-t{flex:1;min-width:0}
.m-head-t b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt)}
.m-head-t span{display:block;font-size:12px;color:var(--txt2)}
.m-refresh{width:38px;height:38px;flex:0 0 38px;border:1px solid var(--line2);background:var(--surface);border-radius:11px;color:var(--txt2);display:grid;place-items:center;cursor:pointer}
.m-refresh svg{width:18px;height:18px}
.m-refresh:active{transform:scale(.94)}
.m-refresh.spin svg{animation:sp .8s linear infinite}

.m-main{padding:16px 16px 24px;max-width:640px;margin:0 auto}
.m-list{display:flex;flex-direction:column;gap:14px}
.m-card{appearance:none;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .1s,border-color .15s;box-shadow:var(--sh);font:inherit;color:inherit;text-align:left;touch-action:manipulation}
.m-card:active{transform:scale(.985)}
.m-card:hover{border-color:#c7c9f7}
.m-card-media{position:relative;aspect-ratio:1/1;background:var(--card2);display:grid;place-items:center;overflow:hidden}
.m-card-media canvas,.m-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.m-card-badge{position:absolute;top:10px;left:10px;background:rgba(16,24,40,.72);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;z-index:2}
.m-card-body{padding:13px 15px 15px}
.m-card-body h4{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:5px;color:var(--txt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-card-body p{font-size:12.5px;color:var(--txt2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.m-card-cta{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;color:var(--acc)}

.m-empty{text-align:center;padding:56px 20px;color:var(--txt2)}
.m-empty-ic{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:rgba(18,183,106,.12);color:var(--green);display:grid;place-items:center;font-size:30px;font-weight:800}
.m-empty h3{font-size:17px;color:var(--txt);margin-bottom:6px}
.m-empty p{font-size:13.5px;line-height:1.5;max-width:280px;margin:0 auto}
.m-offline{text-align:center;margin:6px 0 16px;padding:20px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;color:#9a3412}
.m-offline h3{font-size:16px;margin-bottom:6px}.m-offline p{font-size:13px;line-height:1.5}.m-offline button{margin-top:13px;border:1px solid #fdba74;border-radius:10px;background:#fff;color:#9a3412;padding:9px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}

/* Detalj sheet */
.m-sheet{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column;animation:up .25s cubic-bezier(.2,.8,.3,1);overflow-y:auto;overscroll-behavior:contain}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
.m-sheet-top{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;border-bottom:1px solid var(--line);background:var(--surface)}
.m-sheet-top>span{flex:1;font-weight:700;font-size:15px;color:var(--txt)}
.m-x{width:36px;height:36px;border:1px solid var(--line2);background:var(--surface);border-radius:10px;color:var(--txt);display:grid;place-items:center;cursor:pointer}
.m-x svg{width:18px;height:18px}
.m-sheet-top>.m-dots{flex:0 0 auto;font-size:12px;color:var(--txt2);font-weight:600}
.m-download{width:44px;height:44px;flex:0 0 auto;color:var(--acc);background:var(--accSoft);border-color:color-mix(in srgb,var(--acc) 24%,var(--line2))}
.m-download:disabled{opacity:.58;cursor:wait}.m-download[aria-busy="true"] svg{animation:mDownloadPulse .85s ease-in-out infinite alternate}
@keyframes mDownloadPulse{to{transform:translateY(2px);opacity:.55}}
.m-sheet-workspace{flex:0 0 auto;min-height:0;overflow:visible}
.m-sheet-preview,.m-sheet-editor{min-width:0}
.m-sheet-editor{padding-bottom:10px}
.m-stage{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:20px 16px;min-height:0;touch-action:pan-y}
.m-slides{position:relative;width:100%;max-width:min(88vw,390px);aspect-ratio:1/1;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(16,24,40,.18)}
.m-slides.story{aspect-ratio:9/16;max-width:min(66vw,290px)}
.m-slides canvas{width:100%;height:100%;display:block}
.m-image-edit{position:absolute;top:10px;right:10px;z-index:6;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:13px;background:rgba(15,23,42,.86);color:#fff;box-shadow:0 8px 22px rgba(15,23,42,.28);backdrop-filter:blur(8px);cursor:pointer;touch-action:manipulation}
.m-image-edit svg{width:20px;height:20px}.m-image-edit:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(99,102,241,.58),0 8px 22px rgba(15,23,42,.28)}.m-image-edit:disabled{opacity:.5;cursor:wait}
.m-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:var(--surface);color:var(--txt);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--sh)}
.m-prev{left:10px}.m-next{right:10px}
.m-nav:disabled{opacity:0;pointer-events:none}
.m-cap-wrap{max-height:32vh;overflow:auto;border-top:1px solid var(--line);background:var(--surface);padding:10px 12px}
.m-cap{display:block;width:100%;min-height:78px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;resize:vertical;background:var(--surface);font:inherit;font-size:13.5px;line-height:1.55;color:var(--txt2);white-space:pre-wrap}
.m-cap-tabs{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;padding-bottom:2px}
.m-cap-tabs button{flex:0 0 auto;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--txt2);font-size:10px;font-weight:800}
.m-cap-tabs button.on{border-color:#7fa8e5;background:#eaf2ff;color:#164d99}
.m-cap-title{display:grid;gap:5px;margin-top:8px;color:var(--txt2);font-size:10.5px;font-weight:800}.m-cap-title[hidden]{display:none!important}.m-cap-title input{min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--surface);color:var(--txt);font:inherit}
.m-cap-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}
.m-cap-actions button{min-height:31px;padding:5px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--txt2);font-size:10px;font-weight:800}
.m-cap-actions #mCapSave{border-color:#315daf;background:#315daf;color:#fff}
.m-actions{position:sticky;bottom:0;z-index:4;display:flex;flex:0 0 auto;gap:12px;padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);border-top:1px solid var(--line);background:var(--surface)}
.m-btn{flex:1;border:none;border-radius:14px;padding:15px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.m-btn svg{width:18px;height:18px}
.m-btn:active{transform:scale(.97)}
.m-btn:disabled{opacity:.55}
.m-skip{background:var(--card2);color:var(--txt2);border:1px solid var(--line2)}
.m-approve{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}

/* Bottom nav */
.m-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.m-tab{flex:1;border:none;background:none;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--txt3);font-size:11px;font-weight:600;cursor:pointer}
.m-tab svg{width:22px;height:22px}
.m-tab.on{color:var(--acc)}
.m-tab:active{transform:scale(.95)}

/* Nalog sheet */
.m-acct{position:fixed;inset:0;z-index:45;background:rgba(16,24,40,.4);display:flex;align-items:flex-end;animation:fade .2s;overscroll-behavior:contain}
@keyframes fade{from{opacity:0}to{opacity:1}}
.m-acct-panel{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-radius:22px 22px 0 0;padding:8px 18px calc(env(safe-area-inset-bottom) + 20px);animation:up .28s cubic-bezier(.2,.8,.3,1)}
.m-acct-grip{width:40px;height:4px;border-radius:99px;background:var(--line2);margin:8px auto 16px}
.m-acct-me{display:flex;align-items:center;gap:12px;padding:6px 4px 16px;border-bottom:1px solid var(--line)}
.m-acct-av{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}
.m-acct-me b{display:block;font-size:15px;color:var(--txt)}
.m-acct-me span{display:block;font-size:12.5px;color:var(--txt2)}
.m-acct-sec{font-size:11px;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:.04em;margin:16px 4px 8px}
.m-ws{display:flex;align-items:center;gap:11px;width:100%;padding:11px 10px;border:none;background:none;border-radius:12px;text-align:left;cursor:pointer}
.m-ws:active{background:var(--card2)}
.m-ws.cur{background:var(--accSoft)}
.m-ws-av{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}
.m-ws-t{flex:1;min-width:0}
.m-ws-t b{display:block;font-size:13.5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-ws-t span{display:block;font-size:11.5px;color:var(--txt3)}
.m-ws-ck{width:18px;color:var(--acc)}
.m-push{width:100%;padding:14px;border:none;border-radius:13px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-size:14.5px;font-weight:700;cursor:pointer}
.m-push.on{background:var(--accSoft);color:var(--acc)}
.m-push:disabled{background:var(--card2);color:var(--txt3)}
.m-push-test{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line2);background:var(--surface);color:var(--txt);border-radius:12px;font-size:13.5px;font-weight:600;cursor:pointer}
.m-push-hint{font-size:12px;color:var(--txt2);line-height:1.5;margin:8px 4px 0;text-align:center}
.m-acct-bill{font-size:13px;color:var(--txt2);line-height:1.5;margin:0 4px;padding:11px 13px;background:var(--surface2,#f4f5f8);border:1px solid var(--line2,#e6e8ee);border-radius:12px}
.m-billing-open{width:calc(100% - 8px);margin:8px 4px 0;padding:12px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);color:var(--acc);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.m-lang-row{display:flex;gap:8px;margin:0 4px}
.m-lang-row button{flex:1;border:1px solid var(--line2,#e6e8ee);background:var(--surface,#fff);color:var(--txt);border-radius:11px;padding:11px;font-size:14px;font-weight:600;font-family:inherit}
.m-lang-row button.on{border-color:var(--acc,#6366f1);background:var(--accSoft,#eef);color:var(--acc,#4f46e5)}
.m-logout{width:100%;margin-top:16px;padding:14px;border:1px solid #fecdd3;background:#fff7f7;color:var(--red);border-radius:13px;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.m-logout svg{width:18px;height:18px}
.m-support{display:block;margin:10px 0 0;text-align:center;font-size:12px;color:var(--txt2);text-decoration:none;word-break:break-all}
.m-support:active{opacity:.7}
.m-acct-x{width:100%;margin-top:8px;padding:12px;border:none;background:none;color:var(--txt2);font-size:14px;font-weight:600;cursor:pointer}

.m-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 78px);transform:translateX(-50%);background:#101828;color:#fff;font-size:13.5px;font-weight:600;padding:12px 18px;border-radius:12px;z-index:60;box-shadow:0 10px 30px rgba(16,24,40,.25);max-width:88vw;text-align:center}
.m-toast.err{background:#b42318}
.m-toast.ok{background:#067647}

/* Semantička potvrda: jedan miran PWA dijalog, sa jasnim pozitivnim/rizičnim akcijama. */
.m-confirm-back{--confirm-tone:#067647;--confirm-soft:#ecfdf3;--confirm-line:#a6f4c5;--confirm-shadow:rgba(6,118,71,.24);position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;padding:20px 14px calc(env(safe-area-inset-bottom) + 14px);background:rgba(16,24,40,.58);backdrop-filter:blur(6px);overscroll-behavior:contain;animation:mConfirmFade .18s ease-out}
.m-confirm-back[data-intent="danger"]{--confirm-tone:#b42318;--confirm-soft:#fff1f0;--confirm-line:#fecdca;--confirm-shadow:rgba(180,35,24,.24)}
.m-confirm-back[data-intent="warning"]{--confirm-tone:#b54708;--confirm-soft:#fffaeb;--confirm-line:#fedf89;--confirm-shadow:rgba(181,71,8,.24)}
.m-confirm{position:relative;width:min(100%,420px);overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:var(--surface);box-shadow:0 24px 64px rgba(16,24,40,.28);animation:mConfirmUp .24s cubic-bezier(.2,.8,.3,1)}
.m-confirm::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--confirm-tone)}
.m-confirm-head{display:flex;align-items:flex-start;gap:13px;padding:20px 20px 16px 22px}
.m-confirm-icon{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--confirm-line);border-radius:13px;background:var(--confirm-soft);color:var(--confirm-tone);display:grid;place-items:center;font-size:20px;font-weight:850;line-height:1}
.m-confirm-copy{min-width:0;padding-top:1px}
.m-confirm-copy h2{margin:0;color:var(--txt);font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}
.m-confirm-copy p{margin:6px 0 0;color:var(--txt2);font-size:13.5px;line-height:1.52;overflow-wrap:anywhere}
.m-confirm-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:9px;padding:0 20px 20px 22px}
.m-confirm-actions button{min-width:0;min-height:46px;border-radius:13px;padding:11px 13px;font:inherit;font-size:14px;font-weight:750;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}
.m-confirm-cancel{border:1px solid var(--line2);background:var(--surface);color:var(--txt2)}
.m-confirm-ok{border:1px solid var(--confirm-tone);background:var(--confirm-tone);color:#fff;box-shadow:0 7px 18px var(--confirm-shadow)}
.m-confirm-actions button:active{transform:scale(.975)}
@media(hover:hover){.m-confirm-cancel:hover{border-color:#c4c8d4;background:var(--card2);color:var(--txt)}.m-confirm-ok:hover{filter:brightness(.94);box-shadow:0 9px 22px var(--confirm-shadow)}}
@media(min-width:600px){.m-confirm-back{align-items:center;padding:24px}.m-confirm{border-radius:22px}}
@keyframes mConfirmFade{from{opacity:0}to{opacity:1}}
@keyframes mConfirmUp{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

/* ===== Krediti u header ===== */
.m-credits{display:inline-flex;align-items:center;gap:4px;background:var(--accSoft);color:var(--acc);border-radius:99px;padding:5px 10px;font-size:12.5px;font-weight:700;flex:0 0 auto}
.m-credits svg{color:var(--acc)}

/* ===== Content Studio (mobilni) ===== */
.ms-view{position:relative;display:flex;flex-direction:column}
.ms-automation-bridge{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;margin:10px 14px 0;padding:13px;border:1px solid #d9e4f3;border-radius:17px;background:linear-gradient(115deg,#f2fbff,#f7f5ff);box-shadow:0 9px 24px rgba(32,61,118,.07)}
.ms-automation-bridge[hidden]{display:none!important}
.ms-automation-bridge-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#1476a3;background:linear-gradient(145deg,#dff8ff,#e9e8ff)}
.ms-automation-bridge-icon svg{width:20px;height:20px}
.ms-automation-bridge>div{min-width:0}
.ms-automation-bridge h2{margin:1px 0 0;color:var(--txt);font:800 15px/1.25 Outfit,sans-serif}
.ms-automation-bridge p{margin:4px 0 0;color:var(--txt2);font-size:11.5px;line-height:1.45}
.ms-automation-bridge>a{grid-column:1/-1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;color:#fff;background:linear-gradient(115deg,#174da6,#315dc5 56%,#7c4cda);box-shadow:0 8px 18px rgba(49,93,197,.2);font-size:12.5px;font-weight:800;text-decoration:none}
.ms-automation-bridge>a:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 28%,transparent);outline-offset:2px}
.ms-automation-bridge>a svg{width:15px;height:15px}
.ms-chat{padding:16px 14px calc(env(safe-area-inset-bottom) + 242px);display:flex;flex-direction:column;gap:12px;min-height:60dvh}
.ms-hero{margin:auto 0;text-align:center;padding:22px 8px;display:flex;flex-direction:column;align-items:center;gap:10px}
.ms-hero-orb{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;box-shadow:0 12px 30px rgba(99,102,241,.32)}
.ms-hero h2{font-family:Outfit,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--txt)}
.ms-hero p{font-size:13.5px;color:var(--txt2);line-height:1.5;max-width:32ch}
.ms-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}
.ms-chips button{background:var(--surface);border:1px solid var(--line2);border-radius:99px;padding:9px 14px;font-size:12.5px;font-weight:600;color:var(--txt);font-family:inherit}
.ms-chips button:active{background:var(--card2)}
.ms-chips .ms-chip-link{background:var(--accSoft);border-color:transparent;color:var(--acc)}

/* poruke */
.ms-msg{max-width:82%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}
.ms-msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-bottom-right-radius:5px}
.ms-msg.ai{align-self:flex-start;background:var(--surface);border:1px solid var(--line);color:var(--txt);border-bottom-left-radius:5px}
.ms-msg img.ms-thumb{max-width:150px;border-radius:10px;display:block;margin-bottom:6px}
.ms-copycard{align-self:stretch;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:11px}.ms-copycard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--txt2);font-size:12px;font-weight:800}.ms-copycard-head button{min-height:36px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--acc);padding:7px 10px;font:750 11px/1 inherit}.ms-copycard textarea{width:100%;min-height:90px;max-height:220px;border:1px solid var(--line2);border-radius:10px;background:var(--card2);color:var(--txt);padding:10px 11px;font:500 13px/1.5 inherit;resize:vertical}
.ms-typing{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;border-bottom-left-radius:5px;padding:13px 16px;display:flex;gap:5px}
.ms-typing i{width:7px;height:7px;border-radius:50%;background:var(--txt3);animation:mstb 1s infinite}
.ms-typing i:nth-child(2){animation-delay:.15s}.ms-typing i:nth-child(3){animation-delay:.3s}
@keyframes mstb{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* slika kartica */
.ms-imgcard{align-self:stretch;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ms-imgcard .ms-frame{width:100%;aspect-ratio:1/1;background:var(--card2);display:grid;place-items:center;position:relative}
.ms-imgcard.portrait .ms-frame{aspect-ratio:9/16}
.ms-imgcard .ms-frame img{width:100%;height:100%;object-fit:cover;display:block}
.ms-imgcard .ms-frame.fit-contain{background:#fff}.ms-imgcard .ms-frame.fit-contain img{object-fit:contain}
.ms-gen{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--txt2);font-size:12.5px;padding:20px;text-align:center}
.ms-gen-orb{display:flex;gap:5px}.ms-gen-orb span{width:9px;height:9px;border-radius:50%;background:var(--acc);animation:mstb 1s infinite}.ms-gen-orb span:nth-child(2){animation-delay:.15s}.ms-gen-orb span:nth-child(3){animation-delay:.3s}
.ms-gen b{font-variant-numeric:tabular-nums;color:var(--txt)}
.ms-imgbar{padding:12px}
.ms-target-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;padding:8px 9px;border-radius:9px;background:var(--card2);color:var(--txt2);font-size:10.5px}.ms-target-meta b{color:var(--txt);font-variant-numeric:tabular-nums}.ms-target-meta span{text-align:right}
.ms-cap{width:100%;border:1px solid var(--line2);border-radius:10px;padding:9px 11px;font-size:13px;font-family:inherit;color:var(--txt);resize:none;min-height:60px;line-height:1.45;background:var(--card2)}
.ms-cap-count{text-align:right;min-height:17px;margin:3px 2px 0;color:var(--txt3);font-size:11px;font-variant-numeric:tabular-nums}.ms-cap-count.over{color:var(--red);font-weight:800}
.ms-cap-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 1px 0}.ms-cap-tools .ms-cap-count{margin:0}.ms-cap-tools button{min-height:32px;border:0;background:transparent;color:var(--acc);font:800 11px/1 inherit;padding:5px 0}.ms-cap-tools button:disabled{opacity:.55}
.ms-fit-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}.ms-fit-choice>span{color:var(--txt2);font-size:10.5px;font-weight:750}.ms-fit-choice>div{display:flex;gap:5px}.ms-fit-choice button{min-height:32px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--txt2);padding:6px 8px;font:750 10.5px/1 inherit}.ms-fit-choice button.on{border-color:var(--acc);background:var(--accSoft);color:var(--acc)}
.ms-fidelity-warning{margin:9px 0;padding:9px 10px;border:1px solid #e8c66f;border-radius:10px;background:#fff8e6;color:#775407;font-size:11.5px;line-height:1.45}
.ms-network-picker{display:grid;gap:7px;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}.ms-network-picker>span{color:var(--txt2);font-size:10.5px;font-weight:750}.ms-network-picker>div{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px}.ms-network-picker button{flex:0 0 auto;border:1px solid var(--line2);border-radius:999px;padding:7px 9px;background:var(--surface);color:var(--txt2);font:700 10.5px/1 inherit}.ms-network-picker button.on{border-color:var(--acc);background:var(--accSoft);color:var(--acc)}.ms-network-empty{margin:8px 0 0;padding:9px;border-radius:9px;background:var(--accSoft);color:var(--acc);font-size:11px;line-height:1.4}
.ms-caption-variants{display:grid;gap:6px;margin:9px 0 7px}.ms-caption-variants>span{color:var(--txt2);font-size:10.5px;font-weight:750}.ms-caption-variants>div{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 3px}.ms-caption-variants button{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:31px;padding:6px 10px;border:1px solid var(--line2);border-radius:999px;background:var(--surface);color:var(--txt2);font:700 10.5px/1 inherit}.ms-caption-variants button.on{border-color:var(--acc);background:var(--accSoft);color:var(--acc)}.ms-caption-variants button span{font-size:15px;line-height:0;color:var(--acc)}
.ms-title-field{display:grid;gap:5px;margin-top:8px;color:var(--txt2);font-size:10.5px;font-weight:750}.ms-title-field input{min-width:0;border:1px solid var(--line2);border-radius:10px;padding:9px 11px;background:var(--card2);color:var(--txt);font:inherit}.ms-variant-reset{margin-top:6px;padding:3px 0;border:0;background:transparent;color:var(--acc);font:750 10.5px/1.2 inherit}.ms-variant-reset:disabled{color:var(--txt3)}
.ms-acts{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.ms-acts button{flex:1;min-width:calc(50% - 4px);border-radius:10px;padding:11px;font-size:13px;font-weight:700;font-family:inherit;border:1px solid var(--line2);background:var(--surface);color:var(--txt)}
.ms-acts button.pri{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-color:transparent}
.ms-sched{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px;align-items:end}.ms-sched[hidden]{display:none}.ms-sched label{grid-column:1/-1;font-size:11px;font-weight:700;color:var(--txt2)}.ms-sched input{min-width:0;border:1px solid var(--line2);border-radius:10px;padding:10px;font:inherit;color:var(--txt);background:var(--surface)}.ms-sched button{border:0;border-radius:10px;padding:11px 13px;font:inherit;font-weight:800;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}
.ms-sched>span{grid-column:1/-1;min-width:0}
.m-timezone-context{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%;padding:6px 7px 6px 10px;border:1px solid var(--line2);border-radius:12px;background:var(--surface2,#f6f8fc);color:var(--txt2);font-size:11px;line-height:1.35}
.m-timezone-context.is-warning{border-color:#e8c66f;background:#fff8e6;color:#775407}.m-timezone-context>span{min-width:0;overflow-wrap:anywhere}.m-timezone-context>a{flex:none;display:inline-grid;place-items:center;min-height:36px;padding:0 10px;border-radius:10px;background:var(--accSoft);color:var(--acc);font-weight:800;text-decoration:none}.m-timezone-context>a:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 25%,transparent);outline-offset:2px}
.ms-imgst{font-size:12px;color:var(--txt2);margin-top:8px;text-align:center}
.ms-imgst.err{color:var(--red)}
.ms-download-note{margin:9px 0 0;padding:9px 10px;border-radius:9px;background:var(--accSoft);color:var(--acc);font-size:11px;line-height:1.45}
.ms-imgerr{color:var(--red);font-size:13px;text-align:center;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.ms-imgerr button{border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--txt);padding:8px 12px;font:inherit;font-weight:750}

/* compose (fiksno iznad tabbara) */
.ms-compose{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 58px);z-index:15;max-height:calc(100dvh - 112px);overflow-y:auto;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:9px 12px}
.ms-formatbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;margin-bottom:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}.ms-formatbar>label{display:grid;gap:4px}.ms-formatbar>label>span{color:var(--txt2);font-size:10px;font-weight:750}.ms-formatbar select,.ms-custom-size input{height:34px;min-width:0;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--txt);font:650 11.5px/1 inherit;padding:0 8px}.ms-formatbar select{width:100%}.ms-custom-size{display:flex;align-items:center;gap:4px;padding-top:14px}.ms-custom-size[hidden]{display:none!important}.ms-custom-size input{width:68px}.ms-custom-size b,.ms-custom-size em{color:var(--txt3);font-size:10.5px;font-style:normal}.ms-formatbar>p{grid-column:1/-1;margin:0;color:var(--txt2);font-size:9.5px;line-height:1.35}
.ms-att{display:flex;gap:8px;margin-bottom:8px}
.ms-att-item{position:relative}.ms-att-item img{width:52px;height:52px;border-radius:10px;object-fit:cover;display:block}
.ms-att-item button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--txt);color:#fff;border:none;font-size:13px;line-height:1;display:grid;place-items:center}
.ms-image-intent{min-width:0;margin:0 0 8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}.ms-image-intent[hidden]{display:none!important}.ms-image-intent legend{padding:0 3px;color:var(--txt2);font-size:12px;font-weight:800}.ms-image-intent>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:3px}.ms-image-intent label{display:flex;align-items:flex-start;gap:7px;min-width:0;padding:8px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);cursor:pointer}.ms-image-intent label.on{border-color:var(--acc);background:var(--accSoft)}.ms-image-intent input{width:15px;height:15px;margin:2px 0 0;accent-color:var(--acc);flex:0 0 auto}.ms-image-intent label>span{min-width:0}.ms-image-intent b{display:block;color:var(--txt);font-size:12px;line-height:1.3}.ms-image-intent small{display:block;margin-top:3px;color:var(--txt2);font-size:12px;line-height:1.35}
@media(max-width:350px){.ms-image-intent>div{grid-template-columns:1fr}}
.ms-bar{display:flex;align-items:flex-end;gap:8px}
.ms-clip{flex:0 0 40px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);display:grid;place-items:center;color:var(--txt2)}
.ms-bar textarea{flex:1;border:1px solid var(--line2);border-radius:14px;padding:11px 13px;font-size:14px;font-family:inherit;resize:none;max-height:110px;line-height:1.4;background:var(--surface);color:var(--txt)}
.ms-bar textarea:focus{outline:none;border-color:var(--acc)}
.ms-send{flex:0 0 40px;width:40px;height:40px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;display:grid;place-items:center}
.ms-send:disabled{opacity:.5}

/* Approval editor: jedan jasan inspector, uvek vezan za trenutno prikazani slajd. */
.m-slide-tools{display:grid;gap:12px;width:100%;max-width:680px;margin:0 auto;padding:16px}
.m-tools-head{padding:2px 2px 4px}.m-tools-kicker{display:block;margin-bottom:5px;color:var(--acc);font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.m-tools-head h2{color:var(--txt);font-family:Outfit,Inter,sans-serif;font-size:20px;line-height:1.15;letter-spacing:-.025em}.m-tools-head p{margin-top:5px;color:var(--txt2);font-size:12.5px;line-height:1.45}
.m-tool-card{min-width:0;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 7px 22px rgba(16,24,40,.055);overflow:hidden}
.m-tool-card-head{display:flex;align-items:flex-start;gap:11px;padding:14px 14px 10px}.m-tool-icon{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--accSoft);color:var(--acc);display:grid;place-items:center}.m-tool-icon svg{width:18px;height:18px}.m-tool-card-head>div{min-width:0}.m-tool-card h3{color:var(--txt);font-size:14px;line-height:1.3}.m-tool-card-head p{margin-top:2px;color:var(--txt2);font-size:11.5px;line-height:1.4}
.m-tool-text{padding-bottom:14px}.m-text-grid{display:grid;gap:9px;padding:0 14px 11px}.m-text-field{display:grid;gap:5px;min-width:0}.m-text-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--txt2);font-size:10.5px}.m-text-field>span b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.m-text-field>span small{flex:0 0 auto;color:var(--txt3);font-variant-numeric:tabular-nums}.m-text-field>span small.over{color:#b42318;font-weight:800}.m-text-field input,.m-text-field textarea{width:100%;min-width:0;border:1px solid var(--line2);border-radius:11px;padding:10px 11px;background:var(--surface);color:var(--txt);font:500 13px/1.42 Inter,system-ui,sans-serif;resize:vertical}.m-text-field textarea{min-height:64px;max-height:170px}.m-text-field input[aria-invalid="true"],.m-text-field textarea[aria-invalid="true"]{border-color:#fda29b;background:#fff8f7}.m-text-save{width:calc(100% - 28px);min-height:42px;margin:0 14px;border:0;border-radius:11px;background:#101828;color:#fff;padding:10px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.m-text-save:disabled{opacity:.5;cursor:wait}
.m-tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}.m-tool-btn{min-width:0;min-height:42px;border:1px solid var(--line2);border-radius:11px;background:var(--surface);color:var(--txt);display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;touch-action:manipulation}.m-tool-btn svg{flex:0 0 16px;width:16px;height:16px;color:var(--txt2)}.m-tool-btn span{overflow:hidden;text-overflow:ellipsis}.m-tool-btn-danger{border-color:#fecdd3;background:#fff7f7;color:#b42318}.m-tool-btn-danger svg{color:#b42318}
.m-ai-image-box{margin:0 14px 14px;padding:14px;border:1px solid rgba(129,140,248,.34);border-radius:14px;background:linear-gradient(145deg,#17152e,#2b2659);box-shadow:0 12px 26px rgba(31,27,75,.18);color:#fff}.m-ai-image-title{display:flex;align-items:flex-start;gap:9px}.m-ai-image-title>span{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.12);color:#c4b5fd;display:grid;place-items:center;font-size:14px}.m-ai-image-box h4{color:#fff;font-size:13.5px;line-height:1.35}.m-ai-image-box p{margin-top:3px;color:rgba(255,255,255,.7);font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}.m-ai-prompt{display:grid;gap:6px;margin-top:12px}.m-ai-prompt>span{color:rgba(255,255,255,.82);font-size:10.5px;font-weight:750}.m-ai-prompt textarea{width:100%;min-height:78px;max-height:150px;resize:vertical;border:1px solid rgba(255,255,255,.22);border-radius:11px;padding:10px 11px;background:#fff;color:#111827;font:500 13px/1.45 Inter,system-ui,sans-serif}.m-ai-prompt textarea::placeholder{color:#98a2b3}.m-ai-image-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.m-ai-image-foot small{max-width:20ch;color:rgba(255,255,255,.63);font-size:10px;line-height:1.35}.m-ai-image-foot button,.m-ai-resume{min-height:40px;border:0;border-radius:10px;background:#fff;color:#3730a3;padding:9px 12px;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}.m-ai-image-badge{display:inline-flex;margin-bottom:7px;border-radius:99px;background:rgba(255,255,255,.12);color:#ddd6fe;padding:5px 8px;font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.m-ai-pending-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:8px;margin-top:11px}.m-ai-pending-actions .m-ai-resume{width:100%}.m-ai-cancel{min-height:40px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:transparent;color:#fff;padding:9px 10px;font:inherit;font-size:11.5px;font-weight:750;cursor:pointer}.m-ai-image-box.is-pending>.m-ai-resume{width:100%;margin-top:11px}
.m-tool-colors>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:14px;cursor:pointer}.m-tool-colors>summary::-webkit-details-marker{display:none}.m-tool-colors>summary>span:nth-child(2){min-width:0;flex:1}.m-tool-colors>summary b{display:block;color:var(--txt);font-size:13px}.m-tool-colors>summary small{display:block;margin-top:2px;color:var(--txt2);font-size:11px;line-height:1.35}.m-tool-chevron{width:18px;height:18px;color:var(--txt3);transition:transform .18s ease}.m-tool-colors[open] .m-tool-chevron{transform:rotate(180deg)}.m-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 10px}.m-color-control{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 9px;color:var(--txt2);font-size:10.5px;font-weight:650}.m-color-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-color-control input{flex:0 0 30px;width:30px;height:30px;border:0;border-radius:8px;padding:0;background:transparent;cursor:pointer}.m-color-reset{width:calc(100% - 28px);min-height:40px;margin:0 14px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--card2);color:var(--txt);font:inherit;font-size:11.5px;font-weight:750;cursor:pointer}
.m-tool-cta{padding-bottom:14px}.m-tool-cta>label{display:grid;gap:6px;padding:0 14px}.m-tool-cta>label>span{color:var(--txt2);font-size:10.5px;font-weight:750}.m-cta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.m-cta-row input{min-width:0;border:1px solid var(--line2);border-radius:11px;padding:10px 11px;background:var(--surface);color:var(--txt);font:500 13px/1.35 inherit}.m-cta-row button{border:0;border-radius:11px;background:#101828;color:#fff;padding:10px 13px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.m-tool-btn:disabled,.m-ai-image-box button:disabled,.m-tool-card button:disabled{opacity:.5;cursor:wait}

/* AI izmena: status je vidljiv u editoru, a naplata slike uvek traži eksplicitnu potvrdu. */
.m-edit-status{display:flex;align-items:flex-start;gap:12px;margin:10px 14px 0;padding:13px 14px;border:1px solid #c7d7fe;border-radius:14px;background:linear-gradient(135deg,#f5f7ff,#f0efff);color:var(--txt)}
.m-edit-status-orb{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 7px 16px rgba(99,102,241,.22)}
.m-edit-status-orb i{width:4px;height:4px;border-radius:50%;background:#fff;animation:mstb 1s infinite}.m-edit-status-orb i:nth-child(2){animation-delay:.15s}.m-edit-status-orb i:nth-child(3){animation-delay:.3s}
.m-edit-status>div{min-width:0;padding-top:1px}.m-edit-status b{display:block;font-size:13.5px;line-height:1.35}.m-edit-status p{margin-top:3px;color:var(--txt2);font-size:12px;line-height:1.45}
.m-image-confirm{margin:10px 14px 0;border:1px solid #cbccef;border-radius:16px;background:var(--surface);box-shadow:0 10px 30px rgba(63,65,140,.1);overflow:hidden}
.m-image-confirm-copy{padding:14px 15px 12px;border-left:4px solid var(--acc)}
.m-image-confirm-meta{display:block;margin-bottom:6px;color:var(--acc);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.m-image-confirm h3{font-size:15px;line-height:1.3;letter-spacing:-.01em;color:var(--txt)}
.m-image-confirm p{margin-top:5px;font-size:12.5px;line-height:1.5;color:var(--txt2)}
.m-image-confirm-wish{padding:8px 10px;border-radius:9px;background:var(--card2);color:var(--txt)!important;overflow-wrap:anywhere}
.m-image-confirm-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:0 14px 14px}
.m-image-confirm-actions button{min-height:42px;border-radius:11px;padding:9px 12px;font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}
.m-image-later{border:1px solid var(--line2);background:var(--surface);color:var(--txt2)}
.m-image-continue{border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 7px 16px rgba(99,102,241,.2)}
.m-image-confirm-actions button:disabled{opacity:.5;cursor:wait}
.m-sheet[aria-busy="true"] .m-slide-tools label[role="button"]{pointer-events:none;opacity:.5}

/* Dostupan crop/reposition alat za postojeću sliku u Approval pregledu. */
.m-crop-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(10,10,18,.72);backdrop-filter:blur(5px)}
.m-crop-modal{width:min(100%,420px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:var(--surface);box-shadow:0 28px 72px rgba(0,0,0,.4)}
.m-crop-modal h2{margin:0;color:var(--txt);font-size:17px;line-height:1.25;text-align:center}.m-crop-modal>p{margin:-2px 0 0;color:var(--txt2);font-size:12px;line-height:1.45;text-align:center}
.m-crop-meta{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--txt2);font-size:11.5px;line-height:1.45;text-align:center;font-variant-numeric:tabular-nums}
.m-crop-stage{position:relative;max-width:100%;margin:0 auto;overflow:hidden;border-radius:13px;background:#0d0d12;touch-action:none;cursor:grab;user-select:none}.m-crop-stage:active{cursor:grabbing}.m-crop-stage img{position:absolute;left:0;top:0;max-width:none;pointer-events:none;user-select:none}.m-crop-stage>span{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:13px;pointer-events:none}
.m-crop-zoom{display:flex;align-items:center;gap:10px;color:var(--txt2);font-size:16px}.m-crop-zoom input{min-width:0;flex:1;accent-color:var(--acc)}
.m-crop-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m-crop-actions button{min-height:44px;border-radius:12px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.m-crop-cancel{border:1px solid var(--line2);background:var(--surface);color:var(--txt)}.m-crop-save{border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 7px 18px rgba(79,70,229,.24)}
.m-crop-zoom input:focus-visible,.m-crop-actions button:focus-visible{outline:3px solid rgba(99,102,241,.38);outline-offset:3px}
@media(max-width:359px){.m-crop-modal{padding:14px;gap:10px}.m-crop-stage{max-height:calc(100dvh - 210px)}}
@media(prefers-reduced-motion:reduce){.m-crop-overlay,.m-crop-modal{animation:none!important}}

/* Landscape telefon (npr. 844×390): pregled i kontrole su oba odmah čitljivi. */
@media (min-width:640px) and (orientation:landscape) and (max-height:500px){
  .m-sheet{overflow:hidden}
  .m-sheet-top{padding:calc(env(safe-area-inset-top) + 7px) 12px 7px}
  .m-sheet-workspace{display:grid;flex:1;grid-template-columns:minmax(286px,44%) minmax(0,1fr);overflow:hidden}
  .m-sheet-preview,.m-sheet-editor{min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .m-sheet-preview{border-right:1px solid var(--line)}
  .m-sheet-editor{padding:8px 0 12px}
  .m-stage{padding:8px 48px}
  .m-slides{max-width:min(28vw,220px,calc(100dvh - 150px))}
  .m-slides.story{max-width:min(17vw,138px,calc((100dvh - 150px) * .5625))}
  .m-slides.engine-preview{max-width:min(28vw,220px,calc((100dvh - 150px) * .8))!important}
  .m-slides.engine-preview.story{max-width:min(17vw,138px,calc((100dvh - 150px) * .5625))!important}
  .m-cap-wrap{max-height:190px;padding:8px 10px}
  .m-cap{min-height:66px;padding:9px 10px;font-size:12px}
  .m-slide-tools{padding:4px 12px 10px}
  .m-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-text-field.is-area{grid-column:1/-1}
  .m-edit-status,.m-image-confirm{margin-left:12px;margin-right:12px}
  .m-actions{position:relative;margin-left:44%;gap:8px;padding:8px 12px calc(env(safe-area-inset-bottom) + 8px)}
  .m-btn{border-radius:11px;padding:10px 8px;font-size:12.5px;gap:5px}
  .m-btn svg{width:16px;height:16px}
}

/* Galerija (studio) */
.ms-galbtn{position:absolute;top:10px;right:14px;z-index:5;display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--line2);border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;color:var(--txt);box-shadow:var(--sh)}
.ms-gallery{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}
.ms-gallery[hidden]{display:none!important}
.ms-gal-cats{grid-column:1/-1;display:flex;gap:7px;overflow:auto;padding:2px 0 7px}.ms-gal-cats button{border:1px solid #dfe3ec;background:#fff;border-radius:999px;padding:7px 11px;white-space:nowrap;font:700 11px/1 inherit}.ms-gal-cats button.on{background:#111827;color:#fff;border-color:#111827}
.ms-gal-top{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;border-bottom:1px solid var(--line);font-weight:700;position:sticky;top:0;background:var(--bg)}
.ms-gal-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 14px calc(env(safe-area-inset-bottom) + 14px)}
.ms-gal-item{min-width:0;border-radius:14px;overflow:hidden;background:var(--card2);border:1px solid var(--line)}
.ms-gal-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--surface)}
.ms-gal-use{appearance:none;width:100%;height:100%;border:0;background:transparent;display:block;cursor:pointer}.ms-gal-item img{width:100%;height:100%;object-fit:cover;display:block}
.ms-gal-meta{display:grid;gap:7px;padding:10px}.ms-gal-meta>b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ms-gal-meta label{display:grid;gap:4px}.ms-gal-meta label>span{font-size:10.5px;font-weight:750;color:var(--txt2)}.ms-gal-meta textarea{box-sizing:border-box;width:100%;min-height:68px;resize:vertical;border:1px solid var(--line2);border-radius:9px;padding:8px;background:var(--surface);color:var(--txt);font:500 11px/1.35 inherit}.ms-gal-meta>button{min-height:36px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--txt);font:700 11px/1 inherit}
.ms-gal-savebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px)}.ms-gal-savebar span{min-width:0;color:var(--txt2);font-size:11.5px;line-height:1.35}.ms-gal-savebar button{min-height:42px;border:0;border-radius:11px;padding:0 15px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font:750 12px/1 inherit;box-shadow:0 8px 20px rgba(79,70,229,.2)}.ms-gal-savebar button:disabled{background:var(--card2);color:var(--txt2);box-shadow:none;opacity:.72}
.ms-gal-empty{grid-column:1/-1;text-align:center;color:var(--txt2);font-size:13.5px;padding:40px 20px}
.ms-gal-del{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:9px;border:none;background:rgba(16,24,40,.55);color:#fff;display:grid;place-items:center;backdrop-filter:blur(4px)}
@media(max-width:359px){.ms-gal-savebar{grid-template-columns:1fr}.ms-gal-savebar button{width:100%}}

/* Zakazivanje u odobravanju (mobilni) */
.m-sched-row{display:flex;gap:8px;padding:8px 14px 0;align-items:center;flex-wrap:wrap}
.m-sched-row .m-sched-note{flex-basis:100%;font-size:11px;color:var(--txt2);line-height:1.35}
.m-sched-row>[data-vp-timezone-context]{flex-basis:100%}
.m-sched-row .inp{flex:1;border:1px solid var(--line2);border-radius:11px;padding:9px 11px;font-size:13.5px;font-family:inherit;background:var(--surface);color:var(--txt)}
.m-sched-row button{flex:0 0 auto;border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-radius:11px;padding:9px 14px;font-size:13px;font-weight:700;font-family:inherit}
.m-btn.m-sched{background:var(--accSoft);color:var(--acc)}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-within{outline:3px solid rgba(99,102,241,.32);outline-offset:2px}
@media(max-width:359px){.m-actions{gap:7px;padding-left:9px;padding-right:9px}.m-btn{padding:13px 8px;font-size:13px}.m-btn svg{width:16px;height:16px}.m-slide-tools{padding-left:10px;padding-right:10px}.m-tool-actions{grid-template-columns:1fr}.m-ai-image-foot{align-items:stretch;flex-direction:column}.m-ai-image-foot small{max-width:none}.m-ai-image-foot button{width:100%}.m-sched-row{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* ---- "Napravi video" (carousel MVP) ---- */
.m-video-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.m-video-actions a,.m-video-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);color:var(--txt);font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;touch-action:manipulation}
.m-video-overlay{position:fixed;inset:0;z-index:60;background:rgba(10,12,20,.82);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.m-video-box{background:var(--surface);border-radius:16px;width:100%;max-width:420px;max-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.m-video-title{font-size:16px;line-height:1.25;color:var(--txt)}
.m-video-box video{display:block;width:auto;height:min(68dvh,680px);max-width:100%;border-radius:12px;background:#000;aspect-ratio:9/16;object-fit:contain;min-height:0;align-self:center}
.m-video-box .m-video-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;margin-top:0}
.m-video-box .m-video-actions a,.m-video-box .m-video-actions button{width:100%;min-height:44px}
@media(max-width:359px){.m-video-box .m-video-actions{grid-template-columns:1fr}}

/* ---- Feedback ----
   Zaseban full-screen PWA tok. Ne zauzima mesto u primarnom bottom nav-u. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mf-account-entry{width:calc(100% - 8px);margin:0 4px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(135deg,#fff 20%,#f5f3ff);color:var(--txt);font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.mf-account-entry:active{transform:scale(.985)}
.mf-account-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 7px 16px rgba(99,102,241,.22)}
.mf-account-icon svg{width:19px;height:19px}.mf-account-entry>span:nth-child(2){min-width:0;flex:1}.mf-account-entry b{display:block;font-size:13.5px;line-height:1.25}.mf-account-entry small{display:block;margin-top:2px;color:var(--txt2);font-size:11.5px;line-height:1.35}.mf-account-arrow{flex:0 0 18px;width:18px;color:var(--txt3)}

.mf-view{position:fixed;inset:0;z-index:46;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--txt);animation:mfViewIn .25s cubic-bezier(.2,.8,.3,1)}
@keyframes mfViewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mf-head{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.mf-icon-btn,.mf-form-x{appearance:none;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:12px;background:var(--surface);color:var(--txt);font:inherit;cursor:pointer}.mf-icon-btn svg{width:20px;height:20px}
.mf-head-copy{min-width:0;flex:1}.mf-head-copy>span,.mf-compose header>div>span{display:block;color:var(--acc);font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.mf-head-copy h1{margin-top:1px;font-size:17px;line-height:1.15;letter-spacing:-.025em}
.mf-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px calc(env(safe-area-inset-bottom) + 24px)}
.mf-intro{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:14px;max-width:980px;margin:0 auto 14px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#11131d 0%,#222251 58%,#4338ca 145%);color:#fff;box-shadow:0 15px 34px rgba(34,34,81,.18)}
.mf-intro::after{content:"";position:absolute;width:190px;height:190px;right:-92px;top:-110px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}
.mf-intro-mark{position:relative;z-index:1;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.09);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:10px}.mf-intro-mark i{display:block;width:3px;border-radius:3px;background:#a5b4fc}.mf-intro-mark i:nth-child(1){height:8px}.mf-intro-mark i:nth-child(2){height:15px;background:#c4b5fd}.mf-intro-mark i:nth-child(3){height:11px;background:#fff}
.mf-intro>div{position:relative;z-index:1;min-width:0}.mf-intro h2{font-size:18px;line-height:1.2;letter-spacing:-.03em}.mf-intro p{max-width:560px;margin-top:6px;color:rgba(255,255,255,.72);font-size:12.5px;line-height:1.5}
.mf-actions{max-width:980px;margin:0 auto 14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.mf-action{appearance:none;min-width:0;min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:15px;background:var(--surface);color:var(--txt);font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .15s ease,border-color .15s ease,background .15s ease}.mf-action:active{transform:scale(.985)}.mf-action:focus-visible{outline:3px solid rgba(99,102,241,.18);outline-offset:2px}.mf-action.feature{border-color:#c7d2fe;background:linear-gradient(135deg,#fff 30%,#f4f2ff)}.mf-action.bug{border-color:#fecdd3;background:linear-gradient(135deg,#fff 30%,#fff5f6)}.mf-action-ic{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--accSoft);color:var(--acc);font-size:16px;font-weight:850}.mf-action.bug .mf-action-ic{background:#fff1f2;color:#be123c}.mf-action>span:last-child{min-width:0}.mf-action b{display:block;font-size:12.5px;line-height:1.25}.mf-action small{display:block;margin-top:3px;color:var(--txt2);font-size:10px;line-height:1.35}
.mf-panel{width:100%;min-width:0;max-width:980px;margin:0 auto}.mf-search{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:5px 5px 5px 12px;border:1px solid var(--line2);border-radius:14px;background:var(--surface);box-shadow:var(--sh)}.mf-search svg{flex:0 0 18px;width:18px;color:var(--txt3)}.mf-search input{min-width:0;flex:1;height:38px;border:0;outline:0;background:transparent;color:var(--txt);font:500 13px/1 Inter,sans-serif}.mf-search input::placeholder{color:var(--txt3)}.mf-search button{height:36px;border:0;border-radius:10px;padding:0 13px;background:#111827;color:#fff;font:700 11.5px/1 Inter,sans-serif;cursor:pointer}
.mf-filter-row{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;max-width:100%;margin:10px 0 8px}.mf-select-label{display:block;min-width:0;width:min(180px,100%);max-width:100%}
.mf-select-label select,.mf-status-filter select{box-sizing:border-box;display:block;min-width:0;max-width:100%;height:42px;border:1px solid var(--line2);border-radius:11px;background-color:var(--surface);color:var(--txt);font-family:Inter,sans-serif;font-size:11.5px;font-weight:650;line-height:1.25;padding:0 32px 0 11px;text-overflow:ellipsis;vertical-align:middle}.mf-select-label select{width:100%}.mf-select-label select option,.mf-status-filter select option{font:inherit;line-height:1.5}.mf-status-filter{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;margin-bottom:10px;color:var(--txt2);font-size:11.5px;font-weight:650}.mf-status-filter select{width:min(180px,100%);height:40px}
.mf-list{display:grid;gap:9px}.mf-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.mf-vote{appearance:none;align-self:start;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line2);border-radius:13px;background:var(--card2);color:var(--txt2);font:800 12px/1 Inter,sans-serif;cursor:pointer}.mf-vote svg{width:16px;height:16px}.mf-vote.on{border-color:#c7d2fe;background:var(--accSoft);color:var(--acc)}.mf-vote:disabled{cursor:wait;opacity:.62}
.mf-item-main{min-width:0}.mf-item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}.mf-kind-tag,.mf-status{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:0 8px;font-size:9.5px;font-weight:800;letter-spacing:.025em}.mf-kind-tag[data-kind="feature"]{background:#eef2ff;color:#4f46e5}.mf-kind-tag[data-kind="bug"]{background:#fff1f2;color:#be123c}.mf-status{background:#fff7ed;color:#c2410c}.mf-status[data-status="planned"]{background:#eef2ff;color:#4338ca}.mf-status[data-status="in_progress"]{background:#f5f3ff;color:#7c3aed}.mf-status[data-status="live"]{background:#ecfdf3;color:#067647}.mf-date{margin-left:auto;color:var(--txt3);font-size:9.5px;font-weight:600}.mf-item h3{font-size:14px;line-height:1.32;letter-spacing:-.012em;overflow-wrap:anywhere}.mf-item p{display:-webkit-box;margin-top:6px;overflow:hidden;color:var(--txt2);font-size:12px;line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.mf-item-shot{appearance:none;display:grid;width:100%;margin-top:10px;padding:0;overflow:hidden;border:1px solid var(--line2);border-radius:13px;background:var(--card2);color:var(--txt2);font:750 10.5px/1.2 Inter,sans-serif;text-align:left;cursor:zoom-in}.mf-item-shot:focus-visible{outline:3px solid rgba(99,102,241,.16);outline-offset:2px}.mf-item-shot-frame{display:block;width:100%;min-height:94px;max-height:165px;overflow:hidden;background:linear-gradient(100deg,#f4f5f8 25%,#e8eaf0 42%,#f4f5f8 60%);background-size:220% 100%;animation:mfShimmer 1.25s infinite linear}.mf-item-shot img{display:block;width:100%;height:100%;min-height:94px;max-height:165px;object-fit:cover;object-position:top center;opacity:0;transition:opacity .18s ease}.mf-item-shot.ready .mf-item-shot-frame{animation:none;background:var(--card2)}.mf-item-shot.ready img{opacity:1}.mf-item-shot-label{display:flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border-top:1px solid var(--line);background:var(--surface)}.mf-item-shot.expanded{cursor:zoom-out}.mf-item-shot.expanded .mf-item-shot-frame{aspect-ratio:auto!important;max-height:60vh}.mf-item-shot.expanded img{height:auto;max-height:60vh;object-fit:contain;background:var(--card2)}
.mf-more{width:100%;min-height:44px;margin-top:11px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);color:var(--txt);font:700 12.5px/1 Inter,sans-serif;cursor:pointer}.mf-more:disabled{opacity:.6;cursor:wait}
.mf-state{padding:32px 20px;border:1px dashed var(--line2);border-radius:17px;background:rgba(255,255,255,.6);text-align:center}.mf-state-ic{width:42px;height:42px;margin:0 auto 11px;border-radius:14px;display:grid;place-items:center;background:var(--accSoft);color:var(--acc);font-size:19px;font-weight:800}.mf-state b{display:block;font-size:14px}.mf-state p{max-width:330px;margin:6px auto 0;color:var(--txt2);font-size:12px;line-height:1.5}.mf-state button{min-height:38px;margin-top:13px;border:0;border-radius:10px;padding:0 14px;background:#111827;color:#fff;font:700 11.5px/1 Inter,sans-serif}.mf-skeleton{height:110px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(100deg,#fff 25%,#f0f1f5 40%,#fff 58%);background-size:220% 100%;animation:mfShimmer 1.25s infinite linear}@keyframes mfShimmer{to{background-position-x:-220%}}
.mf-compose-back{position:fixed;inset:0;z-index:75;display:flex;align-items:flex-end;justify-content:center;padding:18px 12px max(12px,env(safe-area-inset-bottom));background:rgba(16,24,40,.62);backdrop-filter:blur(6px);overscroll-behavior:contain;animation:fade .18s ease-out}.mf-compose{width:min(100%,520px);max-height:calc(100dvh - env(safe-area-inset-top) - 24px);overflow-y:auto;overscroll-behavior:contain;padding:19px;border:1px solid rgba(255,255,255,.7);border-radius:23px;background:var(--surface);box-shadow:0 28px 76px rgba(16,24,40,.32);animation:up .25s cubic-bezier(.2,.8,.3,1)}.mf-compose header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mf-compose h2{margin-top:3px;font-size:20px;letter-spacing:-.03em}.mf-form-x{font-size:24px;font-weight:400;color:var(--txt2)}.mf-form-desc{margin:8px 0 15px;color:var(--txt2);font-size:12.5px;line-height:1.5}
.mf-field{position:relative;display:grid;gap:6px;margin-top:12px}.mf-field>span,.mf-shot-field>div:first-child b{font-size:11.5px;font-weight:750}.mf-field input,.mf-field textarea{width:100%;border:1px solid var(--line2);border-radius:12px;background:var(--surface);color:var(--txt);font:500 13px/1.5 Inter,sans-serif;padding:11px 12px;resize:vertical}.mf-field input{height:44px}.mf-field textarea{min-height:116px}.mf-field>small{position:absolute;right:9px;top:2px;color:var(--txt3);font-size:9.5px}.mf-field input:focus,.mf-field textarea:focus{border-color:#a5b4fc;outline:3px solid rgba(99,102,241,.12)}
.mf-shot-field{margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}.mf-shot-field>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.mf-shot-field>div:first-child span{color:var(--txt3);font-size:9.5px}.mf-shot-add{min-height:42px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #c7cad4;border-radius:11px;background:var(--surface);color:var(--txt2);font-size:11.5px;font-weight:700;cursor:pointer}.mf-shot-add svg{width:17px;height:17px}.mf-shot-preview{margin-top:9px;display:flex;align-items:center;gap:9px;padding:7px;border:1px solid var(--line2);border-radius:11px;background:var(--surface)}.mf-shot-preview img{flex:0 0 48px;width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--card2)}.mf-shot-preview>div{min-width:0;flex:1}.mf-shot-preview b,.mf-shot-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf-shot-preview b{font-size:10.5px}.mf-shot-preview span{margin-top:2px;color:var(--txt3);font-size:9.5px}.mf-shot-preview button{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:9px;background:#fff1f2;color:#be123c;font-size:18px}
.mf-diagnostics{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#f8f9fc;cursor:pointer}.mf-diagnostics input{flex:0 0 17px;width:17px;height:17px;margin-top:1px;accent-color:var(--acc)}.mf-diagnostics>span{min-width:0}.mf-diagnostics b{display:block;color:var(--txt);font-size:11px;line-height:1.35}.mf-diagnostics small{display:block;margin-top:3px;color:var(--txt2);font-size:9.5px;line-height:1.45}
.mf-form-privacy{margin:11px 0 0;padding:10px 12px;border-radius:12px;background:#f2f4ff;color:#4d5270;font-size:10px;line-height:1.5}
.mf-form-error{margin-top:12px;padding:10px 12px;border:1px solid #fecdca;border-radius:11px;background:#fff1f0;color:#b42318;font-size:11.5px;line-height:1.45}.mf-compose footer{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:16px}.mf-compose footer button{min-height:45px;border-radius:12px;font:750 12.5px/1 Inter,sans-serif;cursor:pointer}.mf-cancel{border:1px solid var(--line2);background:var(--surface);color:var(--txt2)}.mf-submit{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 9px 20px rgba(99,102,241,.24)}.mf-submit svg{width:16px;height:16px}.mf-submit:disabled{opacity:.6;cursor:wait}

@media(min-width:720px){.mf-scroll{padding-left:24px;padding-right:24px}.mf-compose-back{align-items:center}.mf-compose{padding:23px}}
@media(max-width:520px){.mf-actions{grid-template-columns:1fr}}
@media(max-width:370px){.mf-head{padding-left:9px;padding-right:9px}.mf-scroll{padding-left:10px;padding-right:10px}.mf-filter-row{align-items:stretch;flex-direction:column}.mf-select-label,.mf-select-label select{width:100%}.mf-status-filter{align-items:stretch;flex-direction:column}.mf-status-filter select{width:100%}.mf-compose{padding:15px}.mf-shot-field>div:first-child{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.mf-view,.mf-compose-back,.mf-compose,.mf-skeleton{animation:none!important}}