@font-face{font-family:LocalArabic;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#20332d;background:#f7f8f3;font-family:LocalArabic,Tahoma,Arial,sans-serif;line-height:1.8}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c68a38;outline-offset:4px}header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dde3d8}.brand{font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px}.brand-icon{background:#173e32;color:#dceaaa;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:27px}.beta{font-size:11px;font-weight:500;background:#e8ecdf;padding:3px 9px;border-radius:20px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a[aria-current=page]{font-weight:700;color:#215f43}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #234e3d;background:#234e3d;color:white;padding:12px 22px;border-radius:10px;font-weight:600;line-height:1.6}.button.secondary{background:white;color:#234e3d;border-color:#cdd7cd}.button.small{padding:9px 16px;font-size:13px}.button.light{background:#e1efb0;color:#153b2d;border-color:#e1efb0}.text-button{border:0;background:transparent;color:#41664f;padding:8px;text-decoration:underline}.eyebrow{font-size:12px;color:#53705b;letter-spacing:1px;font-weight:700;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7bd61}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,56px);line-height:1.35;letter-spacing:-1px}h2{font-size:28px;line-height:1.5}h3{font-size:19px}.muted{color:#6c786e}.hero{max-width:1240px;margin:0 auto;padding:72px 40px 56px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero h1{margin:20px 0}.hero h1 em{font-style:normal;color:#688346}.hero p{max-width:470px;color:#6a786b;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.micro{font-size:12px;color:#73806c;margin-top:16px}.mock{position:relative;background:#e4e9dd;padding:25px;border-radius:24px;transform:rotate(-2deg)}.mock-window{background:white;box-shadow:0 18px 40px #153b2d14;border-radius:12px;overflow:hidden;border:1px solid #cfd7c9}.browser-bar{direction:ltr;border-bottom:1px solid #e9ede5;padding:10px 14px;display:flex;gap:5px;align-items:center;font:10px monospace;color:#99a18f}.browser-bar i{width:6px;height:6px;background:#cad3bf;border-radius:50%}.browser-bar span{margin:auto}.mock-content{padding:24px;background:#f8f6f0}.mock-nav{display:flex;justify-content:space-between;font-size:10px;margin-bottom:30px}.mock-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;align-items:center}.mock-hero h3{font-size:28px;line-height:1.5}.abstract{min-height:160px;border-radius:80px 80px 8px 8px;background:linear-gradient(140deg,#b6c697,#496846);position:relative;overflow:hidden}.abstract:after{content:'';position:absolute;bottom:-35px;left:20px;width:180px;height:150px;border:1px solid #e2e7b7;border-radius:50%;transform:rotate(35deg)}.mock-cards{display:flex;gap:10px;margin-top:28px}.mock-cards span{background:#ebece1;flex:1;border-radius:8px;padding:14px 5px;text-align:center;font-size:10px}.floating{position:absolute;bottom:6px;right:-22px;padding:12px 20px;background:#fff;border:1px solid #d9e1d1;border-radius:12px;box-shadow:0 10px 30px #234e3d10;font-size:12px;transform:rotate(2deg)}.section{max-width:1240px;margin:auto;padding:24px 40px 60px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{border-top:1px solid #ced8c5;padding-top:22px}.step strong{color:#8e9d6b;font-size:13px}.step h3{margin:12px 0 5px}.step p{color:#73806e;font-size:14px}.banner{background:#183e31;color:white;border-radius:16px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.banner p{color:#c7d8bf;font-size:14px}.page{max-width:1240px;margin:auto;padding:42px 40px 65px}.page h1{font-size:34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.stats{display:flex;gap:25px;margin:20px 0;color:#73806e;font-size:13px}.toolbar{display:flex;gap:12px;margin:24px 0}.toolbar input{max-width:370px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid #dce3d6;border-radius:14px;overflow:hidden;min-width:0}.card-thumb{height:140px;background:linear-gradient(120deg,#dfe9d4,#f1f0e4);display:grid;place-items:center;position:relative}.card-thumb:before{content:'';width:65%;height:65%;border:8px solid #ffffffc9;border-radius:8px;background:linear-gradient(120deg,#43614b 45%,#a1b289 46%);box-shadow:0 4px 12px #19382418}.card-body{padding:20px}.card p{font-size:13px;color:#788271;margin:8px 0;overflow-wrap:anywhere}.card h3{overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px;font-size:12px}.badge{display:inline-block;background:#edf0e4;color:#546440;border-radius:20px;padding:3px 10px;font-size:11px}.empty{text-align:center;padding:70px 24px;border:1px dashed #c7d2bd;border-radius:16px;background:#f0f3e9}.empty .symbol{font-size:38px;color:#637f49;margin-bottom:14px}.empty p{margin:8px auto 22px;max-width:440px;color:#74806b}.form-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:30px;align-items:start}.panel{border:1px solid #dce2d5;background:white;padding:28px;border-radius:16px}.field{margin-bottom:22px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #cdd7c5;border-radius:9px;color:#243d2e;background:#fcfdf9;min-width:0}textarea{resize:vertical;min-height:185px}.hint{font-size:12px;color:#78856d;margin-top:6px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{font-size:12px;border:1px solid #d9e1d0;border-radius:20px;background:#f7f9f1;padding:6px 12px;color:#4c6444}.note{padding:14px 16px;background:#f2f4e9;border-radius:10px;font-size:13px;color:#647250;border:1px solid #e5e9d8}.aside{background:#e9efdd}.aside ul{padding-right:20px;color:#647653;font-size:14px}.aside h3{margin-bottom:12px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}.workspace .panel{padding:22px}.workspace h2{font-size:20px}.workspace textarea{min-height:200px}.preview-shell{background:#e8ece2;border:1px solid #d8dfd1;border-radius:14px;overflow:hidden;min-width:0}.preview-toolbar{background:white;display:flex;justify-content:space-between;gap:10px;padding:14px;align-items:center;border-bottom:1px solid #d8dfd1;font-size:12px}.preview-toolbar button{border:1px solid #d6dece;background:#f7f9f1;color:#526547;padding:6px 10px;border-radius:7px}.preview-toolbar button[aria-pressed=true]{background:#244d3b;color:white}.frame-wrap{padding:22px;display:flex;justify-content:center;min-height:510px;overflow:auto}.frame-wrap iframe{width:100%;height:540px;border:0;background:white;border-radius:8px;transition:width .2s;max-width:100%}.frame-wrap.mobile iframe{width:390px}.status-line{font-size:12px;color:#748362;margin-bottom:16px}.workspace .button{width:100%;margin-top:10px}.error{color:#9b3434;background:#fff0eb;border-radius:8px;padding:10px;margin-bottom:15px;font-size:13px}.saved{font-size:12px;color:#54823c}footer{max-width:1240px;margin:auto;padding:24px 40px;border-top:1px solid #dce3d4;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#798570}#toast{position:fixed;bottom:25px;left:25px;max-width:calc(100% - 50px);background:#193e31;color:white;border-radius:12px;padding:14px 22px;box-shadow:0 10px 40px #14322222;z-index:10}#toast:empty{display:none}.skip{position:fixed;top:-80px;right:15px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:30px}.workspace{grid-template-columns:280px minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){header{padding:18px 20px;flex-wrap:wrap;gap:15px}.brand{font-size:23px}nav{gap:22px;width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding:38px 24px;gap:45px}.hero h1{font-size:38px}.mock{max-width:480px;margin:0 8px}.floating{right:-10px}.section,.page{padding:26px 20px 40px}.steps,.form-layout,.workspace{grid-template-columns:1fr}.page-heading,.section-title,.banner{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:0}.panel{padding:22px}.frame-wrap{padding:10px}.preview-toolbar{flex-wrap:wrap}footer{padding:24px 20px;flex-direction:column;gap:5px}.stats{flex-wrap:wrap;gap:12px}.page h1{font-size:30px}}
main:focus{outline:none}
.hero-compose{margin:28px 0 12px;padding:16px;background:#fff;border:1px solid #d8e3d9;border-radius:18px;box-shadow:0 20px 50px #193e3112;max-width:570px}.hero-compose label,.chat-compose label{display:block;font-weight:700;font-size:13px;margin:0 0 8px}.hero-compose textarea{border:0;background:transparent;min-height:100px;padding:4px;outline:none}.compose-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:#748676;flex-wrap:wrap}.hero-art{background:#dfeadd;padding:22px;border-radius:26px;position:relative;box-shadow:0 28px 60px #244e3d16;min-height:440px;transform:rotate(-2deg)}.art-top{background:#fff;padding:11px 18px;border-radius:14px 14px 0 0;color:#9eaf9e;font-size:12px;display:flex;justify-content:space-between}.art-body{background:#fbfbf5;padding:45px 35px;min-height:355px;border-radius:0 0 14px 14px}.art-body small,.art-label{color:#6c9478}.art-body h2{font-size:clamp(28px,3vw,44px);margin:17px 0}.art-bars{display:grid;gap:8px;width:70%;margin:25px 0}.art-bars i{height:9px;background:#d9e7d7;border-radius:8px}.art-bars i:nth-child(2){width:83%}.art-bars i:nth-child(3){width:60%}.art-cards{display:flex;gap:10px}.art-cards span{flex:1;padding:15px 5px;text-align:center;background:#e6eee2;border-radius:9px;font-size:12px}.art-float{position:absolute;bottom:-13px;left:-18px;background:#fff;padding:11px 17px;border-radius:12px;font-size:12px;box-shadow:0 10px 30px #193e3120}.card-thumb span{position:relative;z-index:1;color:#fff;font-size:35px}.studio{max-width:1600px;margin:auto;padding:24px 30px 45px}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.studio-head input{border:0;background:transparent;font-size:26px;font-weight:800;padding:4px 0;max-width:470px}.studio-head p{font-size:12px}.studio-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger{border:1px solid #dcb9af;background:#fff4f1;color:#a43c31;border-radius:10px;padding:9px 15px}.studio-grid{display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:15px;min-height:680px}.studio-chat,.studio-content{background:white;border:1px solid #dce4db;border-radius:17px;overflow:hidden;min-width:0}.studio-chat{display:flex;flex-direction:column;height:720px}.pane-title,.content-toolbar{padding:13px 18px;border-bottom:1px solid #e1e7df;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.chat-log{flex:1;overflow:auto;padding:16px;background:#fbfcf8}.bubble{max-width:93%;margin-bottom:15px;padding:12px 15px;border:1px solid #e1e9de;border-radius:14px;background:white;font-size:13px;overflow-wrap:anywhere}.bubble.user{margin-right:auto;background:#e8f1e7}.bubble small{display:block;color:#6c846d;margin-bottom:5px}.bubble p{white-space:pre-wrap}.chat-compose{padding:14px;border-top:1px solid #e1e7df}.chat-compose textarea{min-height:90px;max-height:160px}.chat-compose .button{width:100%;margin-top:8px}.content-toolbar{flex-wrap:wrap}.view-tabs,.device-tabs{display:flex;gap:5px}.view-tabs button,.device-tabs button{border:1px solid #d8e2d5;background:#f8faf5;padding:7px 12px;border-radius:8px;font-size:13px}.view-tabs button[aria-pressed=true],.device-tabs button[aria-pressed=true]{background:#214d3e;color:#fff}.preview-pane{background:#edf0e9;min-height:620px}.preview-note{font-size:12px;color:#6b7b6d;padding:10px 16px}.preview-pane .frame-wrap{padding:12px;min-height:600px}.preview-pane iframe{height:590px;box-shadow:0 15px 45px #28453520}.code-pane{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:630px}.code-pane[hidden],.preview-pane[hidden]{display:none}.file-sidebar{padding:15px;border-left:1px solid #e3eae2;background:#f8faf7}.file-sidebar h3{font-size:14px;margin-bottom:12px}.file-item{display:block;width:100%;text-align:right;border:0;background:transparent;padding:10px;border-radius:8px;font:12px Consolas,monospace;direction:ltr}.file-item.selected{background:#e4efe4;color:#24583c}.file-sidebar .button{margin-top:16px;width:100%}.editor-wrap{min-width:0;display:flex;flex-direction:column;padding:14px;gap:12px}.editor-top{display:flex;justify-content:space-between;gap:8px;font-size:12px}.editor-top span{color:#7c897e}.editor-wrap textarea{flex:1;min-height:480px;direction:ltr;text-align:left;white-space:pre;font:13px/1.6 Consolas,monospace;tab-size:2}.editor-wrap .button{align-self:flex-start}.preview-pane .error{margin:12px}@media(max-width:850px){.studio{padding:16px}.studio-grid{grid-template-columns:1fr}.studio-chat{height:440px}.studio-head{align-items:flex-start;flex-direction:column}.hero-art{max-width:540px;margin:10px}.code-pane{grid-template-columns:1fr}.file-sidebar{border-left:0;border-bottom:1px solid #e3eae2}.file-sidebar #file-list{display:flex;gap:5px;overflow:auto}.file-item{width:auto;white-space:nowrap}.file-sidebar .button{width:auto}.editor-wrap textarea{min-height:370px}}@media(max-width:450px){.studio{padding:8px}.studio-actions{width:100%}.studio-actions .button,.studio-actions .danger{flex:1;padding:8px;font-size:11px}.studio-head input{width:100%;font-size:22px}.hero-art{min-height:350px}.art-body{min-height:300px;padding:30px 22px}.art-float{left:0}.content-toolbar{align-items:flex-start}.view-tabs button,.device-tabs button{font-size:11px;padding:7px}.preview-pane iframe{height:540px}}

.publish-dialog{width:min(520px,calc(100vw - 28px));max-height:85vh;overflow:auto;border:1px solid #cdd7cd;border-radius:16px;padding:26px;background:#fff;color:#20332d;box-shadow:0 25px 80px #15291f44}.publish-dialog::backdrop{background:#10251bbb}.publish-dialog h2{margin-bottom:12px}.publish-dialog p{margin:10px 0}.publish-dialog a{text-decoration:underline;color:#215f43}
.publish-dialog .publish-confirm{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:13px}.publish-dialog .publish-confirm input{margin-top:7px}.publish-dialog #published-link{margin-top:18px;padding:13px;border:1px solid #dce4db;border-radius:10px;overflow-wrap:anywhere}.publish-dialog #published-link[hidden]{display:none}.publish-dialog #site-url{direction:ltr;display:block;text-align:left}
.content-manager,.account-dialog{width:min(760px,calc(100vw - 24px));max-height:88vh;overflow:auto}.content-manager section{border-top:1px solid #dfe6dc;padding-top:14px;margin-top:14px}.product-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #dfe6dc;border-radius:14px;padding:14px;margin:12px 0}.product-row legend{font-weight:700;padding:0 8px}.product-row label,.content-manager label,.account-dialog label{display:grid;gap:6px}.product-row textarea{min-height:80px}.product-row .actions{grid-column:1/-1}.publish-dialog select{width:100%;padding:10px;border:1px solid #ccd7cc;border-radius:9px;background:white}@media(max-width:650px){.product-row{grid-template-columns:1fr}.publish-dialog{width:calc(100vw - 18px)}}
/* Marketplace navigation remains touch-friendly with additional RTL links. */
header nav{flex-wrap:wrap;min-width:0} .page>.panel{margin-top:20px}.page .panel label{display:block;margin:12px 0}.page .panel input,.page .panel textarea,.page .panel select{display:block;max-width:100%;width:100%}.page .toolbar input{min-width:0}.page .card-body{overflow-wrap:anywhere}
@media(max-width:700px){header{flex-wrap:wrap;padding:16px;gap:12px}header nav{width:100%;gap:8px;justify-content:flex-start}header nav a,header nav button{font-size:12px}main,.studio,.studio-grid,.studio-content,.studio-chat,.page{min-width:0;max-width:100%}.studio-actions,.studio-header,.content-toolbar{flex-wrap:wrap}.page .toolbar{flex-wrap:wrap}.page .toolbar input,.page .toolbar select{width:100%}.page>.button{margin:4px 0}}

/* BUNELYA Titanium design system. Platform UI only; previewed customer sites remain untouched. */
:root{--ti-dark:#303841;--ti-light:#667784;--ti-sky:#75BBD8;--ti-ice:#DCE8EF;--ti-bg:#F5F7F9;--ti-panel:#fff;--ti-line:#CAD6DE;--ti-muted:#586875;--ti-danger:#A33A45;--ti-shadow:0 18px 50px rgba(48,56,65,.11)}
body{color:var(--ti-dark);background:linear-gradient(180deg,#fff 0,var(--ti-bg) 32%);letter-spacing:.01em}
header{background:rgba(255,255,255,.94);border-color:var(--ti-line);box-shadow:0 8px 28px rgba(48,56,65,.06);position:sticky;top:0;z-index:9;backdrop-filter:blur(16px)}
.brand-icon{background:linear-gradient(145deg,var(--ti-dark),var(--ti-light));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 18px rgba(48,56,65,.18)}
.beta,.badge{background:var(--ti-ice);color:var(--ti-dark);border:1px solid #bfd2dd}
nav a[aria-current=page],.text-button,.eyebrow{color:#345D70}.dot{background:var(--ti-sky);box-shadow:0 0 0 4px rgba(117,187,216,.18)}
.button{border-color:var(--ti-dark);background:linear-gradient(135deg,var(--ti-dark),#485661);box-shadow:0 8px 22px rgba(48,56,65,.14)}
.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--ti-dark);border-color:#AFC3CF;box-shadow:none}.button.light{background:var(--ti-sky);color:#17242B;border-color:var(--ti-sky)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ti-sky);outline-offset:3px}
.hero h1 em,.saved{color:#347A99}.hero p,.muted,.hint,.micro,.status-line,.card p,.empty p{color:var(--ti-muted)}
.hero-art,.mock{background:linear-gradient(145deg,var(--ti-ice),#C6DCE7);box-shadow:var(--ti-shadow)}.art-body,.mock-content{background:#FBFCFD}.art-body small,.art-label{color:#3B7891}.art-bars i{background:#C1D9E5}.art-cards span,.mock-cards span{background:#E7F0F5}.art-float,.floating{border-color:#BED2DE;box-shadow:var(--ti-shadow)}
.abstract{background:linear-gradient(140deg,var(--ti-sky),var(--ti-light))}.banner{background:linear-gradient(135deg,var(--ti-dark),#465560)}
.panel,.card,.studio-chat,.studio-content,.hero-compose{border-color:var(--ti-line);background:var(--ti-panel);box-shadow:0 10px 30px rgba(48,56,65,.055)}
.card-thumb{background:linear-gradient(135deg,var(--ti-ice),#F0F5F8)}.card-thumb:before{background:linear-gradient(120deg,var(--ti-dark) 45%,var(--ti-sky) 46%);border-color:rgba(255,255,255,.88)}
.empty{border-color:#AFC3CF;background:#EEF4F7}.empty .symbol{color:#477C93}.aside{background:linear-gradient(160deg,#E7F1F6,#D8E7EE)}
input,textarea,select{border-color:#B8C9D3;color:var(--ti-dark);background:#FBFCFD}input:focus,textarea:focus,select:focus{border-color:var(--ti-sky);box-shadow:0 0 0 4px rgba(117,187,216,.16)}
.note{background:#EAF3F7;border-color:#C9DDE7;color:#435864}.chip{border-color:#BDD0DA;background:#F7FAFC;color:#3F5C6A}.preview-shell,.preview-pane{background:#E6EDF1;border-color:#C4D1D9}.preview-toolbar,.pane-title,.content-toolbar{border-color:#D3DEE4}.preview-toolbar button,.view-tabs button,.device-tabs button{border-color:#BFD0D9;background:#F8FAFB;color:#445763}.preview-toolbar button[aria-pressed=true],.view-tabs button[aria-pressed=true],.device-tabs button[aria-pressed=true]{background:var(--ti-dark);color:#fff}
.chat-log,.file-sidebar{background:#F5F8FA}.bubble{border-color:#D1DEE5}.bubble.user{background:#DCECF4}.file-item.selected{background:var(--ti-ice);color:#285D74}.danger{border-color:#D9B7BC;background:#FFF6F7;color:var(--ti-danger)}
.error{color:#852F39;background:#FFF2F4;border:1px solid #E7C3C8}footer{border-color:var(--ti-line);color:var(--ti-muted)}#toast{background:var(--ti-dark);border-right:5px solid var(--ti-sky);box-shadow:var(--ti-shadow)}
dialog{border:1px solid var(--ti-line);border-radius:20px;color:var(--ti-dark);background:#fff;box-shadow:0 30px 90px rgba(25,34,41,.28)}dialog::backdrop{background:rgba(31,39,45,.54);backdrop-filter:blur(5px)}.identity-panel{padding:15px 0;border-bottom:1px solid var(--ti-line);margin-bottom:16px}
@media(max-width:700px){header{position:static}.brand{width:100%}.button{min-height:44px}.account-dialog{max-height:94vh}.hero-art{min-height:360px}}

[hidden] { display: none !important; }

/* Account workspace: titanium surfaces, progressive disclosure, RTL and touch targets. */
.account-dialog{width:min(720px,calc(100vw - 24px));padding:0;max-height:min(90vh,900px);overflow:auto;direction:rtl}
.account-dialog .account-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 26px 16px;border-bottom:1px solid var(--ti-line);background:linear-gradient(130deg,#fff,#EAF3F7)}
.account-dialog .account-heading h2{margin:3px 0 0;font-size:clamp(22px,3vw,29px)}
.account-dialog .account-heading .eyebrow{margin:0;font-size:12px}
.account-close{flex:none;width:42px;height:42px;border:1px solid var(--ti-line);border-radius:12px;background:#fff;color:var(--ti-dark);font-size:27px;line-height:1;cursor:pointer}
.account-dialog #account-state{margin:10px 26px;color:#33566A;font-size:13px;min-height:20px}
.account-dialog #account-forms,.account-dialog #account-tools,.account-dialog #password-reset-form{padding:0 26px 25px}
.account-dialog form{display:grid;gap:13px}.account-dialog form .actions{display:flex;gap:10px;flex-wrap:wrap}
.account-dialog form button,.account-dialog .account-footer button{min-height:44px}
.account-summary{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--ti-line);background:#F7FAFC;border-radius:16px;margin-bottom:16px}
.account-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--ti-dark);color:#fff;font-size:24px;font-weight:800}
.account-summary div{min-width:0;display:grid;gap:2px}.account-summary strong{font-size:16px}.account-summary span:not(.account-avatar){font-size:12px;color:var(--ti-muted);overflow-wrap:anywhere}
.account-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-bottom:1px solid var(--ti-line);padding-bottom:12px}
.account-tabs button{min-height:44px;border:1px solid transparent;background:transparent;color:var(--ti-dark);border-radius:10px;cursor:pointer;font-weight:700}
.account-tabs button[aria-current=true]{background:var(--ti-ice);border-color:#B8CFDC;color:#24576F}
.account-dialog #account-settings{padding:16px 0 8px}.account-dialog #account-settings h3{margin:0 0 12px;font-size:18px}.account-dialog #account-settings [data-account-panel]{border:0;margin:0;padding:0}
.account-dialog #account-settings [data-account-panel] .button{margin:4px 6px 4px 0}
.account-list{padding:12px 14px;margin-top:12px;background:#F7FAFC;border:1px solid var(--ti-line);border-radius:12px}.account-list p{margin:5px 0}
.account-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--ti-line);padding-top:16px;margin-top:12px}
.admin-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-counts .account-list{display:grid;gap:8px}.admin-counts strong{font-size:26px}
@media(max-width:600px){.account-dialog{width:calc(100vw - 12px);max-height:96vh}.account-dialog .account-heading{padding:17px}.account-dialog #account-state{margin:9px 17px}.account-dialog #account-forms,.account-dialog #account-tools,.account-dialog #password-reset-form{padding:0 17px 20px}.account-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* BUNELYA CREATE STUDIO V1 */
body:has(#new-form) .page {
  max-width: 1180px;
}

body:has(#new-form) .page-heading {
  padding: 18px 0 12px;
}

body:has(#new-form) .page-heading h1 {
  color: #303841;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
}

body:has(#new-form) .form-layout {
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 0.85fr);
  gap: 24px;
}

body:has(#new-form) .panel {
  border: 1px solid #DCE8EF;
  border-radius: 22px;
  background: #FFFFFF;
  padding: 30px;
  box-shadow: 0 16px 44px rgba(48,56,65,.07);
}

body:has(#new-form) .field label {
  color: #303841;
  font-weight: 700;
}

body:has(#new-form) input,
body:has(#new-form) textarea,
body:has(#new-form) select {
  background: #F5F7F9;
  color: #303841;
  border: 1px solid #DCE8EF;
  border-radius: 12px;
  padding: 15px 16px;
}

body:has(#new-form) textarea {
  min-height: 220px;
}

body:has(#new-form) input:focus,
body:has(#new-form) textarea:focus,
body:has(#new-form) select:focus {
  border-color: #75BBD8;
  outline: 3px solid rgba(117,187,216,.18);
  outline-offset: 1px;
}

body:has(#new-form) .note {
  background: #F0F6FA;
  border: 1px solid #DCE8EF;
  color: #526B79;
  border-radius: 12px;
}

body:has(#new-form) .aside {
  background: linear-gradient(150deg,#FFFFFF,#EAF3F8);
}

body:has(#new-form) .aside h3 {
  color: #303841;
}

body:has(#new-form) .aside li {
  color: #667784;
  margin-bottom: 9px;
}

body:has(#new-form) #create-button {
  background: #303841;
  color: #FFFFFF;
  border-color: #303841;
  border-radius: 12px;
  min-height: 48px;
}

body:has(#new-form) #create-button:hover:not(:disabled) {
  background: #445563;
  border-color: #445563;
}

@media (max-width: 760px) {
  body:has(#new-form) .form-layout {
    grid-template-columns: 1fr;
  }
  body:has(#new-form) .panel {
    padding: 20px;
  }
  body:has(#new-form) .actions .button {
    width: 100%;
  }
}

/* END BUNELYA CREATE STUDIO V1 */

/* BUNELYA CREATE STUDIO V2 */
body:has(#new-form) #description {
    min-height: 155px;
    height: 175px;
    resize: vertical;
}

body:has(#new-form) #local-type {
    margin-top: 10px;
}

body:has(#new-form) #new-form > .field:last-child {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid #DCE8EF;
}

body:has(#new-form) #new-form > .field:last-child > label {
    display: block;
    font-weight: 700;
    color: #303841;
    margin-bottom: 12px;
}
