.jdf-designer {
    --jdf-border: #d6d6d6;
    --jdf-text: #222;
    --jdf-muted: #666;
    --jdf-panel-size: 46px;
    --jdf-half-unit: calc(var(--jdf-panel-size) / 2);
    --jdf-edging-width: 8px;
    font-family: inherit;
    color: var(--jdf-text);
    max-width: 100%;
}

.jdf-header { margin-bottom: 14px; }
.jdf-header h3 { margin: 0 0 4px; font-size: 28px; line-height: 1.1; }
.jdf-header p { margin: 0; color: var(--jdf-muted); }

.jdf-controls {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    align-items: end;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid var(--jdf-border);
    border-radius: 12px;
    background: #fafafa;
}

.jdf-control-group label,
.jdf-quote-form label { display: block; font-weight: 700; margin-bottom: 5px; }

.jdf-control-group select,
.jdf-control-group input[type="color"],
.jdf-control-group input[type="number"],
.jdf-quote-form input {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--jdf-border);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 6px 8px;
}

.jdf-control-group input[type="color"] { padding: 3px; cursor: pointer; }
.jdf-colour-buttons,
.jdf-action-buttons { display: flex; flex-wrap: wrap; gap: 8px; }

.jdf-colour-buttons button,
.jdf-action-buttons button,
.jdf-quote-form button {
    border: 1px solid var(--jdf-border);
    background: #fff;
    border-radius: 8px;
    padding: 9px 11px;
    cursor: pointer;
    font-weight: 700;
}

.jdf-colour-buttons button {
    position: relative;
    padding-left: 34px;
}

.jdf-colour-buttons button::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background: var(--jdf-swatch, #fff);
    border: 1px solid #999;
    border-radius: 4px;
}

