/* Mimar Builder – editör arayüzü */
html,body.mimar-body{margin:0;height:100%;overflow:hidden;background:#0f1117}
body.mimar-body{
	--bg:#151821;--bg2:#1c202b;--bg3:#252a37;--line:#2e3442;--txt:#e6e8ee;--mut:#9aa3b5;
	--acc:#6366f1;--acc2:#818cf8;--ok:#10b981;--bad:#ef4444;
	font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--txt);
}
/* WP alt bilgi çıktısı (bağlantı penceresi, medya şablonları) görünür DOM'da kalmalı; kendi içinde gizlidir. */
.mb-hidden-wp{position:absolute;top:0;left:0;width:0;height:0}
.mb-boot{display:flex;align-items:center;justify-content:center;gap:10px;height:100vh;color:var(--mut)}
#mb-app{display:grid;grid-template-columns:320px 1fr;grid-template-rows:52px 1fr;height:100vh}
#mb-app *{box-sizing:border-box}
#mb-app [hidden]{display:none!important}
.mb-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--acc2);border-radius:50%;animation:mb-spin .7s linear infinite}
@keyframes mb-spin{to{transform:rotate(360deg)}}

/* Üst çubuk */
.mb-top{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;background:var(--bg);border-bottom:1px solid var(--line)}
.mb-top-left,.mb-top-right{display:flex;align-items:center;gap:4px;min-width:0}
.mb-top-left{flex:1}
.mb-top-right{flex:1;justify-content:flex-end}
.mb-logo{font-weight:800;letter-spacing:.3px;padding:0 10px 0 4px;background:linear-gradient(90deg,#818cf8,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px}
.mb-top-title{all:unset;cursor:pointer;color:var(--mut);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;border-radius:6px}
.mb-top-title:hover{background:var(--bg3);color:var(--txt)}
.mb-top-busy{margin-left:6px}
.mb-top-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;color:var(--mut);cursor:pointer;text-decoration:none}
.mb-top-btn:hover{background:var(--bg3);color:var(--txt)}
.mb-top-btn.is-on{background:var(--bg3);color:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mb-top-btn:disabled{opacity:.35;cursor:default;background:none}
.mb-devices{display:flex;gap:2px;padding:3px;background:var(--bg2);border-radius:9px}
.mb-back{margin-right:2px}

/* Butonlar */
.mb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg3);color:var(--txt);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
.mb-btn:hover{border-color:#3d4557;background:#2c3242;color:#fff}
.mb-btn:disabled{opacity:.5;cursor:default}
.mb-btn .dashicons{font-size:16px;width:16px;height:16px}
.mb-btn-primary{background:var(--acc);border-color:var(--acc);color:#fff}
.mb-btn-primary:hover{background:#4f52e0;border-color:#4f52e0}
.mb-btn-primary.is-clean{background:var(--bg3);border-color:var(--line);color:var(--mut)}
.mb-btn-ghost{background:transparent}
.mb-btn-block{display:flex;width:100%;margin-top:10px}
.mb-btn-col{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.mb-icon-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--mut);cursor:pointer;flex:0 0 auto}
.mb-icon-btn:hover{background:var(--bg3);color:var(--txt)}
.mb-icon-btn.is-on{color:var(--acc2);background:rgba(99,102,241,.15)}
.mb-icon-btn.mb-danger:hover{color:var(--bad)}
.mb-icon-btn .dashicons{font-size:17px;width:17px;height:17px}
.mb-link{all:unset;color:var(--acc2);cursor:pointer;font-size:12px}

/* Kenar çubuğu */
.mb-side{display:flex;flex-direction:column;min-height:0;background:var(--bg2);border-right:1px solid var(--line)}
.mb-tabs{display:flex;padding:6px;gap:2px;border-bottom:1px solid var(--line);background:var(--bg)}
.mb-tab{all:unset;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:7px;color:var(--mut);cursor:pointer;font-size:11px}
.mb-tab:hover{color:var(--txt);background:var(--bg2)}
.mb-tab.is-on{color:#fff;background:var(--bg3)}
.mb-tab .dashicons{font-size:18px;width:18px;height:18px}
.mb-side-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:40px}
.mb-side-body::-webkit-scrollbar{width:8px}
.mb-side-body::-webkit-scrollbar-thumb{background:#2f3545;border-radius:8px}
.mb-pad{padding:14px}
.mb-cat{margin:18px 0 8px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}
.mb-el-list .mb-cat{padding:0 14px}
.mb-empty{color:var(--mut);padding:10px 14px}
.mb-hint{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--mut);font-size:12px}
.mb-hint strong{color:var(--txt)}
.mb-hint .dashicons{font-size:15px;width:15px;height:15px}
.mb-h3{display:flex;align-items:center;gap:8px;margin:6px 0 4px;font-size:15px;color:#fff}

.mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px}
.mb-card{all:unset;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:78px;padding:6px;border-radius:9px;background:var(--bg3);border:1px solid transparent;color:var(--txt);text-align:center;cursor:grab;font-size:11.5px;user-select:none;transition:border-color .12s,transform .12s}
.mb-card:hover{border-color:var(--acc);transform:translateY(-1px)}
.mb-card .dashicons{font-size:22px;width:22px;height:22px;color:var(--acc2)}
.mb-card-more{position:absolute;top:5px;right:6px;font-style:normal;font-size:10px;color:var(--mut)}
.mb-back-link{all:unset;display:inline-flex;align-items:center;gap:3px;color:var(--mut);cursor:pointer;margin-bottom:8px}
.mb-back-link:hover{color:var(--txt)}

.mb-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px}
.mb-preset{all:unset;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:9px;background:var(--bg3);border:1px solid transparent;cursor:grab;user-select:none;font-size:12px;color:var(--txt)}
.mb-preset:hover{border-color:var(--acc)}
.mb-preset>.dashicons{color:var(--acc2)}
.mb-preset-cols{display:flex;gap:3px;height:34px}
.mb-preset-cols i{display:block;border-radius:3px;background:linear-gradient(180deg,#4f53c9,#3b3f9e)}

.mb-tpl{all:unset;display:flex;flex-direction:column;gap:2px;width:100%;padding:11px 12px;margin-bottom:6px;border-radius:8px;background:var(--bg3);border:1px solid transparent;cursor:grab;user-select:none}
.mb-tpl:hover{border-color:var(--acc)}
.mb-tpl strong{font-weight:600;color:#fff}
.mb-tpl span{font-size:11px;color:var(--mut)}
.mb-block-row{display:flex;align-items:center;gap:6px}
.mb-block-row .mb-tpl{flex:1;margin-bottom:6px}

/* Katmanlar */
.mb-layers{padding:8px 6px}
.mb-layer{display:flex;align-items:center;gap:7px;height:30px;padding-right:8px;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden}
.mb-layer:hover{background:var(--bg3)}
.mb-layer.is-sel{background:rgba(99,102,241,.2);color:#fff}
.mb-layer .dashicons{font-size:15px;width:15px;height:15px;color:var(--mut)}
.mb-layer-section .dashicons{color:#60a5fa}
.mb-layer-row .dashicons{color:#fb923c}
.mb-layer-col .dashicons{color:#c084fc}
.mb-layer-name{font-weight:500}
.mb-layer-info{color:var(--mut);overflow:hidden;text-overflow:ellipsis;font-size:12px}

/* Seçenek paneli */
.mb-opt{padding:12px 14px}
.mb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:11.5px;color:var(--mut);margin-bottom:10px}
.mb-crumbs button{all:unset;cursor:pointer;color:var(--mut)}
.mb-crumbs button:hover{color:var(--acc2)}
.mb-crumbs strong{color:var(--txt);font-weight:500}
.mb-opt-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.mb-opt-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff}
.mb-opt-title .dashicons{color:var(--acc2)}
.mb-opt-head{padding-bottom:8px;margin-bottom:8px}
.mb-opt-title{min-width:0}
.mb-opt-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-opt-actions{display:flex;gap:6px;margin:0 0 10px}
.mb-opt-act{all:unset;box-sizing:border-box;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg3);color:var(--txt);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.mb-opt-act:hover{border-color:#3d4557;background:#2c3242;color:#fff}
.mb-opt-act .dashicons{font-size:15px;width:15px;height:15px;color:var(--mut)}
.mb-opt-act:hover .dashicons{color:inherit}
.mb-opt-act.mb-danger:hover{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.12);color:#fca5a5}
.mb-opt-act:focus-visible{outline:2px solid var(--acc2);outline-offset:1px}
.mb-opt-dots{font-size:18px;line-height:1;letter-spacing:1px;margin-top:-3px}
.dashicons-hidden{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49'/%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E")}
.dashicons-editor-paste-text{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v1.344'/%3E%3Cpath d='m17 18 4-4-4-4'/%3E%3Cpath d='M11 14h10'/%3E%3C/svg%3E")}

.mb-field{position:relative;margin:14px 0}
.mb-field-label{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.mb-field-label label{flex:1;font-weight:500;color:#cfd4df}
.mb-help{margin:6px 0 0;font-size:11.5px;color:var(--mut)}
.mb-input{width:100%;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--txt);font:inherit;box-shadow:none;outline:none}
.mb-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(99,102,241,.2)}
.mb-input::placeholder{color:#5f6779}
textarea.mb-input{resize:vertical;line-height:1.5}
select.mb-input{appearance:auto;padding-right:6px}
.mb-code{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}
.mb-search{height:36px}

.mb-group{margin:14px -14px 0;border-top:1px solid var(--line)}
.mb-group-head{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;box-sizing:border-box;cursor:pointer;font-weight:600;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--mut)}
.mb-group-head:hover{color:var(--txt)}
.mb-group-head .dashicons{transition:transform .15s}
.mb-group.is-collapsed .mb-group-head .dashicons{transform:rotate(-90deg)}
.mb-group-body{padding:0 14px 6px}
.mb-group.is-collapsed .mb-group-body{display:none}
.mb-group-body>.mb-field:first-child{margin-top:0}

.mb-seg{display:flex;flex-wrap:wrap;gap:2px;padding:2px;background:var(--bg);border:1px solid var(--line);border-radius:7px}
.mb-seg button{all:unset;flex:1;min-width:30px;padding:6px 6px;text-align:center;border-radius:5px;color:var(--mut);cursor:pointer;font-size:12px}
.mb-seg button:hover{color:var(--txt)}
.mb-seg button.is-on{background:var(--acc);color:#fff}

.mb-switch{position:relative;display:inline-block;width:38px;height:22px;cursor:pointer}
.mb-switch input{position:absolute;opacity:0;width:0;height:0}
.mb-switch i{position:absolute;inset:0;background:var(--bg3);border:1px solid var(--line);border-radius:22px;transition:background .15s}
.mb-switch i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#cbd2df;transition:transform .15s}
.mb-switch input:checked+i{background:var(--acc);border-color:var(--acc)}
.mb-switch input:checked+i::after{transform:translateX(16px);background:#fff}
.mb-field-toggle{display:flex;align-items:center;justify-content:space-between}
.mb-field-toggle .mb-field-label{margin:0}
.mb-field-toggle .mb-help{position:absolute;top:100%}

.mb-color-row{display:flex;align-items:center;gap:6px}
.mb-color-swatch{flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:7px;background:none;cursor:pointer}
.mb-color-swatch::-webkit-color-swatch-wrapper{padding:3px}
.mb-color-swatch::-webkit-color-swatch{border:0;border-radius:4px}
.mb-color.is-empty .mb-color-swatch{background:repeating-conic-gradient(#2b3140 0 25%,#202531 0 50%) 0 0/10px 10px}
.mb-color.is-empty .mb-color-swatch::-webkit-color-swatch{opacity:0}
.mb-palette{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.mb-swatch{all:unset;width:20px;height:20px;border-radius:5px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.mb-swatch:hover{transform:scale(1.15)}

.mb-slider{display:flex;align-items:center;gap:8px}
.mb-slider input[type=range]{flex:1;accent-color:var(--acc);min-width:0}
.mb-slider.is-empty input[type=range]{opacity:.45}
.mb-num{flex:0 0 64px;width:64px;min-height:30px;padding:4px 6px}
.mb-unit{color:var(--mut);font-size:11px;width:16px}

.mb-dims{display:flex;align-items:flex-start;gap:5px}
.mb-dim{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--mut)}
.mb-dim .mb-input{text-align:center;padding:5px 3px}
.mb-dims .mb-icon-btn{margin-top:2px}

.mb-colspan-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.mb-colspan-grid button{all:unset;height:28px;border-radius:4px;background:var(--bg3);cursor:pointer}
.mb-colspan-grid button.is-on{background:var(--acc)}
.mb-colspan-grid button.is-on.is-inherit{background:#3d4170}
.mb-colspan-foot{display:flex;justify-content:space-between;margin-top:5px;color:var(--mut);font-size:12px}

.mb-image-ctl{display:flex;flex-direction:column;gap:7px}
.mb-image-prev{height:130px;border-radius:8px;border:1px solid var(--line);background:var(--bg) center/contain no-repeat;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#4b5263}
.mb-image-prev.is-empty{border-style:dashed}
.mb-image-prev.is-empty:hover{border-color:var(--acc);color:var(--acc2)}
.mb-image-prev .dashicons{font-size:34px;width:34px;height:34px}
.mb-image-btns{display:flex;gap:6px}
.mb-image-btns .mb-btn{flex:1}

.mb-gallery-field{display:flex;flex-direction:column;gap:8px}
.mb-gallery-ctl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mb-gallery-ctl:empty{display:none}
.mb-gallery-thumb{position:relative;aspect-ratio:1;border-radius:6px;background:var(--bg) center/cover no-repeat;border:1px solid var(--line);cursor:grab}
.mb-gallery-rm{all:unset;position:absolute;top:3px;right:3px;display:none;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:13px;line-height:18px;text-align:center;cursor:pointer}
.mb-gallery-thumb:hover .mb-gallery-rm{display:block}
.mb-resp{all:unset;display:inline-flex;color:var(--mut);cursor:pointer;border-radius:4px;padding:1px}
.mb-resp.is-on{color:#22d3ee}
.mb-resp .dashicons{font-size:15px;width:15px;height:15px}

/* TinyMCE (koyu panel içinde açık editör) */
.mb-editor .wp-editor-wrap{border-radius:7px;overflow:hidden}
.mb-editor .wp-editor-tabs{float:right}
.mb-editor .wp-switch-editor{background:var(--bg3);color:var(--mut);border-color:var(--line);margin:0 0 0 4px;height:auto;padding:4px 9px;border-radius:5px 5px 0 0}
.mb-editor .html-active .switch-html,.mb-editor .tmce-active .switch-tmce{background:#f6f7f7;color:#1d2327}
.mb-editor .wp-media-buttons .button{margin-bottom:6px}
.mb-editor .wp-editor-container{border-color:var(--line)}
.mb-editor textarea.wp-editor-area{background:#fff;color:#1d2327;font:13px/1.5 ui-monospace,Consolas,monospace}
.mb-editor .quicktags-toolbar{background:#f6f7f7}

/* Tuval */
.mb-stage{position:relative;overflow:hidden;background:#0b0d12;background-image:radial-gradient(#1a1e29 1px,transparent 1px);background-size:18px 18px;display:flex;justify-content:center}
.mb-frame-wrap{width:100%;height:100%;transition:width .25s ease;background:#fff}
.mb-frame-wrap.is-device{margin:16px 0;height:calc(100% - 32px);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #2a2f3c,0 20px 50px rgba(0,0,0,.5)}
.mb-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.mb-shield{position:absolute;inset:0;z-index:5;cursor:grabbing}
.mb-stage-msg{position:absolute;top:30%;left:50%;transform:translateX(-50%);max-width:440px;padding:20px 24px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;text-align:center;color:var(--txt);z-index:6}
html.mb-dragging,html.mb-dragging *{cursor:grabbing!important;user-select:none!important}
.mb-drag-ghost{position:fixed;top:0;left:0;z-index:100000;padding:7px 12px;border-radius:7px;background:var(--acc);color:#fff;font-weight:600;font-size:12px;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.35);white-space:nowrap}

/* Bildirim */
.mb-toasts{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100001;pointer-events:none}
.mb-toast{padding:10px 16px;border-radius:9px;background:#1f2937;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4);border:1px solid #374151;transition:opacity .3s,transform .3s;max-width:520px}
.mb-toast.is-error{background:#3b1414;border-color:#7f1d1d}
.mb-toast.is-out{opacity:0;transform:translateY(8px)}

/* Modal */
.mb-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center}
.mb-modal-bg{position:absolute;inset:0;background:rgba(5,6,10,.7)}
.mb-modal-box{position:relative;width:min(560px,92vw);max-height:88vh;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);color:var(--txt);font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.mb-modal-box.is-wide{width:min(980px,94vw)}
.mb-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.mb-modal-head h2{margin:0;font-size:16px;color:#fff}
.mb-modal-body{padding:16px 18px;overflow:auto}
.mb-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line)}
.mb-modal .mb-input{width:100%;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--txt);font:inherit}
.mb-modal .mb-code{font:12px/1.5 ui-monospace,Consolas,monospace}
.mb-modal .mb-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg3);color:var(--txt);cursor:pointer;font:inherit}
.mb-modal .mb-btn-primary{background:var(--acc);border-color:var(--acc);color:#fff}
.mb-modal .mb-icon-btn{all:unset;cursor:pointer;color:var(--mut);display:inline-flex}
.mb-modal .mb-help{color:var(--mut);margin:0 0 10px}

/* AI */
.mb-ai-btn{all:unset;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;color:#c4b5fd;background:rgba(139,92,246,.15);cursor:pointer}
.mb-ai-btn:hover{background:rgba(139,92,246,.3);color:#fff}
.mb-ai-pop{margin-top:8px;padding:10px;border-radius:9px;background:var(--bg);border:1px solid #4c3b8f;box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.mb-ai-pop.is-busy{opacity:.7;pointer-events:none}
.mb-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.mb-chip{all:unset;padding:5px 9px;border-radius:20px;background:var(--bg3);color:var(--txt);font-size:11.5px;cursor:pointer}
.mb-chip:hover{background:#3a3f63}
.mb-ai-status{margin-top:8px;color:var(--mut);font-size:12px;min-height:1em}
.mb-stock-bar{display:flex;gap:8px;margin-bottom:10px}
.mb-stock-bar .mb-input{flex:1}
.mb-stock-bar .mb-source{flex:0 0 130px}
.mb-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:10px}
.mb-stock-item{all:unset;position:relative;display:block;aspect-ratio:4/3;border-radius:9px;overflow:hidden;cursor:pointer;background:var(--bg3)}
.mb-stock-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.mb-stock-item:hover img{transform:scale(1.05)}
.mb-stock-item span{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:10.5px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-stock-item.is-busy{opacity:.5;pointer-events:none}
.mb-stock-item.is-busy::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mb-spin .7s linear infinite}
.mb-center{display:flex;justify-content:center;margin-top:12px}

.mb-keys{width:100%;border-collapse:collapse;font-size:12px}
.mb-keys td{padding:5px 0;color:var(--mut)}
.mb-keys kbd{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--bg3);border:1px solid var(--line);color:var(--txt);font:11px ui-monospace,Consolas,monospace}

/* WordPress medya penceresi editörün üstünde açılsın */
.media-modal{z-index:200000}
.media-modal-backdrop{z-index:199999}
#wp-link-wrap,#wp-link-backdrop{z-index:200001}
.mce-container.mce-panel.mce-floatpanel,.mce-window,.mce-menu{z-index:200002!important}

/* ---------------------------------------------------------------------- */
/* İçerik / Stil / Gelişmiş sekmeleri                                      */
/* ---------------------------------------------------------------------- */
.mb-opt-tabs{display:flex;gap:2px;margin:2px 0 6px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:9px}
.mb-opt-tab{all:unset;position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:5px;height:32px;border-radius:7px;color:var(--mut);cursor:pointer;font-weight:500}
.mb-opt-tab:hover{color:var(--txt)}
.mb-opt-tab.is-on{background:var(--bg3);color:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mb-opt-tab .dashicons{font-size:15px;width:15px;height:15px}
.mb-opt-dot{position:absolute;top:6px;right:8px;width:6px;height:6px;border-radius:50%;background:#22d3ee}
.mb-btn-row{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.mb-btn-row .mb-btn{flex:1}
.mb-tip{display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:8px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.18);color:#a5e9f5}
.mb-tip .dashicons{font-size:15px;width:15px;height:15px}

/* Global renkler */
.mb-swatch-global{border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.mb-palette-sep{width:1px;height:20px;background:var(--line);margin:0 2px}
.mb-global-badge{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:600}
.mb-globals{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.mb-global-row{display:flex;align-items:center;gap:6px}
.mb-global-row.is-builtin{padding:5px 2px;color:var(--mut)}
.mb-global-row em{margin-left:auto;font-size:11px;font-style:normal}
.mb-global-sw{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.mb-global-name{color:var(--txt)}
.mb-details{margin:10px 0}
.mb-details summary{cursor:pointer;color:var(--mut);padding:6px 0}
.mb-details-box{margin:18px 0;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.mb-details-box summary{display:flex;align-items:center;gap:6px;color:var(--txt);font-weight:600}
.mb-details-box summary .dashicons{font-size:16px;width:16px;height:16px;color:var(--acc2)}

/* Görüntüleme koşulları */
.mb-checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.mb-check{display:flex;align-items:center;gap:6px;cursor:pointer;color:#cfd4df;font-size:12.5px;padding:3px 0}
.mb-check input{accent-color:var(--acc)}
.mb-picker{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:6px}
.mb-picker .mb-input{min-height:28px;margin-bottom:5px}
.mb-picker-list{max-height:150px;overflow-y:auto}
.mb-picker-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:5px;cursor:pointer;font-size:12.5px}
.mb-picker-item:hover{background:var(--bg3)}
.mb-picker-item em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--mut)}
.mb-inline-row{display:flex;align-items:center;gap:6px}
.mb-copy{cursor:pointer;padding:2px 6px;border-radius:5px;background:var(--bg3);color:#a5b4fc}

/* Sağ tık menüsü */
.mb-ctx{position:fixed;z-index:100002;min-width:230px;padding:5px;background:#1b1f2a;border:1px solid #333a4b;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.55);font-size:12.5px;animation:mb-ctx-in .12s ease-out}
@keyframes mb-ctx-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.mb-ctx-head{display:flex;align-items:center;gap:7px;padding:7px 9px 8px;margin-bottom:3px;border-bottom:1px solid #2c3242;color:#fff;font-weight:600}
.mb-ctx-head .dashicons{font-size:15px;width:15px;height:15px;color:var(--acc2)}
.mb-ctx-item{all:unset;display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:7px 9px;border-radius:6px;color:var(--txt);cursor:pointer}
.mb-ctx-item:hover:not(:disabled){background:var(--acc);color:#fff}
.mb-ctx-item:disabled{opacity:.38;cursor:default}
.mb-ctx-item .dashicons,.mb-ctx-noicon{flex:0 0 15px;font-size:15px;width:15px;height:15px;color:var(--mut)}
.mb-ctx-item:hover:not(:disabled) .dashicons{color:#fff}
.mb-ctx-item kbd{margin-left:auto;font:11px ui-monospace,Consolas,monospace;color:var(--mut)}
.mb-ctx-item:hover kbd{color:rgba(255,255,255,.8)}
.mb-ctx-item.is-danger:hover:not(:disabled){background:var(--bad)}
.mb-ctx-sep{height:1px;margin:4px 6px;background:#2c3242}

/* Önizleme modu */
#mb-app.is-preview{grid-template-columns:0 1fr}
#mb-app.is-preview .mb-side{visibility:hidden}

/* Şablon kütüphanesi */
.mb-modal-box.is-xl{width:min(1320px,96vw);height:92vh;max-height:92vh}
.mb-modal-box.is-xl .mb-modal-body{flex:1;padding:0;display:flex;flex-direction:column;min-height:0}
.mb-lib{display:flex;flex-direction:column;height:100%;min-height:0}
.mb-lib-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.mb-lib-tabs{display:flex;gap:4px}
.mb-lib-tabs button{all:unset;display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:8px;color:var(--mut);cursor:pointer;font-weight:600}
.mb-lib-tabs button:hover{color:#fff}
.mb-lib-tabs button.is-on{background:var(--acc);color:#fff}
.mb-lib-tabs em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:10px;background:rgba(255,255,255,.12)}
.mb-lib-search{max-width:280px;margin-left:auto}
.mb-lib-cats{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 0}
.mb-lib-cats:empty{display:none}
.mb-lib-cats button{all:unset;padding:5px 11px;border-radius:20px;background:var(--bg3);color:var(--mut);cursor:pointer;font-size:12px}
.mb-lib-cats button:hover{color:#fff}
.mb-lib-cats button.is-on{background:#fff;color:#111}
.mb-lib-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding:16px 18px 30px;align-content:start}
.mb-lib-grid.is-pages{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.mb-lib-wait{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;padding:80px;color:var(--mut)}
.mb-lib-card{display:flex;flex-direction:column;border-radius:12px;background:var(--bg3);border:1px solid var(--line);overflow:hidden;transition:border-color .15s,transform .15s}
.mb-lib-card:hover{border-color:var(--acc);transform:translateY(-2px)}
.mb-lib-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff;cursor:zoom-in}
.mb-lib-card.is-page .mb-lib-thumb{aspect-ratio:3/4}
.mb-lib-thumb iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.mb-lib-thumb.is-loading::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eef1f6 0%,#f8fafc 50%,#eef1f6 100%);background-size:200% 100%;animation:mb-lib-shine 1.1s linear infinite}
@keyframes mb-lib-shine{from{background-position:200% 0}to{background-position:-200% 0}}
.mb-lib-meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px 4px}
.mb-lib-meta strong{color:#fff;font-weight:600}
.mb-lib-meta span{font-size:11.5px;color:var(--mut)}
.mb-lib-actions{display:flex;align-items:center;gap:6px;padding:8px 12px 12px}
.mb-lib-actions .mb-btn{flex:1;height:30px}
.mb-lib-btn{all:unset;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:11px 12px;margin-bottom:10px;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(34,211,238,.12));border:1px solid rgba(129,140,248,.35)}
.mb-lib-btn:hover{border-color:var(--acc2)}
.mb-lib-btn>.dashicons{font-size:22px;width:22px;height:22px;color:#a5b4fc}
.mb-lib-btn span{display:flex;flex-direction:column}
.mb-lib-btn strong{color:#fff}
.mb-lib-btn em{font-style:normal;font-size:11.5px;color:var(--mut)}
.mb-libpv-stage{height:100%;display:flex;justify-content:center;background:#0b0d12;padding:16px;overflow:auto}
.mb-libpv-device{width:100%;height:100%;transition:width .25s;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #2a2f3c}
.mb-libpv-frame{display:block;width:100%;height:100%;border:0}
.mb-modal-foot .mb-flex{flex:1}
.mb-modal-foot .mb-devices{background:var(--bg)}
.mb-lib-grid{grid-auto-rows:max-content}.mb-lib-card>*{flex-shrink:0}

/* İkon seçici */
.mb-icon-pick{all:unset;flex:1;display:flex;align-items:center;gap:9px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--txt);cursor:pointer;box-sizing:border-box}
.mb-icon-pick:hover{border-color:var(--acc)}
.mb-icon-pick .mbi{font-size:20px;color:var(--acc2)}
.mb-icon-pick-empty{color:#5f6779}
.mb-icon-cats{padding:10px 0 0}
.mb-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin-top:12px;max-height:56vh;overflow-y:auto}
.mb-icon-cell{all:unset;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 9px;border-radius:8px;background:var(--bg3);border:1px solid transparent;cursor:pointer;text-align:center}
.mb-icon-cell:hover,.mb-icon-cell.is-on{border-color:var(--acc)}
.mb-icon-cell .mbi{font-size:24px;color:#e5e7eb}
.mb-icon-cell em{font-style:normal;font-size:10.5px;color:var(--mut);line-height:1.2}

.mb-video-ctl{display:flex;flex-direction:column;gap:8px}
.mb-video-kind{align-self:center;padding:2px 8px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:11px;font-weight:600}
/* Sekme düzenleyici (proje galerisi) */
.mb-tabs-ctl{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.mb-tabs-row{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #e3e6ee;border-radius:8px;background:#fff}
.mb-tabs-row.is-hidden{opacity:.55}
.mb-tabs-row.is-drag{opacity:.4}
.mb-tabs-row.is-over{border-color:#4f46e5;box-shadow:0 0 0 2px rgba(79,70,229,.15)}
.mb-tabs-grip{cursor:grab;color:#98a2b3;font-size:12px;letter-spacing:-2px;user-select:none;padding:0 2px}
.mb-tabs-fields{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.mb-tabs-fields .mb-input{height:28px;padding:0 8px;font-size:12.5px}
.mb-tabs-cats{font-size:11.5px!important;color:#667085}
.mb-tabs-acts{display:flex;flex-direction:column;gap:2px}
.mb-tabs-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;padding:0;border:0;border-radius:5px;background:none;color:#667085;cursor:pointer;font-size:15px;line-height:1}
.mb-tabs-btn .dashicons{font-size:15px;width:15px;height:15px}
.mb-tabs-btn:hover{background:#f2f4f7;color:#101828}
.mb-tabs-btn:disabled{opacity:.3;cursor:default;background:none}
.mb-tabs-btn.is-off{color:#d92d20}
.mb-tabs-rm:hover{background:#fee4e2;color:#d92d20}
.mb-tabs-tools{display:flex;flex-wrap:wrap;gap:6px}
.mb-btn-sm{height:28px;padding:0 10px;font-size:12px}
/* Katmanlar: sürükle-bırak */
.mb-layer{position:relative;cursor:grab}
.mb-layer.is-drag{opacity:.4}
.mb-layer.is-before{box-shadow:inset 0 2px 0 #6366f1}
.mb-layer.is-after{box-shadow:inset 0 -2px 0 #6366f1}
.mb-layer.is-inside{background:rgba(99,102,241,.22);outline:1px dashed #6366f1;outline-offset:-1px}
.mb-layers-hint{margin:4px 8px 10px;color:var(--mut);font-size:12px;line-height:1.45}

/* ====================================================================== */
/* === 1D: gelişmiş kontroller ve editör deneyimi ===                     */
/* ====================================================================== */
.dashicons-editor-help{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M9.2 9.3a2.9 2.9 0 0 1 5.6 1c0 1.9-2.8 2.6-2.8 4.2'/%3E%3Cpath d='M12 17.6h.01'/%3E%3C/svg%3E")}
.dashicons-editor-textcolor{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V5h16v2'/%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M9 19h6'/%3E%3C/svg%3E")}

/* Ortak alt satırlar */
.mb-sub{margin:10px 0 0}
.mb-sub:first-child{margin-top:0}
.mb-sub-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px;font-size:11.5px;color:var(--mut)}
.mb-sub-label>span:first-child{font-weight:500}
.mb-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px}
.mb-sub-grid .mb-sub{margin:0}
.mb-sub-grid .mb-slider{flex-wrap:wrap}
.mb-seg button[aria-pressed]:focus-visible,.mb-rep-btn:focus-visible,.mb-rep-toggle:focus-visible,.mb-grad-h:focus-visible,.mb-pos-pin:focus-visible,.mb-card-fav:focus-visible,.mb-typo-btn:focus-visible,.mb-path-item:focus-visible,.mb-path-cmd:focus-visible,.mb-card:focus-visible,.mb-colspan-grid button:focus-visible{outline:2px solid var(--acc2);outline-offset:1px}
.mb-code-sm{font:11.5px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.mb-palette-sm .mb-swatch{width:16px;height:16px}

/* Birim seçici */
.mb-unit-slider{position:relative}
.mb-unit-sel{flex:0 0 auto;height:30px;padding:0 4px;border:1px solid var(--line);border-radius:6px;background:var(--bg3);color:var(--txt);font:11px/1 ui-monospace,Consolas,monospace;cursor:pointer}
.mb-unit-sel:focus{outline:2px solid var(--acc2);outline-offset:1px}
.mb-unit-custom{display:none;flex:1;min-width:0;font:12px ui-monospace,Consolas,monospace}
.mb-unit-slider.is-custom input[type=range],.mb-unit-slider.is-custom .mb-num{display:none}
.mb-unit-slider.is-custom .mb-unit-custom{display:block}
.mb-unit-slider.is-number .mb-num{flex:1;width:auto}

/* Saydamlıklı renk */
.mb-mini-color .mb-color-row{gap:6px}
.mb-alpha{flex:0 0 70px;width:70px;height:8px;border-radius:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,transparent,var(--c,#000)),repeating-conic-gradient(#3a4050 0 25%,#262b37 0 50%) 0 0/8px 8px;cursor:pointer}
.mb-alpha::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--acc);box-shadow:0 1px 3px rgba(0,0,0,.4)}
.mb-alpha::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--acc)}
.mb-mini-tx{flex:1;min-width:0;font:11.5px ui-monospace,Consolas,monospace}

/* Tekrarlayıcı */
.mb-rep{display:flex;flex-direction:column;gap:8px}
.mb-rep-list{display:flex;flex-direction:column;gap:6px}
.mb-rep-item{border:1px solid var(--line);border-radius:9px;background:var(--bg);transition:border-color .12s,box-shadow .12s}
.mb-rep-item.is-open{border-color:#3b4256;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.mb-rep-item.is-drag{opacity:.4}
.mb-rep-item.is-over{border-color:var(--acc);box-shadow:0 0 0 2px rgba(99,102,241,.25)}
.mb-rep-head{display:flex;align-items:center;gap:2px;padding:3px 4px 3px 2px;min-height:36px}
.mb-rep-grip{flex:0 0 auto;padding:4px 3px;color:#5f6779;cursor:grab;letter-spacing:-3px;font-size:12px;user-select:none}
.mb-rep-grip:hover{color:var(--txt)}
.mb-rep-toggle{all:unset;box-sizing:border-box;flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:5px 4px;border-radius:6px;cursor:pointer;color:var(--txt)}
.mb-rep-toggle:hover{background:var(--bg3)}
.mb-rep-toggle>.dashicons{margin-left:auto;font-size:15px;width:15px;height:15px;color:var(--mut);transition:transform .15s}
.mb-rep-item:not(.is-open) .mb-rep-toggle>.dashicons{transform:rotate(-90deg)}
.mb-rep-num{flex:0 0 auto;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:var(--bg3);color:var(--mut);font-size:10.5px;font-weight:600;line-height:18px;text-align:center}
.mb-rep-thumb{flex:0 0 22px;width:22px;height:22px;border-radius:5px;background:var(--bg3) center/cover no-repeat}
.mb-rep-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.mb-rep-acts{display:flex;gap:0;opacity:.55;transition:opacity .12s}
.mb-rep-item:hover .mb-rep-acts,.mb-rep-item.is-open .mb-rep-acts,.mb-rep-acts:focus-within{opacity:1}
.mb-rep-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;color:var(--mut);cursor:pointer}
.mb-rep-btn .dashicons{font-size:14px;width:14px;height:14px}
.mb-rep-btn:hover:not(:disabled){background:var(--bg3);color:var(--txt)}
.mb-rep-btn:disabled{opacity:.3;cursor:default}
.mb-rep-btn:last-child:hover:not(:disabled){color:var(--bad)}
.mb-rep-body{padding:2px 10px 10px;border-top:1px solid var(--line)}
.mb-rep-body>.mb-field{margin:10px 0 0}
.mb-rep-foot{display:flex;align-items:center;gap:10px}
.mb-rep-add{flex:0 0 auto}
.mb-rep-count{color:var(--mut);font-size:11.5px}
.mb-rep-all{margin-left:auto}
.mb-rep-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:9px;color:var(--mut);text-align:center;font-size:12px}

/* Arka plan türü (düz renk / degrade) */
.mb-bgmode-seg{margin-bottom:8px}

/* Degrade */
.mb-grad{display:flex;flex-direction:column;gap:8px}
.mb-grad-prev{position:relative;height:64px;border-radius:9px;border:1px solid var(--line);background:repeating-conic-gradient(#2b3140 0 25%,#202531 0 50%) 0 0/12px 12px;overflow:hidden}
.mb-grad-empty{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:var(--mut);font-size:11.5px;text-align:center;padding:0 10px}
.mb-grad.is-empty .mb-grad-empty{display:flex}
.mb-grad-presets{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.mb-grad-preset{all:unset;aspect-ratio:1;border-radius:6px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .1s}
.mb-grad-preset:hover{transform:scale(1.1)}
.mb-grad-preset:focus-visible{outline:2px solid var(--acc2);outline-offset:1px}
.mb-grad-bar{position:relative;height:22px;margin:6px 8px 4px;border-radius:6px;background:repeating-conic-gradient(#2b3140 0 25%,#202531 0 50%) 0 0/10px 10px;cursor:copy}
.mb-grad-fill{position:absolute;inset:0;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mb-grad-h{all:unset;position:absolute;top:50%;width:14px;height:28px;margin:-14px 0 0 -7px;border-radius:5px;background:var(--c,#fff);box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.5);cursor:ew-resize;touch-action:none}
.mb-grad-h.is-sel{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--acc),0 2px 6px rgba(0,0,0,.5);z-index:1}
.mb-grad-tools{display:flex;justify-content:space-between}
.mb-grad-stop{padding:8px;border-radius:8px;background:var(--bg);border:1px solid var(--line)}
.mb-grad-stop .mb-num{flex:0 0 52px;width:52px}
.mb-grad-dirs{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:6px}
.mb-grad-dirs button{all:unset;height:24px;border-radius:5px;background:var(--bg3);color:var(--mut);text-align:center;cursor:pointer;font-size:13px}
.mb-grad-dirs button:hover{color:#fff;background:#323849}
.mb-grad-dirs button:focus-visible{outline:2px solid var(--acc2)}

/* Gölge */
.mb-shadow{display:flex;flex-direction:column;gap:8px}
.mb-shadow-prev{display:flex;align-items:center;justify-content:center;height:96px;border-radius:9px;background:#eef1f6;border:1px solid var(--line)}
.mb-shadow-prev i{width:84px;height:52px;border-radius:9px;background:#fff;transition:box-shadow .15s}
.mb-shadow-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.mb-shadow-preset{all:unset;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 4px 6px;border-radius:7px;background:#eef1f6;cursor:pointer;font-size:10.5px;color:#334155;border:1px solid transparent}
.mb-shadow-preset:hover{border-color:var(--acc)}
.mb-shadow-preset:focus-visible{outline:2px solid var(--acc2)}
.mb-shadow-preset i{width:34px;height:20px;border-radius:5px;background:#fff}
.mb-shadow-body.is-off{opacity:.55}

/* Tipografi */
.mb-typo-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--mut);cursor:pointer}
.mb-typo-btn:hover{border-color:#3d4557;color:var(--txt)}
.mb-typo-btn.is-set{color:var(--txt);border-color:#3d4570}
.mb-typo-btn.is-open{border-color:var(--acc);box-shadow:0 0 0 3px rgba(99,102,241,.2)}
.mb-typo-btn>.dashicons{font-size:15px;width:15px;height:15px;flex:0 0 auto}
.mb-typo-btn>.dashicons:last-child{margin-left:auto;transition:transform .15s}
.mb-typo-btn.is-open>.dashicons:last-child{transform:rotate(180deg)}
.mb-typo-sum{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-typo-pop{position:relative;margin-top:8px;padding:12px;border-radius:10px;background:#1a1e29;border:1px solid #363d50;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.mb-typo-pop::before{content:"";position:absolute;top:-6px;left:22px;width:10px;height:10px;background:#1a1e29;border-left:1px solid #363d50;border-top:1px solid #363d50;transform:rotate(45deg)}
.mb-typo-sample{margin-bottom:10px;padding:10px 12px;border-radius:8px;background:#fff;color:#0f172a;font-size:22px;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mb-typo-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}

/* Konum seçici */
.mb-pos{display:flex;flex-direction:column;gap:8px}
.mb-pos-stage{position:relative;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--line);cursor:crosshair;touch-action:none;user-select:none}
.mb-pos-stage:not(.has-img){aspect-ratio:16/10;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:10% 10%}
.mb-pos-img{display:block;width:100%;height:auto;pointer-events:none}
.mb-pos-ph{position:absolute;inset:auto 0 8px;text-align:center;font-size:11px;color:var(--mut);pointer-events:none}
.mb-pos-pin{all:unset;position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px #fff,0 2px 8px rgba(0,0,0,.6);cursor:grab}
.mb-pos-pin::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:mb-pos-pulse 1.6s ease-out infinite}
@keyframes mb-pos-pulse{from{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.mb-pos-pin::after{animation:none}}
.mb-pos-other{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 0 2px rgba(15,23,42,.5);pointer-events:none}
.mb-pos-row{display:flex;align-items:flex-start;gap:6px}
.mb-pos-row .mb-dim{flex:0 0 70px}
.mb-pos-row .mb-num{flex:0 0 auto;width:100%}
.mb-gridspan-full.is-on{color:#fff;font-weight:600}
.mb-pos-row .mb-btn{margin-left:auto}

/* Tarih / saat */
.mb-dt .mb-input{color-scheme:dark}
.mb-dt .mb-chips{margin-top:6px}
.mb-dt-human{min-height:1em}

/* Çoklu seçim */
.mb-ms{position:relative}
.mb-ms-box{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:34px;padding:4px 6px;border:1px solid var(--line);border-radius:7px;background:var(--bg);cursor:text}
.mb-ms-box:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px rgba(99,102,241,.2)}
.mb-ms-chips{display:contents}
.mb-ms-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:2px 3px 2px 8px;border-radius:999px;background:rgba(99,102,241,.22);color:#dfe3ff;font-size:12px}
.mb-ms-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-ms-chip button{all:unset;width:16px;height:16px;border-radius:50%;text-align:center;line-height:15px;cursor:pointer;color:#c7cdfa}
.mb-ms-chip button:hover{background:rgba(255,255,255,.18);color:#fff}
.mb-ms-chip button:focus-visible{outline:2px solid var(--acc2)}
.mb-ms-input{flex:1;min-width:90px;border:0;outline:0;background:transparent;color:var(--txt);font:inherit;padding:3px 2px}
.mb-ms-input::placeholder{color:#5f6779}
.mb-ms-drop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:220px;overflow-y:auto;padding:4px;border-radius:8px;background:#1b1f2a;border:1px solid #333a4b;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.mb-ms-opt{padding:6px 8px;border-radius:6px;cursor:pointer}
.mb-ms-opt.is-active{background:var(--acc);color:#fff}
.mb-ms-none{padding:6px 8px;color:var(--mut);font-size:12px}

/* Eleman kartları: favori yıldızı */
.mb-card-wrap{position:relative;display:flex}
.mb-card-wrap .mb-card{flex:1;width:100%;box-sizing:border-box}
.mb-card-fav{all:unset;position:absolute;top:3px;left:4px;width:18px;height:18px;border-radius:4px;text-align:center;line-height:18px;font-size:12px;color:#5f6779;cursor:pointer;opacity:0;transition:opacity .12s}
.mb-card-wrap:hover .mb-card-fav,.mb-card-fav:focus-visible,.mb-card-fav.is-on{opacity:1}
.mb-card-fav:hover{color:#fbbf24}
.mb-card-fav.is-on{color:#fbbf24}
.mb-cat-fav{color:#fbbf24}

/* Katmanlar: ızgara rozeti */
.mb-layer-badge{flex:0 0 auto;padding:1px 6px;border-radius:999px;background:rgba(192,132,252,.16);color:#d8b4fe;font-size:10.5px;font-weight:600}

/* Komut paleti */
.mb-cmdk{position:fixed;inset:0;z-index:100005;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
.mb-cmdk-bg{position:absolute;inset:0;background:rgba(5,6,10,.6);backdrop-filter:blur(2px)}
.mb-cmdk-box{position:relative;width:min(640px,94vw);max-height:70vh;display:flex;flex-direction:column;border-radius:14px;background:#171a23;border:1px solid #343b4d;box-shadow:0 40px 100px rgba(0,0,0,.65);overflow:hidden;color:var(--txt);font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;animation:mb-ctx-in .12s ease-out}
.mb-cmdk-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #2c3242}
.mb-cmdk-head>.dashicons{color:var(--mut)}
.mb-cmdk-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px;line-height:1.3}
.mb-cmdk-input::placeholder{color:#5f6779}
.mb-cmdk kbd{display:inline-block;min-width:16px;padding:1px 5px;border-radius:4px;background:var(--bg3);border:1px solid var(--line);color:var(--mut);font:10.5px ui-monospace,Consolas,monospace;text-align:center}
.mb-cmdk-ctx{padding:6px 16px;font-size:11.5px;color:var(--mut);border-bottom:1px solid #22273a}
.mb-cmdk-ctx strong{color:var(--txt);font-weight:600}
.mb-cmdk-list{flex:1;overflow-y:auto;padding:6px}
.mb-cmdk-group{padding:10px 10px 4px;font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}
.mb-cmdk-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}
.mb-cmdk-item .dashicons{font-size:16px;width:16px;height:16px;color:var(--acc2)}
.mb-cmdk-item.is-active{background:var(--acc);color:#fff}
.mb-cmdk-item.is-active .dashicons,.mb-cmdk-item.is-active .mb-cmdk-sub{color:rgba(255,255,255,.85)}
.mb-cmdk-item.is-active kbd{background:rgba(255,255,255,.15);border-color:transparent;color:#fff}
.mb-cmdk-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-cmdk-sub{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:11.5px;text-align:right}
.mb-cmdk-item kbd{margin-left:6px}
.mb-cmdk-foot{display:flex;gap:16px;padding:8px 14px;border-top:1px solid #2c3242;font-size:11.5px;color:var(--mut)}
.mb-cmdk-foot kbd{margin-right:2px}

/* Kısayollar penceresi */
.mb-keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 26px}
.mb-keys-grid .mb-cat{margin-top:6px}
.mb-keys td:first-child{white-space:nowrap;padding-right:12px;color:var(--mut)}

/* Alt yol çubuğu (navigator) */
.mb-pathbar{position:absolute;left:12px;bottom:12px;z-index:4;display:flex;align-items:center;gap:2px;max-width:calc(100% - 24px);padding:3px;border-radius:10px;background:rgba(21,24,33,.92);border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.35);backdrop-filter:blur(6px);overflow-x:auto;scrollbar-width:none}
.mb-pathbar::-webkit-scrollbar{display:none}
.mb-path-item{all:unset;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;color:var(--mut);cursor:pointer;white-space:nowrap;font-size:12px}
.mb-path-item .dashicons{font-size:14px;width:14px;height:14px}
.mb-path-item:hover{background:var(--bg3);color:var(--txt)}
.mb-path-item.is-cur{color:#fff;background:rgba(99,102,241,.25)}
.mb-path-sep{color:#4b5263;font-size:12px}
.mb-path-cmd{all:unset;display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:4px 7px;border-radius:7px;color:var(--mut);cursor:pointer;border-left:1px solid var(--line)}
.mb-path-cmd:hover{color:var(--txt);background:var(--bg3)}
.mb-path-cmd .dashicons{font-size:14px;width:14px;height:14px}
.mb-path-cmd kbd{font:10px ui-monospace,Consolas,monospace;color:var(--mut)}
#mb-app.is-preview .mb-pathbar{display:none}
.mb-frame-wrap.is-device~.mb-pathbar{bottom:22px}
/* Kütüphane: hareketli bölüm rozeti ve filtresi */
.mb-lib-motion{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:99px;background:rgba(129,140,248,.18);color:#a5b4fc;font-style:normal;font-size:10.5px;font-weight:600;vertical-align:middle}
.mb-lib-cats .mb-lib-motion-chip{border-color:rgba(129,140,248,.5);color:#c7d2fe}
.mb-lib-cats .mb-lib-motion-chip.is-on{background:#6366f1;border-color:#6366f1;color:#fff}

/* === C swap: bölüm değiştirme (⇄), bölüm ekle, bölüm türleri === */
.mbs-head{margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg3)}
.mbs-head-t{display:flex;align-items:center;gap:7px;font-weight:700;color:#fff;margin-bottom:8px}
.mbs-head-b{display:flex;flex-wrap:wrap;gap:6px}
.mbs-head .mb-btn{height:auto;min-height:32px;padding:5px 10px;white-space:normal;text-align:left}
.mbs-head .mb-help{margin:8px 0 0}
.mbs-wrap{display:flex;flex-direction:column;flex:1;min-height:0}
.mbs-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px 6px}
.mbs-bar .mb-help{margin:0;flex:1 1 320px}
.mbs-chips{display:flex;flex-wrap:wrap;gap:6px}
.mbs-chip{all:unset;box-sizing:border-box;padding:6px 13px;border:1px solid var(--line);border-radius:99px;color:var(--mut);cursor:pointer;font-weight:600}
.mbs-chip:hover{color:#fff;border-color:var(--acc2)}
.mbs-chip.is-on{background:var(--acc);border-color:var(--acc);color:#fff}
.mbs-chip:focus-visible,.mbs-card:focus-visible,.mbs-role:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
.mbs-warn{display:flex;align-items:center;gap:8px;margin:6px 18px 0;padding:9px 12px;border-radius:8px;background:rgba(245,158,11,.16);color:#fcd34d}
.mbs-warn[hidden]{display:none}
.mbs-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:14px 18px 24px;align-content:start;grid-auto-rows:max-content}
.mbs-grid.is-busy{opacity:.55;pointer-events:none}
.mbs-card{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;border:2px solid var(--line);border-radius:12px;background:var(--bg3);cursor:pointer;transition:border-color .15s,transform .15s}
.mbs-card:hover{border-color:var(--acc2);transform:translateY(-2px)}
.mbs-card.is-cur{border-color:var(--acc);box-shadow:0 0 0 3px rgba(99,102,241,.25)}
.mbs-th{display:block;aspect-ratio:8/5;overflow:hidden;border-radius:8px;background:var(--bg);color:var(--acc2);border:1px solid var(--line)}
.mbs-th img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.mbs-th svg{display:block;width:100%;height:100%}
.mbs-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}
.mbs-meta b{color:#fff;font-size:13px}.mbs-meta small{color:var(--mut);font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbs-badge{position:absolute;top:14px;right:14px;padding:2px 8px;border-radius:99px;background:#15803d;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.mbs-badge.mbs-cur{background:var(--acc)}
.mbs-status{padding:0 18px 10px;color:var(--mut);min-height:18px}
.mbs-split{display:flex;flex:1;min-height:0}
.mbs-roles{flex:0 0 230px;overflow-y:auto;padding:12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.mbs-role{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;color:var(--mut);cursor:pointer;font-weight:600}
.mbs-role:hover{color:#fff;background:var(--bg3)}
.mbs-role.is-on{background:var(--acc);color:#fff}
.mbs-role em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:10px;background:rgba(255,255,255,.14)}
.mbs-right{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.mbs-right .mb-help{padding:12px 18px 0;margin:0}
.mbs-libcard .mbs-card{border-width:0;border-radius:12px 12px 0 0;background:transparent}
@media (max-width:700px){.mbs-split{flex-direction:column}.mbs-roles{flex:0 0 auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.mbs-role{white-space:nowrap}}
.mbs-two{display:flex;flex:1;min-height:0}.mbs-two .mbs-wrap{min-width:0}
.mbs-pv{flex:0 0 400px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-left:1px solid var(--line);background:var(--bg3)}
.mbs-pv-stage{position:relative;aspect-ratio:8/5;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--bg)}
.mbs-pv-stage>.mbs-th{position:absolute;inset:0;aspect-ratio:auto;border:0;border-radius:0}
.mbs-pv-live{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .25s}.mbs-pv-live.is-in{opacity:1}
.mbs-pv-live iframe{position:absolute;left:0;top:0;width:1280px;height:800px;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.mbs-pv-stage.is-busy::after{content:"";position:absolute;right:8px;top:8px;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:mbspv .7s linear infinite}
@keyframes mbspv{to{transform:rotate(360deg)}}
.mbs-pv-cap{display:flex;flex-direction:column;gap:3px;color:var(--mut);font-size:12px}.mbs-pv-cap b{color:#fff;font-size:13px}
@media (max-width:1000px){.mbs-pv{display:none}}
/* C page layouts: sayfa düzeni önerileri penceresi */
.mbs-pgbtn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
@media (max-width:1100px){.mbs-pgbtn span{display:none}}
.mbs-pl{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}
.mbs-pl>.mb-help{padding:12px 18px 0;margin:0}
.mbs-pl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:14px 18px 10px;align-content:start}
.mbs-pl-list.is-busy{opacity:.55;pointer-events:none}
.mbs-pl-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:2px solid var(--line);border-radius:12px;background:var(--bg3)}
.mbs-pl-card.is-cur{border-color:var(--acc)}
.mbs-pl-card.is-confirm{border-color:var(--acc2);box-shadow:0 0 0 3px rgba(99,102,241,.25)}
.mbs-pl-card p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.45}
.mbs-pl-t{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}
.mbs-pl-t .mbs-badge{position:static}
.mbs-pl-chips{display:flex;flex-wrap:wrap;gap:5px}
.mbs-pl-chip{font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.1);color:#d7dbe6}
.mbs-pl-card>.mb-btn{align-self:flex-start;margin-top:2px}
.mbs-pl-ask{padding:10px;border-radius:8px;background:rgba(245,158,11,.14)}
.mbs-pl-ask p{color:#fcd34d}
.mbs-pl-btns{display:flex;gap:8px;margin-top:8px}
/* === /C swap === */
.mb-colspan-quick{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.mb-colspan-quick button{flex:1 1 0;min-width:0;padding:5px 4px;border:1px solid var(--line);border-radius:6px;background:var(--bg3,#1d2030);color:var(--txt);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}
.mb-colspan-quick button:hover{border-color:var(--acc,#6366f1)}
.mb-colspan-quick button.is-on{background:var(--acc,#6366f1);border-color:var(--acc,#6366f1);color:#fff}

/* + ekleme penceresi (tuvaldeki "+" düğmelerinden açılır) */
.mbp-pop{position:fixed;z-index:100003;width:304px;max-width:calc(100vw - 16px);max-height:min(560px,calc(100vh - 16px));overflow:auto;padding:8px;background:#1b1f2a;border:1px solid #333a4b;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);color:var(--txt);font-size:12.5px;animation:mb-ctx-in .12s ease-out;outline:0}
.mbp-pop[data-kind=section]{border-top:3px solid #3b82f6}
.mbp-pop[data-kind=row]{border-top:3px solid #f97316}
.mbp-pop[data-kind=col]{border-top:3px solid #a855f7}
.mbp-pop[data-kind=el]{border-top:3px solid #10b981}
.mbp-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;color:#fff;font-size:13px}
.mbp-x{all:unset;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--mut);cursor:pointer;font-size:18px;line-height:1}
.mbp-x:hover{background:var(--bg3);color:#fff}
.mbp-sub{margin:10px 4px 6px;color:var(--mut);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.mbp-link{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:7px;color:var(--txt);cursor:pointer}
.mbp-link:hover,.mbp-link:focus-visible{background:var(--acc);color:#fff}
.mbp-link .dashicons{flex:0 0 16px;width:16px;height:16px;font-size:16px;color:var(--acc2)}
.mbp-link:hover .dashicons,.mbp-link:focus-visible .dashicons{color:#fff}
.mbp-main{border:1px solid var(--line);background:var(--bg3);font-weight:600}
.mbp-lays{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mbp-lay-btn{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 3px 6px;border:1px solid var(--line);border-radius:8px;background:var(--bg3);color:var(--mut);cursor:pointer;text-align:center;font-size:10.5px;line-height:1.2}
.mbp-lay-btn:hover,.mbp-lay-btn:focus-visible{border-color:var(--acc2);color:#fff;background:#2b3142}
.mbp-lay-btn.is-cur{border-color:var(--acc);box-shadow:0 0 0 2px rgba(99,102,241,.35);color:#fff}
.mbp-lay{display:flex;gap:2px;width:44px;height:22px}
.mbp-lay i{display:block;border-radius:2px;background:#6b7390;min-width:2px}
.mbp-lay-btn:hover .mbp-lay i{background:var(--acc2)}
.mbp-lay i.is-new{background:#a855f7}
.mbp-cols{grid-template-columns:repeat(2,1fr)}
.mbp-side{grid-template-columns:repeat(4,1fr);padding:0 0 4px}
.mbp-note{margin:8px 4px 2px;color:var(--mut);font-size:11.5px;line-height:1.4}
.mbp-search{box-sizing:border-box;width:100%;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--txt);font:inherit}
.mbp-search:focus{outline:0;border-color:var(--acc2)}
.mbp-els{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:6px}
.mbp-el{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 3px 7px;border:1px solid var(--line);border-radius:8px;background:var(--bg3);color:var(--txt);cursor:pointer;text-align:center;font-size:11px;line-height:1.2}
.mbp-el .dashicons{width:20px;height:20px;font-size:20px;color:#10b981}
.mbp-el:hover,.mbp-el:focus-visible{border-color:#10b981;background:#26332f}
@media (prefers-reduced-motion:reduce){.mbp-pop{animation:none}}

/* Sol panel: bölüm görünümleri şeridi ve satır düzeni önerileri */
.mbs-strip{margin:0 0 10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg3)}
.mbs-strip.is-busy{opacity:.6;pointer-events:none}
.mbs-rowstrip{border-left:3px solid #f97316}
.mbs-strip-t{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#fff;font-weight:700}
.mbs-strip-t .dashicons{width:16px;height:16px;font-size:16px;color:var(--acc2)}
.mbs-strip-t em{margin-left:auto;font-style:normal;font-size:11px;padding:1px 7px;border-radius:10px;background:rgba(255,255,255,.12);font-weight:600}
.mbs-chips-s{gap:4px;margin-bottom:8px}
.mbs-chips-s .mbs-chip{padding:3px 9px;font-size:11.5px}
.mbs-warn-s{margin:0 0 8px;padding:6px 9px;font-size:11.5px}
.mbs-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mbs-sc{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:5px;padding:5px;border:2px solid var(--line);border-radius:9px;background:var(--bg2);cursor:pointer;transition:border-color .15s,transform .15s}
.mbs-sc:hover{border-color:var(--acc2);transform:translateY(-1px)}
.mbs-sc:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
.mbs-sc.is-cur{border-color:var(--acc);box-shadow:0 0 0 2px rgba(99,102,241,.25)}
.mbs-sc b{color:#fff;font-size:11.5px;line-height:1.25;padding:0 2px 2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mbs-sc .mbs-badge{top:9px;right:9px;font-size:10px;padding:1px 6px}
.mbs-all{width:100%;margin-top:8px}
.mbs-strip .mb-input{width:100%;margin-bottom:8px}
.mbs-pv-float{position:fixed;z-index:100004;flex:none;width:440px;pointer-events:none;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);background:var(--bg2)}
@media (max-width:1000px){.mbs-pv-float{display:none!important}}

/* Paket kapıları: kilitli arayüz */
.mbs-lock{display:flex;align-items:flex-start;gap:7px;margin:0 0 8px;padding:7px 9px;border:1px solid rgba(245,158,11,.4);border-radius:8px;background:rgba(245,158,11,.12);color:#fcd34d;font-size:11.5px;line-height:1.4}
.mbs-lock .dashicons{flex:0 0 14px;width:14px;height:14px;font-size:14px}
.mbs-wrap>.mbs-lock{margin:10px 18px 0}
.mbs-pl>.mbs-lock{margin:12px 18px 0}
.mbs-right>.mbs-lock{margin:12px 18px 0}
.mbs-strip.is-locked .mbs-sgrid,.mbs-wrap.is-locked .mbs-grid,.mbs-pl-list.is-locked{opacity:.7}
.mbs-chip.is-locked,.mb-btn.is-locked,.mbs-pl-card .mb-btn[aria-disabled=true]{opacity:.6}
.mb-card.is-locked{opacity:.55;cursor:not-allowed}
.mb-card-lock{position:absolute;top:4px;right:6px;font-style:normal;color:#fbbf24}
.mb-card-lock .dashicons{width:13px;height:13px;font-size:13px}
.mb-field.is-locked,.mb-group.is-locked>.mb-group-body{opacity:.55}
.mb-field.is-locked{pointer-events:none}
.mb-field.is-locked .mbs-lock,.mb-group.is-locked .mbs-lock{opacity:1;margin:6px 0 0}
.mb-group.is-locked .mb-group-head .dashicons-lock{margin-left:auto;margin-right:6px;color:#fbbf24}
.mbp-el.is-locked{opacity:.55;cursor:not-allowed}
.mbp-el.is-locked .dashicons{color:#fbbf24}

/* Paneldeki metin editörü (Mimar Yazı Editörü) panelin koyu temasıyla uyumlu: beyaz zemin + açık simgeler okunmuyordu */
.mbe-app .mw-embedded,.mw-embedded{--card:var(--bg2,#1c202b);--soft:var(--bg3,#252a37);--head:#fff;--txt:#e6e8ee;--mut:#9aa3b5;--line:#2e3442;--acc:#a5a8ff;--acc-soft:rgba(139,143,249,.2);background:var(--bg2,#1c202b);border-color:var(--line,#2e3442);color:#e6e8ee}
.mw-embedded .mw-bar,.mw-embedded .mw-status{background:var(--bg3,#252a37);border-color:var(--line,#2e3442);color:#c8cedb}
.mw-embedded .mw-btn{color:#d6dbe6}
.mw-embedded .mw-btn:hover{background:#323949;color:#fff}
.mw-embedded .mw-btn:disabled{opacity:.4}
.mw-embedded .mw-area,.mw-embedded .mw-content{color:#e6e8ee;background:var(--bg2,#1c202b);caret-color:#fff}
.mw-embedded .mw-content h1,.mw-embedded .mw-content h2,.mw-embedded .mw-content h3,.mw-embedded .mw-content h4,.mw-embedded .mw-content h5,.mw-embedded .mw-content h6,.mw-embedded .mw-content strong,.mw-embedded .mw-content b{color:#fff}
.mw-embedded .mw-content a{color:#93b4ff}
.mw-embedded .mw-content code,.mw-embedded .mw-content th{background:#2a3040}
.mw-embedded .mw-content td,.mw-embedded .mw-content th{border-color:#3a4252}
.mw-embedded .mw-content blockquote{color:#cfd5e1;border-color:#4b5366}
.mw-embedded .mw-area.mw-empty::before{color:#7d8597}
.mw-embedded .mw-drop-label{color:inherit}
/* Bilgi kutusu (note alanı): verinin nereden yönetildiği */
.mb-note-box{padding:10px 12px;border-radius:8px;background:rgba(99,102,241,.12);border:1px solid rgba(129,140,248,.35);color:#dfe3ff;font-size:12.5px;line-height:1.5}
.mb-note-box a{color:#a5b4fc;font-weight:600;text-decoration:underline}
.mb-toast.has-act{display:flex;align-items:center;gap:12px;pointer-events:auto}
.mb-toast-act{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px;padding:3px 10px;font:inherit;font-weight:700;cursor:pointer}
.mb-toast-act:hover{background:rgba(255,255,255,.12)}

/* Jet Bilişim · sürüm geçmişi */
.mb-hist{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;margin-top:8px}
.mb-hist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line,#2e3442);border-radius:9px;background:var(--bg2,#1c202b)}
.mb-hist-meta{display:flex;flex-direction:column;gap:2px}.mb-hist-meta span{color:var(--mut,#9aa3b5);font-size:12px}
/* Jet Bilişim · Basit / Uzman modu ve öğe açıklaması */
.mb-mode-btn{min-width:72px;justify-content:center;font-weight:700}
.mb-mode-btn.is-basic{background:rgba(16,185,129,.16)!important;color:#6ee7b7!important;border-color:rgba(16,185,129,.4)!important}
.mb-opt-desc{margin:-2px 0 10px;font-size:12.5px;line-height:1.45;color:var(--mut,#9aa3b5)}

/* Jet Bilişim · kayıt özeti */
.mb-sum{margin:10px 0;padding:10px 14px 10px 30px;border:1px solid var(--line,#2e3442);border-radius:9px;background:var(--bg2,#1c202b)}
.mb-sum li{margin:3px 0}