:root {font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif; color:#20283b; font-synthesis:none}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0}
button,input,textarea {font:inherit}
button {cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid #6378d4;outline-offset:2px}
a {text-decoration:none;color:inherit}
[hidden] {display:none!important}
/* studio */
body.studio-page {background:#f5f6fa;color:#19243a;min-height:100vh}
.studio-top{background:#fff;border-bottom:1px solid #e9ebef;height:77px;padding:0 clamp(18px,5.5vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.studio-brand{display:flex;align-items:center;gap:12px}
.studio-logo{display:grid;place-items:center;background:#101c35;color:#fff;font-family:Arial,sans-serif;font-size:34px;font-weight:800;width:44px;height:44px;border-radius:13px;letter-spacing:-4px;padding-left:5px}
.studio-logo span{color:#b2e5da}
.studio-brand b{display:block;font-size:18px;letter-spacing:-.25px}
.studio-brand small{display:block;font-size:10px;color:#8891a2;margin-top:-2px}
.top-suffix{display:flex;align-items:center;gap:24px;font-size:11px}
.status{color:#64708a;background:#f5f7fb;border:1px solid #e5e9ef;padding:8px 12px;border-radius:50px}
.status-dot{background:#43ad87;display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:6px}
.top-link{font-weight:700;color:#3a527b}
.top-link span{font-size:18px}
.studio-banner{margin:24px auto 20px;max-width:1190px;min-height:108px;background:#14223c;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:24px 38px;color:#fff;box-shadow:0 15px 35px #1a294319;position:relative;overflow:hidden}
.studio-banner::after{position:absolute;content:"";width:350px;height:350px;background:radial-gradient(circle,#738bac45,transparent 62%);top:-115px;left:8%;pointer-events:none}
.studio-banner b{display:block;font-size:21px;font-weight:800;margin-bottom:5px}
.studio-banner span:not(.banner-pill){display:block;color:#b8c9df;font-size:12px}
.banner-pill{border:1px solid #fff3;color:#d9e8f9;padding:9px 14px;border-radius:50px;font-size:10px;letter-spacing:1px;white-space:nowrap;z-index:1;direction:ltr}
.studio-grid{margin:auto;max-width:1190px;display:grid;grid-template-columns: 455px minmax(0,1fr);gap:24px;align-items:start}
.studio-editor{background:#fff;border:1px solid #eaedf3;box-shadow:0 16px 50px #1e35510b;border-radius:20px;overflow:hidden;min-height:680px}
.editor-head{padding:25px 29px 20px;display:flex;align-items:center;justify-content:space-between}
.eyebrow{font-size:9px;color:#8794a8;letter-spacing:1.6px;direction:ltr;display:block}
.editor-head h1{margin:2px 0 0;font-size:25px;letter-spacing:-.6px}
.edit-step{font-size:10px;color:#8c97a9}
.tabbar{display:flex;margin:0 28px;border-radius:11px;padding:4px;background:#f3f5f9;gap:2px}
.tab{flex:1;border:0;background:transparent;font-size:11px;padding:10px 4px;color:#7c8798;border-radius:8px}
.tab.active{background:#fff;color:#203354;box-shadow:0 3px 12px #15213c15;font-weight:700}
.tab-panel{padding:25px 29px 8px;min-height:385px}
.group-label{font-size:12px;font-weight:800;margin-bottom:12px}
.preset-row{display:flex;gap:9px;margin-bottom:24px}
.preset{flex:1;border:1px solid #dfe6f0;background:#fff;border-radius:11px;padding:12px 6px;font-size:12px;color:#647089}
.preset.active{border-color:#445a82;color:#1d3559;background:#edf2fa;font-weight:700}
.studio-editor label{display:block;font-size:11px;color:#46546c;font-weight:700;margin-bottom:16px}
.studio-editor label input,.studio-editor label textarea{display:block;width:100%;background:#fcfdff;border:1px solid #e3e8ef;padding:13px 14px;font-size:12px;color:#1d2c48;margin-top:7px;border-radius:10px;outline:none;transition:border .2s,box-shadow .2s;resize:vertical}
.studio-editor label input:focus,.studio-editor label textarea:focus{border-color:#8da2c4;box-shadow:0 0 0 3px #7794bd1b}
.studio-editor input::placeholder,.studio-editor textarea::placeholder{color:#a4acb9;font-weight:400}
.optional{font-size:10px;font-weight:400;color:#95a0b1}
.field-help{font-size:10px;color:#9aa4b4;line-height:1.9;margin:-6px 0 15px}
.editor-bottom{border-top:1px solid #f0f2f6;padding:15px 28px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#98a3b3}
.editor-bottom button{background:none;border:0;color:#7384a3;font-size:10px;font-weight:700}
.section-explain{font-size:11px;color:#8894a7;margin:0 0 20px;line-height:2}
.module-toggle{display:flex;justify-content:space-between;align-items:center;border:1px solid #e9edf4;border-radius:11px;padding:13px 14px;margin-bottom:9px;gap:15px;cursor:pointer}
.module-toggle .label-side{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}
.module-toggle .mini-icon{background:#f4f7fb;color:#647997;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:13px}
.switch{width:35px;height:20px;background:#dce2eb;border-radius:25px;position:relative;transition:background .2s;flex:none}
.switch:before{content:"";width:14px;height:14px;background:white;position:absolute;left:3px;top:3px;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .2s}
.module-toggle[aria-checked="true"] .switch{background:#263b60}
.module-toggle[aria-checked="true"] .switch:before{transform:translateX(15px)}
.mod-inputs{margin-top:22px}
.theme-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.theme-tile{background:#fff;border:1px solid #e6eaf1;padding:13px;text-align:right;border-radius:13px;display:grid;gap:6px}
.theme-tile.active{border:2px solid #4e6387;background:#f5f8fd;padding:12px}
.theme-chip{width:100%;height:70px;border-radius:9px;display:block}
.theme-chip.ink{background:linear-gradient(145deg,#14294a,#536a83 68%,#dbdfd2)}
.theme-chip.sage{background:linear-gradient(145deg,#2e4b47,#7f9f86 65%,#dce4d5)}
.theme-chip.sand{background:linear-gradient(145deg,#aa8e6e,#e7d6b8 70%,#f3e9dd)}
.theme-chip.plum{background:linear-gradient(145deg,#3e2f50,#866b8e 66%,#e0d9ed)}
.theme-tile b{font-size:11px}
.theme-tile small{font-size:10px;color:#8491a4}
.studio-preview{padding:8px 0 0;display:flex;flex-direction:column;align-items:center}
.preview-head{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;max-width:500px}
.preview-head h2{font-size:17px;margin:5px 0 0;letter-spacing:-.3px}
.preview-icons{color:#8491a4;font-family:Arial;font-size:12px;direction:ltr;white-space:nowrap}
.device-shell{width:342px;height:660px;border:9px solid #252b35;background:#fff;border-radius:43px;overflow:hidden;position:relative;box-shadow:0 22px 45px #13264136, 0 0 0 2px #bfc5ca;direction:ltr}
.device-top{height:35px;background:#fff;position:absolute;top:0;left:0;right:0;z-index:3;padding:9px 23px 0;display:flex;align-items:flex-start;justify-content:space-between;font-family:Arial,sans-serif;font-size:10px;font-weight:bold;color:#17213c}
.device-top .island{width:98px;height:22px;position:absolute;top:0;left:calc(50% - 49px);background:#252b35;border-radius:0 0 17px 17px}
.device-shell iframe{width:100%;height:calc(100% - 23px);border:0;margin-top:24px;display:block;background:#f5f5f2}
.device-bottom{height:13px;position:absolute;bottom:0;background:white;left:0;right:0;display:grid;place-items:center}
.home-indicator{height:4px;background:#202737;width:110px;border-radius:20px}
.preview-foot{width:100%;display:flex;justify-content:space-between;max-width:350px;padding:17px 3px;font-size:10px;color:#909bad}
.preview-foot span:last-child{color:#49a28b}
.studio-actions{max-width:1190px;margin:26px auto 35px;background:#fff;border:1px solid #e9edf4;border-radius:16px;padding:17px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.action-copy b{font-size:13px;display:block}
.action-copy small{font-size:10px;color:#8f9cac;display:block;margin-top:5px}
.studio-actions .buttons{display:flex;gap:10px}
.studio-actions button{border:1px solid #d8e0eb;border-radius:10px;padding:11px 17px;font-size:11px;font-weight:700}
.btn-outline{background:#fff;color:#445b7a}
.btn-fill{background:#1a2b48;color:#fff;border-color:#1a2b48!important}
.toast{visibility:hidden;opacity:0;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1e304c;color:#fff;font-size:12px;padding:12px 20px;border-radius:10px;z-index:100;transition:.2s;box-shadow:0 10px 40px #0003}
.toast.show{visibility:visible;opacity:1}
/* Smart Profile */
body.profile-page{margin:0;min-height:100vh;background:#eceff4;color:#1c2737}
.profile-page .profile-wrap{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 7px 45px #182a4117;padding-bottom:20px;overflow:hidden}
.profile-page .theme-ink{--accent:#2f4868;--accent-soft:#edf2f6;--cover-start:#172944;--cover-end:#526a84;--action:#244264;--profile-text:#1e2e41}
.profile-page .theme-sage{--accent:#45665b;--accent-soft:#e9f1eb;--cover-start:#24483f;--cover-end:#829e88;--action:#36584d;--profile-text:#183c31}
.profile-page .theme-sand{--accent:#87674e;--accent-soft:#f7f0e5;--cover-start:#8e7459;--cover-end:#dec5a3;--action:#87684c;--profile-text:#4e3d31}
.profile-page .theme-plum{--accent:#6a5378;--accent-soft:#f3edf6;--cover-start:#3b2f50;--cover-end:#9e85ac;--action:#614b74;--profile-text:#3d3249}
.cover-visual{height:166px;background:linear-gradient(124deg,var(--cover-start),var(--cover-end));position:relative;overflow:hidden}
.cover-visual:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:#ffffff0d;top:-190px;left:-65px;border:1px solid #fff3}
.cover-visual:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-45px;bottom:-125px;border:1px solid #ffffff47;box-shadow:0 0 0 40px #ffffff10}
.cover-top{position:absolute;top:27px;right:26px;left:26px;display:flex;justify-content:space-between;align-items:center;color:#fffdf0;z-index:2}
.cover-top b{font-size:10px;letter-spacing:1.5px;font-family:Arial,sans-serif}
.cover-top .share-cta{background:#ffffff20;color:#fff;border:1px solid #ffffff38;border-radius:40px;padding:7px 12px;font-size:10px}
.profile-main{padding:0 23px}
.avatar-wrap{margin-top:-52px;position:relative;z-index:3;display:flex;justify-content:center}
.profile-avatar{border-radius:50%;height:104px;width:104px;border:5px solid #fff;background:#e6edf1;display:grid;place-items:center;box-shadow:0 8px 26px #10223c20;color:var(--accent);font-size:38px;font-weight:800;overflow:hidden}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-name{text-align:center;margin:11px 0 2px;font-weight:800;font-size:24px;letter-spacing:-.8px;color:var(--profile-text);line-height:1.6;overflow-wrap:anywhere}
.profile-role{font-size:12px;text-align:center;color:#59677a;margin:0 0 3px;line-height:1.9}
.profile-tagline{font-size:10.5px;text-align:center;color:#98a3b0;line-height:1.8;margin:0 0 18px}
.save-contact{display:flex;justify-content:center;align-items:center;gap:9px;background:var(--action);color:#fff;border:0;border-radius:14px;font-weight:700;padding:14px;width:100%;font-size:13px;box-shadow:0 7px 17px #16263b18}
.save-contact svg{width:18px;height:18px}
.hero-tip{font-size:9px;text-align:center;color:#9ba4b2;margin:8px 0 20px}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px;direction:rtl}
.social-item{border:1px solid #eef0f5;border-radius:12px;padding:13px 3px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:69px;color:#465469;gap:5px;background:#fff}
.social-item svg{height:23px;width:23px;display:block}
.social-item small{font-size:9px;color:#566377}
.social-item[data-kind="wa"] svg{color:#18b66c}
.social-item[data-kind="ig"] svg{color:#d44c89}
.social-item[data-kind="tg"] svg{color:#229cd4}
.social-item[data-kind="phone"] svg{color:#426d96}
.social-item[data-kind="email"] svg{color:#ad6b54}
.social-item[data-kind="site"] svg{color:#375b79}
.social-item[data-kind="map"] svg{color:#c16e63}
.profile-divider{height:1px;background:#ecf0f3;margin:20px 0}
.profile-section{margin-top:22px}
.section-title{display:flex;align-items:center;gap:10px;margin:0 0 13px;font-weight:800;font-size:12px;color:#364455}
.section-title:before{content:"";width:3px;height:17px;background:var(--accent);border-radius:6px}
.bio-card{background:#f7f9fb;padding:17px;border-radius:14px;color:#647084;line-height:2.1;font-size:11px;white-space:pre-line}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.service-item{background:#fff;border:1px solid #e9edf1;border-radius:13px;min-height:66px;padding:12px;display:flex;align-items:center;gap:9px;color:#4a5668;font-size:10.5px;line-height:1.8}
.service-item .service-ornament{height:30px;width:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gallery-tile{aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,var(--cover-start),var(--cover-end));position:relative}
.gallery-tile img{height:100%;width:100%;object-fit:cover}
.gallery-tile:not(:has(img)):after{content:'◈';color:#ffffff7c;font-size:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.address-card{padding:15px;display:flex;gap:12px;align-items:flex-start;background:#f7f9fb;border-radius:13px;color:#667286;font-size:11px;line-height:2}
.address-card .pin{width:32px;height:32px;background:var(--accent-soft);color:var(--accent);border-radius:10px;display:grid;place-items:center;flex:none}
.address-card a{font-size:10px;color:var(--accent);font-weight:700;display:block;margin-top:4px}
.cta-card{background:var(--accent-soft);padding:17px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--accent);font-size:12px;font-weight:700}
.cta-card a{background:var(--action);padding:9px 13px;border-radius:9px;color:#fff;font-size:10px;white-space:nowrap}
.profile-footer{border-top:1px solid #eef0f3;padding:20px 21px 10px;margin:29px 20px 0;text-align:center;color:#abb4c1}
.profile-footer .byline{font-size:8.5px;letter-spacing:.5px}
.profile-footer .byline b{color:#71819a;font-family:Arial}
.footer-small{display:block;font-size:9px;color:#9cabb8;margin-top:9px;line-height:1.9}
.footer-small a{color:#8d9caa}
.profile-empty{height:100vh;display:grid;place-content:center;padding:40px;text-align:center;color:#617085}
.profile-empty b{font-size:17px;color:#233c5b}
.profile-empty p{font-size:12px;line-height:2}
.profile-empty a{font-size:12px;color:#385d8c}
@media (max-width:1250px){.studio-grid,.studio-banner,.studio-actions{margin-left:25px;margin-right:25px}.studio-grid{grid-template-columns:435px minmax(0,1fr)}}
@media (max-width:760px){.studio-top{padding:0 17px;height:66px}.top-suffix .status{display:none}.studio-banner{margin:15px 13px;padding:20px;border-radius:14px;min-height:100px}.studio-banner b{font-size:17px}.studio-banner span:not(.banner-pill){font-size:11px}.banner-pill{display:none}.studio-grid{display:flex;flex-direction:column-reverse;align-items:stretch;margin:0 12px;gap:15px}.studio-preview{padding:10px 15px 0}.studio-editor{min-height:auto}.preview-head{margin-bottom:13px}.preview-head h2{font-size:15px}.device-shell{width:min(342px,90vw);height:570px}.studio-actions{margin:20px 12px 25px;flex-wrap:wrap;padding:20px}.studio-actions .buttons{width:100%;display:flex}.studio-actions button{flex:1}.editor-head{padding:22px 20px 18px}.tabbar{margin:0 18px}.tab-panel{padding:22px 20px 8px;min-height:auto}.editor-bottom{padding:15px 20px}}
@media (max-width:370px){.profile-main{padding:0 17px}.cover-visual{height:153px}.profile-name{font-size:22px}.social-grid{gap:5px}.social-item{min-height:63px}.studio-banner{padding:14px}.studio-banner b{font-size:16px}}

/* Concept 02 additions */
.studio-editor .tabbar{gap:1px;margin:0 15px}
.studio-editor .tab{font-size:10px;padding:10px 2px;min-width:0;white-space:nowrap}
.social-selector-list{display:grid;gap:9px}
.social-editor{border:1px solid #e5eaf1;border-radius:13px;padding:11px 12px;background:#fff}
.social-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.social-editor-head label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;cursor:pointer}
.social-editor-head input[type=checkbox]{accent-color:#263b60;width:17px;height:17px;margin:0}
.social-editor .platform-badge{min-width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#f0f5f9;font-family:Arial,sans-serif;color:#29435a;font-size:13px;font-weight:800}
.studio-editor .social-editor input.platform-input{margin:10px 0 0;width:100%;padding:11px 12px;border:1px solid #e0e7ef;border-radius:9px;background:#f8fafc;font-size:12px;direction:ltr;text-align:left}
.social-editor:has(input[type=checkbox]:not(:checked)) .platform-input{display:none}
.sensitive-hint{background:#fff9ec;color:#83632c;border-radius:10px;padding:12px 14px;font-size:11px;line-height:1.9}
.preview-guide{background:#eef3f9;color:#61738a;padding:12px 15px;border-radius:10px;font-size:10px;max-width:380px;line-height:1.9;text-align:center}
.bank-panel{border:1px solid #ebeff4;border-radius:15px;overflow:hidden;background:#fbfcfe}
.bank-panel .bank-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f3f6fb}
.bank-head span{font-size:11px;color:#60748d}
.bank-row{padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eff2f7}
.bank-row .bank-title{font-size:10px;color:#7f8ea2}
.bank-row strong{display:block;color:#2a3a51;font-size:12px;margin-top:3px;direction:ltr;unicode-bidi:plaintext;font-family:Tahoma,Arial;letter-spacing:.25px}
.bank-copy{border:1px solid #dce5f0;background:#fff;color:#536f95;border-radius:9px;padding:8px 10px;white-space:nowrap;font-size:10px;min-width:49px}
.bank-copy-all{padding:8px 11px;border:none;border-radius:9px;background:#dce7f4;color:#30496a;font-size:10px;font-weight:700}
.bank-note{padding:11px 15px;color:#9ba6b3;font-size:9px;line-height:1.8}
.social-item[data-kind="linkedin"] .social-mark{background:#0a66c2;color:#fff}
.social-item[data-kind="rubika"] .social-mark{background:#4f46e5;color:#fff}
.social-item[data-kind="bale"] .social-mark{background:#16a1ac;color:#fff}
.social-item[data-kind="eitaa"] .social-mark{background:#f59e0b;color:#fff}
.social-item[data-kind="soroush"] .social-mark{background:#3869d5;color:#fff}
.social-item[data-kind="aparat"] .social-mark{background:#e4214d;color:#fff}
.social-item[data-kind="youtube"] .social-mark{background:#f33;color:#fff}
.social-item[data-kind="x"] .social-mark{background:#111;color:#fff}
.social-item .social-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:800;line-height:1;font-family:Tahoma,Arial,sans-serif}
.social-item .social-mark.long{font-size:9px}
.qr-panel{border:1px solid #e9edf3;border-radius:16px;text-align:center;padding:17px;background:linear-gradient(180deg,#fff,#f7f9fc)}
.qr-panel canvas{background:#fff;border-radius:8px;width:174px;height:174px;max-width:100%;object-fit:contain;display:block;margin:0 auto 7px;image-rendering:pixelated}
.qr-panel p{font-size:10px;color:#94a1b1;line-height:1.9;margin:7px 0}
.qr-panel .qr-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:9px}
.qr-panel button{border-radius:9px;background:#eef2f8;color:#3d5573;border:1px solid #dde5f0;padding:9px 14px;font-size:10px;cursor:pointer}
.qr-panel .qr-warning{color:#a67235}
@media (max-width:760px){.studio-editor .tabbar{margin:0 12px}.studio-editor .tab{font-size:9px;padding:9px 0}.studio-top{min-height:67px}}

/* Concept 02.1 — upload preview + destination picker */
.logo-upload-block{display:flex;align-items:center;gap:10px;border:1px dashed #b7c8d9;background:#f7fafc;border-radius:14px;padding:14px;margin:9px 0 12px}
.upload-icon{width:42px;height:42px;border-radius:12px;background:#e7edf6;color:#516983;font-size:24px;display:grid;place-items:center;flex:none}
.upload-info{flex:1;min-width:0}.upload-info b{display:block;font-size:11px;color:#2d4059}.upload-info small{display:block;font-size:9px;color:#8d9aa8;margin-top:3px;line-height:1.7}
.studio-editor label.upload-button{font-size:10px;background:#243a5c;color:white;border-radius:9px;padding:11px;margin:0;white-space:nowrap;cursor:pointer}
.logo-status{margin:0 0 18px;font-size:10px}
.map-editor{margin:6px 0 24px;border:1px solid #e4eaf2;border-radius:15px;padding:12px;background:#fbfcfe}
.map-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.map-heading b{font-size:12px;color:#2b3f5c}.map-heading .map-hint{font-size:9px;color:#8998a9}
.map-control-row{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap}.map-control-row button{background:#203956;color:#fff;border:0;border-radius:8px;font-size:10px;padding:9px 12px}.map-control-row button.secondary{background:#edf2f7;color:#65788e}
.location-map{height:240px;overflow:hidden;position:relative;direction:ltr;background:#e4eaf1;border:1px solid #dce4ed;border-radius:12px;cursor:crosshair;touch-action:none;user-select:none}
.map-tiles{position:absolute;inset:0;pointer-events:none;z-index:1}.map-tiles img{position:absolute;width:256px;height:256px;max-width:none;user-select:none;pointer-events:none}
.map-grid-backdrop{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#ffffff42 1px,transparent 1px),linear-gradient(90deg,#ffffff42 1px,transparent 1px);background-size:45px 45px;opacity:.35;z-index:2}
.location-marker{position:absolute;z-index:4;transform:translate(-50%,-100%);pointer-events:none;font-size:21px;width:26px;height:36px;background:#c94c51;color:#fff;clip-path:polygon(50% 100%,8% 40%,8% 21%,20% 8%,50% 0,80% 8%,92% 21%,92% 40%);display:grid;place-items:start center;padding-top:4px;filter:drop-shadow(0 3px 3px #253a58a6)}
.location-marker span{font-size:13px;color:#fff}
.map-zoom{position:absolute;right:9px;top:10px;z-index:7;display:grid;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #0002}.map-zoom button{height:34px;width:34px;background:white;border:0;color:#344d70;font-size:22px;font-family:Arial;border-bottom:1px solid #dde5ed}
.map-attribution{position:absolute;z-index:7;bottom:0;left:0;background:#fffe;font-size:9px;color:#424b57;padding:3px 7px;border-radius:0 5px 0 0;pointer-events:auto}.map-attribution a{color:#22548f;text-decoration:underline}
.map-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.map-coordinates label{font-size:10px;margin-bottom:4px}.map-coordinates label input{font-size:11px;padding:10px!important}
.map-note{margin:8px 0 0}.map-destination-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
@media(max-width:400px){.logo-upload-block{flex-wrap:wrap}.upload-info{min-width:160px}.map-coordinates{grid-template-columns:1fr 1fr}}

/* Cloudinary proof-of-connection panel */
.cloud-panel{border:1px solid #dce5ee;border-radius:14px;background:#f8fafc;margin:12px 0;padding:14px}
.cloud-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#17334c;margin-bottom:10px}
.cloud-state{font-size:10px;border-radius:20px;background:#e0f2fe;color:#0369a1;padding:4px 9px;white-space:nowrap}
.cloud-test-button{border:1px solid #9bb6d2;border-radius:9px;background:#e7f0f8;color:#163b55;padding:11px 12px;font:inherit;font-size:12px;font-weight:bold;cursor:pointer;width:100%;margin:9px 0}
.cloud-test-button:hover{background:#d8e9f7}
.cloud-panel label{display:block;font-size:12px;margin-top:8px}
.cloud-panel input{width:100%;max-width:100%;font-family:monospace;direction:ltr;text-align:left}
.cloud-panel .field-help{font-size:11px;line-height:1.8}

/* Upload service settings (Concept 02.3) */
.cloud-panel input[type="password"]{font-family:inherit;letter-spacing:1px}
.cloud-panel input[type="url"]{direction:ltr;text-align:left}
.cloud-control-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.cloud-control-row button{flex:1 1 170px}

/* HTH Studio 02.4 — multi-account banking editor and public card */
.banks-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.banks-intro b{display:block;font-size:13px;color:#172b49}
.banks-intro p{font-size:10px;color:#718198;line-height:1.9;margin:8px 0 0}
.banks-count{flex:none;background:#e9f0fa;color:#42628d;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700}
.bank-edit-list{display:grid;gap:15px;margin-bottom:15px}
.bank-editor-card{background:#fbfcff;border:1px solid #e0e7f0;border-radius:16px;overflow:hidden;box-shadow:0 5px 12px #1a345008}
.bank-edit-head{display:flex;align-items:center;gap:11px;background:#f0f4f9;padding:12px 14px}
.bank-editor-icon{width:43px;height:43px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid #e4e9f0;flex:none}
.bank-editor-image{width:100%;height:100%;object-fit:contain;padding:5px}
.bank-editor-fallback{font-weight:900;color:#426389;font-size:17px}
.bank-edit-title{flex:1;min-width:0}.bank-edit-title b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-edit-title small{font-size:10px;display:block;color:#7c8898;margin-top:4px}
.bank-remove{border:1px solid #f0c9c9;background:#fff;color:#ae5151;border-radius:9px;padding:7px 10px;font-size:10px}
.bank-editor-fields{padding:16px 14px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
.studio-editor .bank-editor-fields label{font-size:10px;margin-bottom:12px;min-width:0}
.studio-editor .bank-editor-fields input{padding:11px 9px;font-size:11px;min-width:0;width:100%}
.bank-editor-fields .bank-wide{grid-column:1/-1}
.bank-logo-upload{margin:0 14px 16px;border:1px dashed #d7e3f0;border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.studio-editor .bank-file-button{background:#e6eef9;color:#3d5b83;border-radius:8px;padding:10px 12px;font-size:10px;cursor:pointer;margin:0}
.bank-logo-upload small{font-size:9px;line-height:1.7;color:#8697ac;flex:1;min-width:140px}
.bank-add-btn{display:block;border:1px dashed #8da9ca;border-radius:12px;width:100%;padding:14px;background:#f0f6fd;font-weight:800;color:#294c7a;font-size:12px}
.bank-add-btn:disabled{opacity:.55;cursor:not-allowed}
.bank-empty{text-align:center;padding:29px 12px;background:#f6f8fb;border:1px dashed #d4dfeb;border-radius:12px;color:#8b99ab;font-size:11px}
.multi-bank-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.multi-bank-title .section-title{margin-bottom:0}
.multi-bank-list{display:grid;gap:12px}
.multi-bank-list .bank-panel{background:#fff;border:1px solid #e1e8f1;box-shadow:0 6px 18px #283f5a0c}
.multi-bank-list .bank-head{display:flex;align-items:center;gap:10px;padding:12px;background:#f3f6fa}
.bank-brand{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:11px;background:#fff;border:1px solid #e3e9ef;overflow:hidden}
.bank-brand-logo{width:100%;height:100%;object-fit:contain;padding:5px}
.bank-brand-placeholder{font-size:15px;color:#4b6b8b;font-weight:900}
.bank-head-text{flex:1;min-width:0}.bank-head-text b{display:block;font-size:12px;color:#233953}.bank-head-text small{font-size:10px;color:#788ba0;display:block;margin-top:5px}
.bank-head .bank-copy-all{flex:none;font-size:9px;padding:8px 9px}
.multi-bank-title .bank-copy-all{font-size:9px}
.bank-row strong{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:400px){.bank-editor-fields{grid-template-columns:1fr}.bank-head .bank-copy-all{max-width:93px;white-space:normal;line-height:1.6}}

/* HTH 02.5 — fixed bank catalogue, zero bank-logo upload */
.studio-editor .bank-editor-fields select.bank-select{appearance:auto;background:#fff;border:1px solid #d9e2ed;border-radius:10px;min-height:43px;padding:10px 12px;width:100%;font-size:12px;color:#20354f;font-family:inherit;cursor:pointer;direction:rtl;box-sizing:border-box}
.bank-auto-note{font-size:10px;line-height:1.8;color:#5d7896;margin:3px 14px 15px;padding:8px 10px;border-radius:9px;background:#eaf1fa}
.bank-editor-generic,.bank-brand-generic{color:#7b8a9d;font-size:22px;font-weight:400}
.bank-editor-image[hidden],.bank-brand-logo[hidden],.bank-editor-fallback[hidden],.bank-brand-placeholder[hidden]{display:none!important}
.bank-editor-icon,.bank-brand{position:relative}