.jdf-colour-buttons button.is-selected { outline: 2px solid #111; outline-offset: 1px; }
.jdf-quote-form button { background: #111; color: #fff; margin-top: 12px; }
.jdf-colour-buttons button:hover,
.jdf-action-buttons button:hover,
.jdf-quote-form button:hover { opacity: 0.86; }

.jdf-summary { margin: 10px 0; font-weight: 700; }

.jdf-stage {
    overflow: hidden;
    border: 1px solid var(--jdf-border);
    border-radius: 12px;
    padding: 18px;
    background: repeating-linear-gradient(45deg, #f8f8f8, #f8f8f8 10px, #f2f2f2 10px, #f2f2f2 20px);
    min-height: 260px;
}

.jdf-grid {
    display: grid;
    gap: 0;
    width: max-content;
    margin: 0 auto;
    padding: var(--jdf-edging-width);
    background: #9b9b9b;
    border: 1px solid #777;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}

.jdf-panel {
    width: 100%;
    height: 100%;
    min-width: var(--jdf-half-unit);
    min-height: var(--jdf-panel-size);
    border: 1px solid rgba(17,17,17,0.55);
    background: #fff;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.jdf-full-panel { display: grid; grid-template-columns: 1fr 1fr; }
.jdf-half-panel { display: grid; grid-template-columns: 1fr; }

.jdf-unit {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: var(--jdf-panel-size);
    background: #fff;
    cursor: pointer;
    display: block;
}

.jdf-unit:hover,
.jdf-unit:focus-visible {
    outline: 3px solid #2f80ed;
    outline-offset: -3px;
    position: relative;
    z-index: 2;
}

.jdf-output { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.jdf-note p,
.jdf-legend { margin: 0; color: var(--jdf-muted); line-height: 1.35; }
.jdf-legend { margin: 10px 0 16px; font-size: 14px; }

.jdf-capacity-guide,
.jdf-panel-list {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid var(--jdf-border);
    border-radius: 12px;
    background: #fff;
}

.jdf-capacity-guide h4,
.jdf-panel-list h4 { margin: 0 0 8px; font-size: 18px; }
.jdf-capacity-guide p { margin: 0 0 6px; }

.jdf-panel-list ul { margin: 0; padding-left: 20px; columns: 2; }
.jdf-panel-list li { break-inside: avoid; margin-bottom: 4px; }

.jdf-quote-form {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid var(--jdf-border);
    border-radius: 12px;
    background: #fafafa;
}
.jdf-quote-form h4 { margin: 0 0 12px; font-size: 20px; }
.jdf-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.jdf-form-message { margin: 10px 0 0; font-weight: 700; }

@media (max-width: 700px) {
    .jdf-capacity-guide p { margin: 0 0 6px; }

.jdf-panel-list ul { columns: 1; }
    .jdf-stage { padding: 10px; }
}

.jdf-checker-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.jdf-checker-options label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid var(--jdf-border);
    border-radius: 8px;
    padding: 6px 8px;
    background: #fff;
}

.jdf-checker-options input[type="color"] {
    width: 34px;
    min-height: 28px;
    padding: 2px;
    border: 1px solid var(--jdf-border);
    border-radius: 6px;
}

.jdf-guest-helper p {
    margin: 0 0 8px;
    color: var(--jdf-muted);
    font-size: 13px;
    line-height: 1.35;
}

.jdf-guest-helper-row {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) auto;
    gap: 8px;
}

.jdf-size-from-guests {
    border: 1px solid var(--jdf-border);
    background: #111;
    color: #fff;
    border-radius: 8px;
    padding: 9px 11px;
    cursor: pointer;
    font-weight: 700;
}

.jdf-stock-colours-title { font-weight: 800; margin: 8px 0 6px; }
.jdf-copy-checkbox { display: flex !important; gap: 8px; align-items: center; margin-top: 10px; font-weight: 700; }
.jdf-copy-checkbox input { width: auto; margin: 0; }

.jdf-template-library {
    grid-column: 1 / -1;
    padding-top: 6px;
    border-top: 1px solid var(--jdf-border);
}

.jdf-template-library h4,
.jdf-share-box h4 { margin: 0 0 8px; font-size: 17px; }

.jdf-template-buttons { display: flex; flex-wrap: wrap; gap: 8px; }

.jdf-template-buttons button,
.jdf-share-box button {
    border: 1px solid var(--jdf-border);
    background: #fff;
    border-radius: 8px;
    padding: 9px 11px;
    cursor: pointer;
    font-weight: 700;
}

.jdf-share-box {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid var(--jdf-border);
    border-radius: 12px;
    background: #fff;
}

.jdf-share-box .jdf-share-link {
    width: 100%;
    margin-top: 8px;
    min-height: 40px;
    border: 1px solid var(--jdf-border);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 6px 8px;
}

.jdf-share-message { margin: 8px 0 0; font-weight: 700; color: var(--jdf-muted); }
.jdf-notes-label { grid-column: 1 / -1; }

.jdf-stock-colours-title {
    grid-column: 1 / -1;
    font-size: 15px;
    margin: 2px 0 -4px;
}

.jdf-colour-buttons { grid-column: 1 / -1; }
.jdf-action-buttons { grid-column: 1 / -1; }

.jdf-undo[disabled],
.jdf-redo[disabled] { opacity: 0.45; cursor: not-allowed; }

.jdf-action-buttons button.is-active { background:#111; color:#fff; }
.jdf-panel.is-highlighted { outline: 4px solid #2f80ed; outline-offset: -4px; z-index: 5; }
.jdf-panel-list li { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.jdf-panel-list li span { margin-right:auto; }
.jdf-panel-list button { border:1px solid var(--jdf-border); border-radius:7px; background:#fff; padding:4px 7px; cursor:pointer; font-weight:700; font-size:12px; }
.jdf-panel-list button:hover { opacity:.85; }

.jdf-colour-picker-row {
    display: grid;
    grid-template-columns: 64px minmax(110px, 1fr);
    gap: 8px;
    align-items: center;
}
.jdf-colour-picker-row .jdf-hex-colour {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--jdf-border);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 6px 8px;
    font-weight: 700;
    text-transform: uppercase;
}
.jdf-panel-list ul {
    columns: 1;
    padding-left: 0;
    list-style: none;
}
.jdf-panel-list li {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.jdf-panel-list li:last-child { border-bottom: 0; }
.jdf-panel-row-main {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}
.jdf-panel-name { font-weight: 700; }
.jdf-panel-actions {
    display: inline-flex;
    gap: 5px;
    margin-left: 8px;
    white-space: nowrap;
}
.jdf-fifty-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
    padding: 8px;
    background: #fafafa;
    border: 1px solid var(--jdf-border);
    border-radius: 8px;
}
.jdf-fifty-controls label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-size: 12px;
}
.jdf-fifty-controls input[type="color"] {
    width: 36px;
    min-height: 28px;
    padding: 2px;
}


.jdf-recent-colours-wrap {
    grid-column: 1 / -1;
}
.jdf-recent-colours-title {
    font-weight: 800;
    margin: 0 0 6px;
}
.jdf-recent-colours {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: var(--jdf-muted);
    font-size: 13px;
}
.jdf-recent-colour {
    position: relative;
    border: 1px solid var(--jdf-border);
    background: #fff;
    border-radius: 8px;
    padding: 7px 9px 7px 32px;
    cursor: pointer;
    font-weight: 700;
}
.jdf-recent-colour::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background: var(--jdf-swatch, #fff);
    border: 1px solid #999;
    border-radius: 4px;
}
.jdf-panel-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.jdf-panel-list-header h4 { margin: 0; }
.jdf-clear-highlight[hidden] { display: none; }
.jdf-clear-highlight {
    border: 1px solid var(--jdf-border);
    background: #fff;
    border-radius: 8px;
    padding: 6px 9px;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
}


.jdf-render-floor {
    background: #6d28d9 !important;
    color: #fff !important;
    border-color: #5b21b6 !important;
}
.jdf-render-panel {
    margin: 18px 0;
    padding: 14px;
    border: 1px solid var(--jdf-border);
    border-radius: 12px;
    background: #111;
    color: #fff;
}
.jdf-render-panel[hidden] { display: none; }
.jdf-render-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.jdf-render-panel-header h4 { margin: 0; font-size: 20px; }
.jdf-close-render,
.jdf-download-render {
    border: 1px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 8px;
    padding: 8px 11px;
    cursor: pointer;
    font-weight: 700;
}
.jdf-render-canvas {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: #222;
}
.jdf-render-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}
.jdf-render-actions p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 13px;
}


/* V3.1.1 visual render foundation */
.jdf-render-controls {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin: 0 0 12px;
    padding: 10px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
}
.jdf-render-controls label {
    display: block;
    color: rgba(255,255,255,0.86);
    font-weight: 800;
    font-size: 13px;
}
.jdf-render-controls select {
    width: 100%;
    min-height: 38px;
    margin-top: 5px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px;
    background: #1f1f1f;
    color: #fff;
    padding: 6px 8px;
    box-sizing: border-box;
}
.jdf-header h3::after {
    content: " v3";
    display: inline-block;
    margin-left: 8px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
}


/* V3.1.3.5 panel line definition control */
.jdf-render-line-setting { grid-column: 1 / -1; }
.jdf-range-row {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 10px;
    align-items: center;
    margin-top: 7px;
    color: rgba(255,255,255,0.72);
    font-weight: 700;
}
.jdf-range-row input[type="range"] { width: 100%; accent-color: #d9b36c; }
.jdf-range-row strong { min-width: 44px; text-align: right; color: #fff; }


/* v3.1.7 UI polish */
.jdf-designer { --jdf-primary:#111827; --jdf-accent:#2563eb; --jdf-soft:#f6f7fb; --jdf-selected-colour:#ffffff; }
.jdf-progress { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:0 0 14px; }
.jdf-progress span { border:1px solid var(--jdf-border); border-radius:999px; padding:8px 10px; text-align:center; background:#fff; font-weight:800; font-size:13px; }
.jdf-progress span.is-active { background:var(--jdf-primary); color:#fff; border-color:var(--jdf-primary); }
.jdf-controls { align-items:start; background:#fff; box-shadow:0 10px 30px rgba(17,24,39,.06); }
.jdf-control-section { border:1px solid var(--jdf-border); border-radius:14px; background:#fafafa; padding:0; overflow:hidden; }
.jdf-control-section > summary { cursor:pointer; list-style:none; padding:12px 14px; font-weight:900; background:#fff; border-bottom:1px solid var(--jdf-border); display:flex; justify-content:space-between; align-items:center; }
.jdf-control-section > summary::-webkit-details-marker { display:none; }
.jdf-control-section > summary span { display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center; border-radius:50%; background:#eef2ff; color:#111; font-size:12px; }
.jdf-control-section > .jdf-control-group, .jdf-control-section > .jdf-stock-colours-title, .jdf-control-section > .jdf-colour-buttons, .jdf-control-section > .jdf-recent-colours-wrap, .jdf-control-section > .jdf-action-buttons, .jdf-control-section > .jdf-selected-colour-card, .jdf-control-section > .jdf-template-buttons { margin:12px; }
.jdf-tools-section { grid-column:1 / -1; }
.jdf-action-buttons { position:sticky; top:12px; z-index:5; background:rgba(255,255,255,.95); padding:10px; border:1px solid var(--jdf-border); border-radius:14px; box-shadow:0 8px 22px rgba(0,0,0,.08); }
.jdf-action-buttons button, .jdf-template-buttons button, .jdf-create-share-link, .jdf-download-render, .jdf-close-render { transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
.jdf-action-buttons button:hover, .jdf-template-buttons button:hover, .jdf-create-share-link:hover, .jdf-download-render:hover { transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.jdf-render-floor, .jdf-quote-form button, .jdf-create-share-link { background:var(--jdf-primary) !important; color:#fff !important; border-color:var(--jdf-primary) !important; }
.jdf-clear { border-color:#fecaca !important; color:#991b1b; background:#fff5f5 !important; }
.jdf-live-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; margin:0 0 14px; }
.jdf-live-stats div { border:1px solid var(--jdf-border); border-radius:12px; padding:10px 12px; background:#fff; }
.jdf-live-stats strong { display:block; font-size:12px; color:var(--jdf-muted); text-transform:uppercase; letter-spacing:.04em; }
.jdf-live-stats span { display:block; font-weight:900; font-size:16px; margin-top:3px; }
.jdf-bottom-status { position:sticky; bottom:0; z-index:4; display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0 18px; padding:8px 10px; border:1px solid var(--jdf-border); border-radius:999px; background:rgba(255,255,255,.96); box-shadow:0 -4px 16px rgba(0,0,0,.05); font-size:13px; }
.jdf-bottom-status span { padding:4px 8px; border-radius:999px; background:#f3f4f6; font-weight:700; }
.jdf-selected-colour-card { display:flex; align-items:center; gap:8px; border:1px solid var(--jdf-border); border-radius:12px; padding:10px; background:#fff; }
.jdf-status-swatch { width:26px; height:26px; border:1px solid #999; border-radius:7px; background:var(--jdf-swatch,#fff); display:inline-block; }
.jdf-recent-colours { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.jdf-recent-colour { border:1px solid var(--jdf-border); background:#fff; border-radius:999px; padding:7px 10px 7px 30px; position:relative; font-weight:800; cursor:pointer; }
.jdf-recent-colour:before { content:""; position:absolute; left:8px; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; border:1px solid #999; background:var(--jdf-swatch); }
.jdf-template-library { grid-column:1 / -1; }
.jdf-template-buttons { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.jdf-template-buttons button { display:flex; flex-direction:column; gap:8px; align-items:flex-start; justify-content:space-between; min-height:86px; border:1px solid var(--jdf-border); border-radius:14px; background:#fff; padding:12px; text-align:left; font-weight:900; }
.jdf-template-icon { display:block; width:52px; height:34px; border-radius:8px; border:1px solid #cbd5e1; background:#fff; }
.jdf-template-icon.checker { background:conic-gradient(#555 25%,#fff 0 50%,#555 0 75%,#fff 0); background-size:18px 18px; }
.jdf-template-icon.checker.reverse { background:conic-gradient(#fff 25%,#555 0 50%,#fff 0 75%,#555 0); background-size:18px 18px; }
.jdf-template-icon.checker.red { background:conic-gradient(#e11d2e 25%,#fff 0 50%,#e11d2e 0 75%,#fff 0); background-size:18px 18px; }
.jdf-template-icon.checker.gold { background:conic-gradient(#d9b36c 25%,#fff6dd 0 50%,#d9b36c 0 75%,#fff6dd 0); background-size:18px 18px; }
.jdf-template-icon.rainbow { background:linear-gradient(90deg,#e11d2e,#f97316,#facc15,#22c55e,#2563eb,#e4007c,#7b2cff); }
.jdf-template-icon.stripes { background:repeating-linear-gradient(0deg,#7b2cff 0 8px,#ffffff 8px 16px); }
.jdf-template-icon.goldblack { background:repeating-linear-gradient(0deg,#d9b36c 0 8px,#555 8px 16px); }
.jdf-template-icon.diagonal-blue-black { background:repeating-linear-gradient(45deg,#2563eb 0 8px,#555 8px 16px); }
.jdf-template-icon.blank { background:linear-gradient(135deg,#fff,#f3f4f6); }
.jdf-panel-list-header { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.jdf-selected-panel-info, .jdf-undo-history { margin:8px 0; padding:8px 10px; border-radius:10px; background:#f8fafc; color:#374151; font-weight:700; font-size:13px; }
.jdf-panel-row-main { display:flex; justify-content:space-between; align-items:center; gap:8px; border:1px solid #eef2f7; border-radius:10px; padding:7px; }
.jdf-panel-actions { display:flex; gap:6px; flex-wrap:wrap; }
.jdf-panel-actions button, .jdf-clear-highlight, .jdf-fifty-apply { border:1px solid var(--jdf-border); background:#fff; border-radius:8px; padding:6px 8px; cursor:pointer; font-weight:800; }
.jdf-unit:hover { box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--jdf-hover-colour, var(--jdf-selected-colour)) 18%, transparent); }
.jdf-share-box, .jdf-quote-form, .jdf-render-panel { box-shadow:0 10px 30px rgba(17,24,39,.06); }
.jdf-share-box { margin:18px 0; padding:16px; border:1px solid var(--jdf-border); border-radius:14px; background:#fff; }
.jdf-share-box h4 { margin:0 0 10px; }
.jdf-share-link { width:100%; min-height:38px; border:1px solid var(--jdf-border); border-radius:8px; padding:8px; box-sizing:border-box; margin-top:10px; }
.jdf-autosave-indicator { color:#4b5563; font-weight:800; margin:8px 0 0; }
.jdf-quote-form { background:linear-gradient(180deg,#fff,#fafafa); }
.jdf-quote-form h4 { font-size:24px; }
@media (min-width: 1100px) { .jdf-controls { grid-template-columns:repeat(2,minmax(0,1fr)); } .jdf-stage { min-height:420px; } }
@media (max-width: 700px) { .jdf-progress { grid-template-columns:repeat(2,1fr); } .jdf-action-buttons { position:static; } .jdf-bottom-status { border-radius:14px; } }


/* v3.1.7.1 UI cleanup */
.jdf-progress { display:none !important; }
.jdf-canvas-ctas { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; margin:0 0 14px; position:relative; z-index:2; }
.jdf-canvas-ctas button { border:1px solid var(--jdf-primary); border-radius:999px; padding:10px 16px; font-weight:900; cursor:pointer; }
.jdf-render-floor-secondary { background:var(--jdf-primary); color:#fff; }
.jdf-jump-quote { background:#fff; color:var(--jdf-primary); }
.jdf-jump-quote:hover, .jdf-render-floor-secondary:hover { opacity:.9; }
.jdf-panel-list-wrap { border:1px solid var(--jdf-border); border-radius:16px; background:#fff; margin:16px 0; overflow:hidden; }
.jdf-panel-list-wrap > summary { cursor:pointer; padding:14px 16px; font-weight:900; background:#fafafa; list-style:none; display:flex; justify-content:space-between; align-items:center; }
.jdf-panel-list-wrap > summary::-webkit-details-marker { display:none; }
.jdf-panel-list-wrap > summary:after { content:'Show'; font-size:12px; color:#6b7280; border:1px solid var(--jdf-border); border-radius:999px; padding:4px 8px; background:#fff; }
.jdf-panel-list-wrap[open] > summary:after { content:'Hide'; }
.jdf-panel-list-wrap .jdf-panel-list { margin:0; border:0; border-top:1px solid var(--jdf-border); border-radius:0; }
@media (max-width: 700px) { .jdf-canvas-ctas { align-items:stretch; } .jdf-canvas-ctas button { flex:1 1 100%; } }

/* v3.1.7.2 */
.jdf-panels-hidden { display: none !important; }

/* v3.1.7.4 */

/* v3.1.7.5: top-down editor panel borders are fixed and do not use render panel definition setting. */