/* DropX References — isolated, modular styles; dark and light theme support */
.dxref-page{--dxr-bg:#111315;--dxr-card:#17191b;--dxr-text:#f1eee6;--dxr-muted:#b6b0a5;--dxr-gold:#e5b43f;--dxr-border:rgba(220,166,48,.38);width:min(100% - 32px,1500px);margin:clamp(18px,3vw,42px) auto 64px;color:var(--dxr-text);display:grid;gap:clamp(24px,3vw,42px);position:relative}.dxref-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 84% 8%,rgba(210,157,36,.08),transparent 34%),linear-gradient(90deg,transparent 49.9%,rgba(210,157,36,.025) 50%,transparent 50.1%);z-index:-1}.dxref-panel{border:1px solid var(--dxr-border);border-radius:25px;background:linear-gradient(130deg,#151719 0%,#101214 62%,#171711 100%);box-shadow:0 22px 55px rgba(0,0,0,.2)}.dxref-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(24px,4.6vw,68px);min-width:0;overflow:hidden}.dxref-hero-copy{min-width:0;position:relative;z-index:1}.dxref-eyebrow{display:block;color:#b98221;font-size:.73rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase;margin:0 0 16px}.dxref-hero h1{margin:0 0 18px;font-size:clamp(2.1rem,4.6vw,4.6rem);line-height:1.05;letter-spacing:-.04em;text-transform:uppercase;color:#f5eddb;overflow-wrap:anywhere}.dxref-hero h1:after{content:"";display:block;width:min(100%,640px);height:2px;margin-top:20px;background:linear-gradient(90deg,var(--dxr-gold),rgba(229,180,63,.08))}.dxref-hero-copy>p{max-width:820px;color:var(--dxr-muted);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.85;margin:0;white-space:normal}.dxref-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:48px;padding:13px 20px;border:1px solid #d69c28;border-radius:12px;background:linear-gradient(120deg,#f0c95e,#dca72f);color:#211a0c;text-decoration:none;font:800 .94rem Rajdhani,'Arial Narrow',sans-serif;letter-spacing:.025em;box-shadow:0 8px 22px rgba(199,143,29,.12);cursor:pointer;transition:transform .18s ease,filter .18s ease}.dxref-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.dxref-hero-copy .dxref-button{margin-top:26px}.dxref-hero-media{width:100%;min-width:0;aspect-ratio:1.28;max-height:480px;overflow:hidden;border:1px solid var(--dxr-border);border-radius:20px;background-color:#08090a;background-image:linear-gradient(rgba(220,166,48,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(220,166,48,.055) 1px,transparent 1px),radial-gradient(ellipse at center,rgba(229,180,63,.15),transparent 58%);background-size:30px 30px,30px 30px,auto;display:grid;place-items:center}.dxref-hero-media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;max-width:100%;max-height:100%}.dxref-hero-placeholder{display:grid;place-items:center;color:var(--dxr-gold);font-family:Orbitron,Arial,sans-serif;font-size:clamp(4rem,10vw,9rem);font-weight:900;text-shadow:0 0 30px rgba(229,180,63,.2)}.dxref-hero-placeholder small{font:800 .75rem Rajdhani,sans-serif;letter-spacing:.24em;text-align:center}.dxref-list-section{min-width:0}.dxref-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 22px;padding:0 4px 18px;border-bottom:1px solid rgba(180,180,180,.14)}.dxref-section-head h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.1;color:var(--dxr-text);text-transform:uppercase}.dxref-section-head p{margin:0;color:var(--dxr-muted);line-height:1.6}.dxref-count{white-space:nowrap;border:1px solid var(--dxr-border);border-radius:999px;padding:8px 13px;color:var(--dxr-gold);font-size:.85rem}.dxref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dxref-card{min-width:0;text-align:left;padding:0;overflow:hidden;border:1px solid var(--dxr-border);border-radius:18px;background:var(--dxr-card);color:var(--dxr-text);cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dxref-card:hover,.dxref-card:focus-visible{transform:translateY(-4px);border-color:rgba(237,187,63,.8);box-shadow:0 16px 38px rgba(0,0,0,.22);outline:none}.dxref-card-image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#08090a}.dxref-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.dxref-card:hover .dxref-card-image img{transform:scale(1.035)}.dxref-card-placeholder{height:100%;display:grid;place-items:center;color:var(--dxr-gold);font-weight:900;letter-spacing:.18em;background:linear-gradient(140deg,#181818,#080808)}.dxref-card-view{position:absolute;inset:auto 0 0;display:flex;justify-content:flex-end;padding:32px 14px 12px;color:#f4c85c;font-size:.86rem;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.86))}.dxref-card-meta{display:grid;gap:7px;padding:15px 17px 17px;min-width:0}.dxref-card-meta strong{font-size:1.1rem;overflow-wrap:anywhere}.dxref-card-meta>span{color:var(--dxr-muted);font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}.dxref-empty{padding:clamp(25px,4vw,45px);border:1px solid var(--dxr-border);border-radius:18px;background:var(--dxr-card)}.dxref-empty>span{color:var(--dxr-gold);letter-spacing:.14em;font-weight:900}.dxref-empty h3{margin:12px 0;color:var(--dxr-text)}.dxref-empty p{color:var(--dxr-muted)}
.dxref-edit-fab{position:fixed;right:22px;bottom:22px;z-index:8000;display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid #edc052;border-radius:999px;background:linear-gradient(120deg,#f2ca5a,#dca72e);color:#201909;font:900 .85rem Rajdhani,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 12px 35px rgba(0,0,0,.4);cursor:pointer}.dxref-edit-fab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dxref-modal{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:clamp(10px,2vw,28px);isolation:isolate}.dxref-modal.is-open{display:flex}.dxref-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.dxref-project-dialog,.dxref-editor-dialog{position:relative;z-index:1;width:min(1600px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--dxr-border);border-radius:22px;background:#111315;color:#f1eee6;box-shadow:0 30px 100px rgba(0,0,0,.58);animation:dxref-dialog-in .18s ease-out}.dxref-project-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.72fr);min-height:min(760px,82vh)}.dxref-preview-column{min-width:0;padding:20px;border-right:1px solid rgba(220,166,48,.2);display:flex;flex-direction:column}.dxref-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:14px}.dxref-preview-toolbar>strong{font-size:.95rem}.dxref-view-switch{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dxref-view-switch button,.dxref-view-switch a{border:1px solid #4a402b;border-radius:9px;background:#1b1c1d;color:#ded5c1;padding:8px 11px;font:700 .82rem Rajdhani,sans-serif;text-decoration:none;cursor:pointer}.dxref-view-switch [aria-pressed=true]{background:#e5b43f;color:#201909;border-color:#e5b43f}.dxref-browser-stage{flex:1;min-height:440px;display:flex;justify-content:center;align-items:stretch;overflow:auto;background:radial-gradient(ellipse at center,rgba(200,151,43,.08),transparent 60%),#090a0b;border:1px solid rgba(220,166,48,.18);border-radius:14px;padding:12px}.dxref-browser-frame{position:relative;width:100%;min-width:0;min-height:440px;display:flex;flex-direction:column;border:1px solid #393633;border-radius:10px;overflow:hidden;background:#fff;transition:width .2s ease;flex-shrink:0}.dxref-browser-frame.is-mobile{width:min(390px,100%)}.dxref-browser-bar{height:30px;flex-shrink:0;display:flex;align-items:center;gap:5px;padding:0 10px;background:#202122;color:#aaa}.dxref-browser-bar i{width:7px;height:7px;border-radius:50%;background:#b9a06c}.dxref-browser-bar span{margin-left:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.dxref-browser-frame iframe{display:block;border:0;width:100%;flex:1;min-height:410px;background:#fff}.dxref-frame-note{position:absolute;inset:30px 0 0;display:grid;place-items:center;padding:30px;text-align:center;background:#101214;color:#d7c9ad;line-height:1.6}.dxref-project-details{min-width:0;padding:clamp(22px,2.6vw,38px);display:flex;flex-direction:column;align-items:flex-start}.dxref-project-details h2{font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1.1;margin:0 0 16px;overflow-wrap:anywhere}.dxref-project-description{color:#c2baac;line-height:1.7;white-space:pre-line;margin:0 0 18px}.dxref-detail-list{width:100%;display:grid;gap:0;border-top:1px solid rgba(220,166,48,.2)}.dxref-detail-list section{padding:14px 0;border-bottom:1px solid rgba(220,166,48,.16)}.dxref-detail-list h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#e7bc52;margin:0 0 6px}.dxref-detail-list p{margin:0;color:#d4ccbe;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.dxref-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 0}.dxref-status-grid section{border:1px solid rgba(220,166,48,.2);border-radius:10px;padding:12px;display:grid;gap:6px}.dxref-status-grid span{color:#aaa18f;font-size:.75rem}.dxref-status-grid strong{color:#e7bc52}.dxref-project-link{margin-top:auto}
.dxref-editor-dialog{width:min(1050px,96vw);padding:clamp(18px,3vw,34px)}.dxref-editor-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.dxref-editor-header h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.2rem);color:#e7bc52}.dxref-editor-header p{margin:0 0 18px;color:#b6b0a5;line-height:1.55}.dxref-modal-close{flex-shrink:0;width:42px;height:42px;border:1px solid #986d23;border-radius:12px;background:#1b1b19;color:#f2cb67;font-size:1.7rem;line-height:1;cursor:pointer}.dxref-editor-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(220,166,48,.25);margin-bottom:20px;padding-bottom:12px}.dxref-editor-tabs button{padding:10px 14px;border:1px solid #554426;border-radius:999px;background:#1a1b1b;color:#d5c9b3;cursor:pointer}.dxref-editor-tabs button[aria-selected=true]{background:#e5b43f;color:#201909}.dxref-editor-pane{display:none;gap:15px}.dxref-editor-pane.is-active{display:grid}.dxref-editor-pane>label,.dxref-editor-project-grid>label{display:grid;gap:7px;color:#e2d6c1;font-size:.9rem;font-weight:700;min-width:0}.dxref-editor-pane input,.dxref-editor-pane textarea,.dxref-editor-pane select,.dxref-editor-project input,.dxref-editor-project textarea,.dxref-editor-project select{width:100%;min-width:0;padding:12px 13px;border:1px solid #4d473a;border-radius:9px;background:#1a1b1c;color:#f4eee2;font:500 1rem Rajdhani,sans-serif;outline:none}.dxref-editor-pane input:focus,.dxref-editor-pane textarea:focus,.dxref-editor-project input:focus,.dxref-editor-project textarea:focus,.dxref-editor-project select:focus{border-color:#e5b43f}.dxref-upload-label input{padding:9px}.dxref-editor-image-preview{width:min(340px,100%);max-height:190px;object-fit:contain;border:1px solid #4d473a;border-radius:10px;background:#090a0b}.dxref-editor-projects{display:grid;gap:14px}.dxref-editor-project{padding:16px;border:1px solid #4d4025;border-radius:13px;background:#171819}.dxref-editor-project>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dxref-editor-project>header strong{color:#e7bc52}.dxref-editor-project>header button{border:1px solid #713d32;border-radius:8px;padding:8px 10px;background:#2b1a18;color:#ffb8a8;cursor:pointer}.dxref-editor-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dxref-editor-project-grid .dxref-full{grid-column:1/-1}.dxref-editor-checks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dxref-editor-checks label{display:flex;align-items:center;gap:8px;color:#e2d6c1}.dxref-editor-checks input{width:17px;height:17px;accent-color:#e5b43f}.dxref-add-project{border:1px dashed #8a6829;border-radius:10px;padding:13px;background:#1a1a18;color:#f1c451;font-weight:800;cursor:pointer}.dxref-editor-help{color:#a8a092;font-size:.86rem;line-height:1.6}.dxref-editor-footer{position:sticky;bottom:-1px;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:16px 0 0;margin-top:20px;border-top:1px solid rgba(220,166,48,.2);background:#111315}.dxref-editor-footer [role=status]{margin-right:auto;color:#e5b43f;font-size:.9rem}.dxref-secondary-button{border:1px solid #554426;border-radius:10px;padding:12px 16px;background:#1a1b1b;color:#ded5c1;cursor:pointer}.dxref-lock-scroll{overflow:hidden}@keyframes dxref-dialog-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-theme="light"] .dxref-page,body.light-theme .dxref-page,body.theme-light .dxref-page{--dxr-text:#292117;--dxr-muted:#6d6254;--dxr-card:#f5ead7;--dxr-bg:#f4e8d4}.light-theme .dxref-panel,.theme-light .dxref-panel,html[data-theme="light"] .dxref-panel{background:linear-gradient(130deg,#f8efdf,#e7d2ad);border-color:rgba(164,112,25,.45);box-shadow:0 18px 45px rgba(80,52,15,.08)}.light-theme .dxref-hero h1,.theme-light .dxref-hero h1,html[data-theme="light"] .dxref-hero h1{color:#2c2115}.light-theme .dxref-hero-copy>p,.theme-light .dxref-hero-copy>p,html[data-theme="light"] .dxref-hero-copy>p{color:#6b5a46}.light-theme .dxref-section-head h2,.theme-light .dxref-section-head h2,html[data-theme="light"] .dxref-section-head h2{color:#2c2115}.light-theme .dxref-card,.theme-light .dxref-card,html[data-theme="light"] .dxref-card{background:linear-gradient(145deg,#fbf2e3,#ead7b6);color:#2c2115;border-color:rgba(164,112,25,.4)}.light-theme .dxref-card-meta>span,.theme-light .dxref-card-meta>span,html[data-theme="light"] .dxref-card-meta>span{color:#75634d}.light-theme .dxref-empty,.theme-light .dxref-empty,html[data-theme="light"] .dxref-empty{background:#f3e6d0;color:#2c2115}.light-theme .dxref-empty h3,.theme-light .dxref-empty h3,html[data-theme="light"] .dxref-empty h3{color:#2c2115}
@media(max-width:1050px){.dxref-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.78fr);padding:clamp(22px,3vw,36px)}.dxref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dxref-project-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr)}.dxref-preview-column{padding:14px}.dxref-browser-stage{min-height:380px}.dxref-browser-frame{min-height:380px}.dxref-browser-frame iframe{min-height:350px}}
@media(max-width:760px){.dxref-page{width:calc(100% - 22px);margin:14px auto 45px;gap:25px}.dxref-hero{grid-template-columns:1fr;padding:22px;gap:22px;border-radius:18px}.dxref-hero-media{aspect-ratio:16/10;max-height:330px;grid-row:1}.dxref-hero h1{font-size:clamp(2rem,8vw,3.2rem)}.dxref-section-head{align-items:flex-start}.dxref-grid{grid-template-columns:1fr;gap:13px}.dxref-card-image{aspect-ratio:16/9}.dxref-edit-fab{right:12px;bottom:12px;padding:12px 15px}.dxref-modal{padding:7px}.dxref-project-dialog{max-height:96vh;width:100%;border-radius:15px}.dxref-project-layout{grid-template-columns:1fr;min-height:0}.dxref-preview-column{border-right:0;border-bottom:1px solid rgba(220,166,48,.2);padding:12px}.dxref-browser-stage{min-height:390px;padding:8px}.dxref-browser-frame{min-height:370px}.dxref-browser-frame iframe{min-height:340px}.dxref-project-details{padding:20px}.dxref-project-link{margin-top:18px}.dxref-editor-dialog{max-height:96vh;width:100%;padding:17px;border-radius:15px}.dxref-editor-project-grid{grid-template-columns:1fr}.dxref-editor-project-grid .dxref-full{grid-column:auto}.dxref-editor-footer{justify-content:stretch}.dxref-editor-footer .dxref-button,.dxref-editor-footer .dxref-secondary-button{flex:1}.dxref-editor-footer [role=status]{width:100%;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.dxref-card,.dxref-card-image img,.dxref-button,.dxref-browser-frame{transition:none}.dxref-project-dialog,.dxref-editor-dialog{animation:none}}


/* FIX2: global modal scroll, no nested dialog scrollbar, fixed owner control */
html.dxref-lock-scroll, html.dxref-lock-scroll body { overflow: hidden; }
.dxref-edit-fab { position:fixed; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); z-index:12000; pointer-events:auto; }
.dxref-modal { position:fixed; inset:0; z-index:2147482000; display:none; align-items:flex-start; justify-content:center; padding:clamp(14px,3vh,36px) 14px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.dxref-modal.is-open { display:flex; }
.dxref-backdrop { position:fixed; inset:0; z-index:0; }
.dxref-project-dialog, .dxref-editor-dialog { max-height:none; height:auto; overflow:visible; flex:0 0 auto; margin:0 auto; width:min(1500px,96vw); }
.dxref-project-dialog { margin-top:max(0px,calc((100vh - 900px)/2)); }
.dxref-editor-dialog { width:min(1180px,96vw); margin-bottom:18px; }
.dxref-editor-pane.is-active { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.dxref-editor-pane > label { min-width:0; }
.dxref-editor-pane > label:has(textarea), .dxref-editor-pane > .dxref-editor-image-preview { grid-column:1/-1; }
.dxref-editor-pane input, .dxref-editor-pane textarea, .dxref-editor-pane select, .dxref-editor-project input, .dxref-editor-project textarea, .dxref-editor-project select { box-sizing:border-box; }
.dxref-editor-footer { position:sticky; bottom:0; z-index:5; margin:20px -2px -2px; padding:14px 2px 2px; background:linear-gradient(180deg,rgba(17,19,21,.94),#111315 35%); backdrop-filter:blur(10px); }
.dxref-editor-footer .dxref-button, .dxref-editor-footer .dxref-secondary-button { white-space:nowrap; }
.dxref-editor-footer [role=status] { flex:1 1 240px; min-width:180px; }
.dxref-editor-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dxref-editor-project-grid .dxref-full { grid-column:1/-1; }
.dxref-editor-project-grid > label { min-width:0; }
.dxref-editor-footer [role=status].dxref-save-error { color:#ffb4a9; }
html[data-theme="light"] .dxref-editor-dialog, body.light-theme .dxref-editor-dialog, body.theme-light .dxref-editor-dialog, html[data-theme="light"] .dxref-project-dialog, body.light-theme .dxref-project-dialog, body.theme-light .dxref-project-dialog { background:#f5e8d2; color:#2c2115; border-color:rgba(164,112,25,.5); }
html[data-theme="light"] .dxref-editor-header p, body.light-theme .dxref-editor-header p, body.theme-light .dxref-editor-header p { color:#6d5b45; }
html[data-theme="light"] .dxref-editor-pane > label, body.light-theme .dxref-editor-pane > label, body.theme-light .dxref-editor-pane > label, html[data-theme="light"] .dxref-editor-project-grid > label, body.light-theme .dxref-editor-project-grid > label, body.theme-light .dxref-editor-project-grid > label { color:#4b3823; }
html[data-theme="light"] .dxref-editor-pane input, html[data-theme="light"] .dxref-editor-pane textarea, html[data-theme="light"] .dxref-editor-pane select, html[data-theme="light"] .dxref-editor-project input, html[data-theme="light"] .dxref-editor-project textarea, html[data-theme="light"] .dxref-editor-project select, body.light-theme .dxref-editor-pane input, body.light-theme .dxref-editor-pane textarea, body.light-theme .dxref-editor-pane select, body.light-theme .dxref-editor-project input, body.light-theme .dxref-editor-project textarea, body.light-theme .dxref-editor-project select, body.theme-light .dxref-editor-pane input, body.theme-light .dxref-editor-pane textarea, body.theme-light .dxref-editor-pane select, body.theme-light .dxref-editor-project input, body.theme-light .dxref-editor-project textarea, body.theme-light .dxref-editor-project select { background:#e0ceb3; color:#2c2115; border-color:#c4ad8a; }
html[data-theme="light"] .dxref-editor-project, body.light-theme .dxref-editor-project, body.theme-light .dxref-editor-project { background:#f1e2c8; border-color:#d4b780; }
html[data-theme="light"] .dxref-editor-footer, body.light-theme .dxref-editor-footer, body.theme-light .dxref-editor-footer { background:linear-gradient(180deg,rgba(245,232,210,.94),#f5e8d2 35%); border-color:#d4b780; }
html[data-theme="light"] .dxref-secondary-button, body.light-theme .dxref-secondary-button, body.theme-light .dxref-secondary-button { background:#3b342b; color:#f5ead8; }
@media(max-width:760px) {
 .dxref-modal { padding:8px 8px max(12px,env(safe-area-inset-bottom)); }
 .dxref-editor-dialog, .dxref-project-dialog { width:100%; border-radius:14px; }
 .dxref-editor-pane.is-active { grid-template-columns:minmax(0,1fr); }
 .dxref-editor-pane > label:has(textarea), .dxref-editor-pane > .dxref-editor-image-preview { grid-column:auto; }
 .dxref-editor-project-grid { grid-template-columns:minmax(0,1fr); }
 .dxref-editor-project-grid .dxref-full { grid-column:auto; }
 .dxref-editor-footer { gap:8px; }
 .dxref-editor-footer .dxref-button, .dxref-editor-footer .dxref-secondary-button { flex:1 1 auto; }
 .dxref-edit-fab { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); }
}


/* FIX3: hero kép teljes egészében a jobb oldali keretben maradjon */
.dxref-hero-media {
  box-sizing: border-box;
  height: clamp(320px, 30vw, 480px);
  max-height: 480px;
  aspect-ratio: auto;
  padding: 12px;
  overflow: hidden;
}
.dxref-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  min-width: 0;
  min-height: 0;
}
@media (max-width: 760px) {
  .dxref-hero-media {
    height: clamp(240px, 65vw, 330px);
    max-height: 330px;
    padding: 10px;
  }
}



/* Referencia modalok: önálló, megbízható görgetés minden témában és nézetben. */
html.dxref-lock-scroll,
html.dxref-lock-scroll body {
  overflow: hidden;
}
.dxref-modal {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  display: none;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-height: 100dvh;
  padding: clamp(12px, 2.5vh, 28px) 14px max(16px, env(safe-area-inset-bottom));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.dxref-modal.is-open { display: flex; }
.dxref-backdrop { position: fixed; inset: 0; z-index: 0; }
.dxref-project-dialog,
.dxref-editor-dialog {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  flex: 0 0 auto;
  height: auto;
  max-height: none;
  overflow: visible;
  margin: 0 auto 18px;
}
.dxref-project-dialog { width: min(1600px, 96vw); }
.dxref-editor-dialog { width: min(1180px, 96vw); }
.dxref-project-layout {
  grid-template-columns: minmax(0, 1.8fr) minmax(290px, .72fr);
  min-width: 0;
}
.dxref-preview-column,
.dxref-project-details,
.dxref-editor-pane,
.dxref-editor-project,
.dxref-editor-project-grid { min-width: 0; }
.dxref-browser-stage { min-width: 0; overflow: auto; }
.dxref-browser-frame { min-width: 0; }
.dxref-browser-frame iframe { width: 100%; min-width: 0; }
.dxref-browser-frame.is-mobile { width: min(390px, 100%); }
.dxref-frame-note[hidden] { display: none; }
.dxref-editor-pane.is-active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.dxref-editor-pane > label { min-width: 0; }
.dxref-editor-pane > label:has(textarea),
.dxref-editor-pane > .dxref-editor-image-preview { grid-column: 1 / -1; }
.dxref-editor-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dxref-editor-footer {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 20px -2px -2px;
  padding: 14px 2px 2px;
  background: linear-gradient(180deg, rgba(17,19,21,.94), #111315 35%);
  backdrop-filter: blur(10px);
}
html[data-theme="light"] .dxref-editor-footer,
body.light-theme .dxref-editor-footer,
body.theme-light .dxref-editor-footer {
  background: linear-gradient(180deg, rgba(245,232,210,.94), #f5e8d2 35%);
}
@media (max-width: 1050px) {
  .dxref-project-layout { grid-template-columns: minmax(0, 1fr); }
  .dxref-preview-column { border-right: 0; border-bottom: 1px solid rgba(220,166,48,.2); }
  .dxref-browser-stage { min-height: 380px; }
  .dxref-browser-frame { min-height: 360px; }
  .dxref-browser-frame iframe { min-height: 330px; }
}
@media (max-width: 760px) {
  .dxref-modal { padding: 8px 8px max(12px, env(safe-area-inset-bottom)); }
  .dxref-editor-dialog,
  .dxref-project-dialog { width: 100%; border-radius: 14px; }
  .dxref-editor-dialog { padding: 17px; }
  .dxref-editor-pane.is-active,
  .dxref-editor-project-grid { grid-template-columns: minmax(0, 1fr); }
  .dxref-editor-pane > label:has(textarea),
  .dxref-editor-pane > .dxref-editor-image-preview,
  .dxref-editor-project-grid .dxref-full { grid-column: auto; }
  .dxref-preview-column { padding: 12px; }
  .dxref-preview-toolbar { align-items: flex-start; }
  .dxref-view-switch { width: 100%; }
  .dxref-view-switch button,
  .dxref-view-switch a { flex: 1 1 auto; text-align: center; }
  .dxref-browser-stage { min-height: 360px; padding: 8px; }
  .dxref-browser-frame { min-height: 340px; }
  .dxref-browser-frame iframe { min-height: 310px; }
  .dxref-project-details { padding: 20px; }
  .dxref-editor-footer { justify-content: stretch; }
  .dxref-editor-footer .dxref-button,
  .dxref-editor-footer .dxref-secondary-button { flex: 1 1 auto; }
  .dxref-editor-footer [role="status"] { width: 100%; flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .dxref-project-dialog,
  .dxref-editor-dialog,
  .dxref-card,
  .dxref-card-image img,
  .dxref-button,
  .dxref-browser-frame { animation: none; transition: none; }
}


/* FIX4: a szerkesztő teljes tartalma egyetlen, biztosan görgethető párbeszédablakban marad. */
.dxref-modal {
  box-sizing: border-box;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  padding-top: max(12px, env(safe-area-inset-top));
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}
.dxref-modal.is-open { display: flex; }
.dxref-editor-dialog,
.dxref-project-dialog {
  box-sizing: border-box;
  min-height: 0;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  touch-action: pan-y;
}
.dxref-editor-dialog form { min-height: 0; }
.dxref-editor-footer { position: sticky; bottom: 0; }
.dxref-frame-note[hidden] { display: none; }
.dxref-frame-note { z-index: 2; }
.dxref-browser-frame iframe { position: relative; z-index: 1; }
@media (max-width: 760px) {
  .dxref-modal { padding-left: 8px; padding-right: 8px; }
  .dxref-editor-dialog, .dxref-project-dialog {
    width: 100%;
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
    margin-bottom: 0;
  }
}

/* Az iframe-tájékoztató nem takarhatja el a teljes weboldal-előnézetet. */
.dxref-frame-note {
  inset: auto 8px 8px;
  min-height: 0;
  padding: 10px 14px;
  border: 1px solid rgba(220,166,48,.32);
  border-radius: 8px;
  background: rgba(16,18,20,.92);
  color: #f0d9a4;
  font-size: .88rem;
  line-height: 1.45;
  pointer-events: none;
}
.dxref-frame-note[hidden] { display: none; }

/* FIX5: a PC-előnézetet távolabbról mutatjuk, a mobilnézet natív szélességű marad. */
.dxref-browser-frame:not(.is-mobile) {
  min-height: 0;
}
.dxref-browser-frame:not(.is-mobile) iframe {
  width: 138.8889%;
  height: 138.8889%;
  min-height: 0;
  flex: 0 0 138.8889%;
  transform: scale(.72);
  transform-origin: top left;
}
.dxref-browser-frame.is-mobile iframe {
  width: 100%;
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
  transform: none;
}