.d53-studio{display:grid;gap:14px}.d53-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:18px;align-items:end;border:1px solid var(--r52-border,var(--line));border-radius:14px;background:linear-gradient(125deg,var(--r52-panel,#fff),color-mix(in srgb,var(--r52-panel,#fff) 84%,#0ea5e9 16%));padding:18px;box-shadow:var(--r52-shadow-small)}.d53-toolbar h3{margin:5px 0}.d53-toolbar p{margin:0;color:var(--r52-text,var(--muted))}.d53-toolbar>label{display:grid;gap:6px;font-size:.75rem;font-weight:800;color:var(--r52-text,var(--muted))}.d53-toolbar select{min-width:220px;min-height:40px;border:1px solid var(--r52-border,var(--line));border-radius:8px;background:var(--r52-panel,#fff);color:inherit;padding:7px}.d53-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.d53-assurance{display:flex;justify-content:space-between;gap:18px;align-items:center;border-left:4px solid #7657b6;border-radius:8px;background:color-mix(in srgb,var(--r52-panel,#fff) 86%,#7657b6 14%);padding:12px 15px;color:inherit}.d53-assurance small{display:block;color:var(--r52-text,var(--muted));margin-top:3px}.d53-tabs{display:flex;gap:5px;border-bottom:1px solid var(--r52-border,var(--line));padding:0 5px}.d53-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;padding:10px 14px;font-weight:750}.d53-tabs button.active{border-bottom-color:#0ea5e9;color:#087ead}.d53-panel{display:grid;gap:14px}.d53-panel[hidden]{display:none}.d53-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.d53-panel-head h4{margin:0}.d53-panel-head p{margin:4px 0 0;color:var(--r52-text,var(--muted))}.d53-canvas{display:grid;grid-template-columns:repeat(2,minmax(340px,1fr));gap:14px}.d53-group{border:1px solid var(--r52-border,var(--line));border-radius:12px;background:var(--r52-panel,#fff);overflow:hidden;box-shadow:var(--r52-shadow-small)}.d53-group.drag-over,.d53-zone.drag-over{outline:3px solid color-mix(in srgb,#0ea5e9 45%,transparent);outline-offset:2px}.d53-group>header{display:grid;grid-template-columns:24px 1fr auto auto;gap:7px;align-items:center;padding:10px;background:var(--r52-panel-soft,#eef7fb);border-bottom:1px solid var(--r52-border,var(--line))}.d53-handle{font-size:1.1rem;color:#7b91a3;cursor:grab;user-select:none}.d53-group>header input{min-width:0;min-height:36px;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit;padding:7px 9px;font-weight:800}.d53-group>header span{font-size:.7rem;color:var(--r52-text,var(--muted));white-space:nowrap}.d53-icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit}.d53-zone{min-height:68px;padding:8px}.d53-zone:empty::after{content:"Drop functions here";display:block;margin:8px;padding:14px;border:2px dashed var(--r52-border,var(--line));border-radius:9px;text-align:center;color:var(--r52-text,var(--muted))}.d53-card{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-bottom:7px;padding:9px;border:1px solid var(--r52-border,var(--line));border-radius:9px;background:var(--r52-panel,#fff);cursor:grab;transition:.15s}.d53-card:hover{border-color:#90c8e5;box-shadow:0 5px 15px rgba(18,52,86,.07)}.d53-card.dragging{opacity:.45}.d53-card>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--rail,#0ea5e9) 12%,var(--r52-panel,#fff));color:var(--rail,#0ea5e9);font-style:normal;font-weight:800}.d53-card strong,.d53-card small{display:block}.d53-card small{margin-top:2px;color:var(--r52-text,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d53-card button{border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit;padding:6px 8px}.d53-card button[data-hide]:hover{border-color:#dc2626;color:#b91c1c}.d53-surface{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:14px}.d53-surface-list,.d53-hidden{border:1px solid var(--r52-border,var(--line));border-radius:12px;background:var(--r52-panel,#fff);padding:12px;box-shadow:var(--r52-shadow-small)}.d53-surface-card{display:grid;grid-template-columns:28px 38px 1fr auto;gap:10px;align-items:center;border:1px solid var(--r52-border,var(--line));border-radius:10px;background:var(--r52-panel,#fff);padding:11px;margin-bottom:8px;cursor:grab}.d53-surface-card .mock{display:grid;place-items:center;width:38px;height:34px;border-radius:7px;background:linear-gradient(135deg,#dff3fc,#dff6ee);color:#087ead;font-weight:850}.d53-surface-card strong,.d53-surface-card small{display:block}.d53-surface-card small{color:var(--r52-text,var(--muted));margin-top:2px}.d53-surface-card button{border:1px solid var(--r52-border,var(--line));border-radius:7px;background:transparent;color:inherit;padding:6px 9px}.d53-hidden h4{margin:2px 0 5px}.d53-hidden>p{margin:0 0 12px;color:var(--r52-text,var(--muted));font-size:.82rem}.d53-hidden-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--r52-border,var(--line));padding:9px 2px}.d53-hidden-item button{border:0;border-radius:7px;background:#e6f6ef;color:#087354;padding:6px 9px;font-weight:750}.d53-empty{padding:18px;text-align:center;color:var(--r52-text,var(--muted))}.d53-family-grid{display:grid;gap:9px}.d53-family-grid article{display:grid;grid-template-columns:1fr 1.3fr minmax(130px,.5fr);gap:10px;border:1px solid var(--r52-border,var(--line));border-radius:10px;background:var(--r52-panel,#fff);padding:11px}.d53-family-grid label{display:grid;gap:5px;font-size:.72rem;font-weight:800}.d53-family-grid input,.d53-family-grid select{min-width:0;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit;padding:8px}.d53-preview{width:min(1100px,calc(100vw - 28px));border:0;border-radius:15px;padding:0;background:var(--r52-bg,#f7f9fc);color:var(--r52-navy,#123456);box-shadow:0 28px 90px rgba(0,20,40,.35)}.d53-preview header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#123456;color:#fff}.d53-preview header h3{margin:0}.d53-preview header button{border:0;background:transparent;color:#fff;font-size:1.4rem}.d53-preview-shell{display:grid;grid-template-columns:225px 1fr;min-height:570px}.d53-preview-nav{background:#0a2845;color:#fff;padding:14px}.d53-preview-nav strong{display:block;margin-bottom:12px}.d53-preview-nav div{padding:9px;border-radius:7px;color:#dceaf3}.d53-preview-nav div:first-of-type{background:rgba(14,165,233,.2)}.d53-preview-main{padding:16px;overflow:auto}.d53-preview-box{border:1px solid var(--r52-border,var(--line));border-radius:11px;background:var(--r52-panel,#fff);padding:14px;margin-bottom:10px;box-shadow:var(--r52-shadow-small)}.d53-preview-box.ai{background:linear-gradient(125deg,#123456,#087c83);color:#fff}.d53-history{width:min(900px,calc(100vw - 28px));border:0;border-radius:15px;padding:0;color:var(--r52-navy,#123456)}.d53-history>header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--r52-border,var(--line))}.d53-history h3{margin:0}.d53-history>header button{border:0;background:transparent;color:inherit;font-size:1.4rem}.d53-history-list{padding:12px;max-height:620px;overflow:auto}.d53-history-list article{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--r52-border,var(--line));padding:12px}.d53-history-list span,.d53-history-list small{display:block;color:var(--r52-text,var(--muted))}.d53-history-list button{border:1px solid #9dcdb9;border-radius:8px;background:#e6f6ef;color:#087354;padding:7px 10px;font-weight:750}.d53-history-list button:disabled{opacity:.45}.d53-safe{border:1px solid #f0c970!important;background:#fff8e7!important;color:#7a5200!important}
html[data-theme="dark"] .d53-toolbar,html[data-theme="dark"] .d53-group,html[data-theme="dark"] .d53-card,html[data-theme="dark"] .d53-surface-list,html[data-theme="dark"] .d53-hidden,html[data-theme="dark"] .d53-surface-card,html[data-theme="dark"] .d53-family-grid article,html[data-theme="dark"] .d53-preview,html[data-theme="dark"] .d53-preview-box,html[data-theme="dark"] .d53-history{background:#1f2937;color:#f8fafc;border-color:#334155}html[data-theme="dark"] .d53-toolbar{background:linear-gradient(125deg,#1f2937,#18344a)}html[data-theme="dark"] .d53-group>header{background:#172235}html[data-theme="dark"] .d53-toolbar select,html[data-theme="dark"] .d53-group input,html[data-theme="dark"] .d53-card button,html[data-theme="dark"] .d53-family-grid input,html[data-theme="dark"] .d53-family-grid select{background:#172235;color:#f8fafc;border-color:#41556c}
@media(max-width:1100px){.d53-toolbar{grid-template-columns:1fr}.d53-actions{justify-content:flex-start}.d53-canvas,.d53-surface{grid-template-columns:1fr}}
@media(max-width:720px){.d53-canvas{display:block}.d53-group{margin-bottom:12px}.d53-card{grid-template-columns:24px 32px 1fr}.d53-card button{grid-column:3}.d53-family-grid article{grid-template-columns:1fr}.d53-preview-shell{grid-template-columns:1fr}.d53-preview-nav{display:none}.d53-history-list article{grid-template-columns:1fr}.d53-assurance{display:block}}

/* Revision 13: real non-mutating sandbox and controlled Hub catalogue. */
.d53-live-preview{width:min(1460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.d53-preview-tools{display:flex;align-items:end;gap:14px;padding:12px 18px;border-bottom:1px solid #d6e3eb;background:#f7fafc}.d53-preview-tools label{display:grid;gap:4px;font-size:.72rem;font-weight:800}.d53-preview-tools select{min-height:36px}.d53-preview-tools>span{margin-left:auto;max-width:470px;color:#5b7488;font-size:.72rem}.d53-preview-stage{padding:16px;background:#dce7ee;overflow:auto}.d53-preview-frame{width:100%;min-height:620px;margin:auto;background:#f3f7fa;box-shadow:0 12px 35px #082f5530;transition:width .2s}.d53-live-preview[data-viewport="tablet"] .d53-preview-frame{width:900px}.d53-live-preview[data-viewport="mobile"] .d53-preview-frame{width:390px}.d53-real-header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding:8px 18px;background:#fff;border-bottom:2px solid #80d6eb}.d53-real-header img{width:170px;height:48px;object-fit:contain}.d53-real-header nav{display:flex;gap:10px;color:#0a3d66;font-size:.74rem}.d53-real-masthead{padding:16px 22px;background:linear-gradient(110deg,#fff,#eaf7fb);border-bottom:1px solid #cce1eb}.d53-real-masthead>span{color:#0785b8;font-size:.62rem;font-weight:900;letter-spacing:.13em}.d53-real-masthead h2{margin:5px 0 3px}.d53-real-masthead p{margin:0;color:#5b7488}.d53-real-body{display:grid;grid-template-columns:235px 1fr;min-height:500px}.d53-real-body>aside{padding:12px;background:#f8fbfd;border-right:1px solid #d6e3eb}.d53-real-body>aside section{margin-bottom:12px}.d53-real-body>aside input{width:100%;border:0;background:transparent;color:#5d7487;font-size:.63rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.d53-real-body>aside div{display:flex;gap:8px;margin-top:4px;padding:8px;border-radius:8px;color:#173f5e;font-size:.72rem}.d53-real-body>aside i{color:#0a9fd1;font-style:normal;font-weight:900}.d53-real-body>main{padding:16px;min-width:0}.d53-safe-strip{padding:9px 11px;border:1px solid #e6c26d;background:#fff8e7;color:#79520a;font-size:.7rem}.d53-preview-sort{display:grid;gap:10px;margin-top:12px}.d53-preview-sort article{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid #d6e3eb;border-radius:11px;background:#fff;cursor:grab}.d53-preview-sort article.ai{background:linear-gradient(115deg,#0a416b,#078898);color:#fff}.d53-preview-sort p{margin:3px 0 0;color:inherit;opacity:.72}.d53-preview-sort button{padding:6px 9px}.d53-live-preview>footer{display:flex;justify-content:flex-end;gap:9px;padding:12px 18px;background:#fff;border-top:1px solid #d6e3eb}.d53-live-preview.preview-dark .d53-preview-frame{filter:none;background:#101b25;color:#edf5f8}.d53-live-preview.preview-dark :is(.d53-real-header,.d53-real-masthead,.d53-preview-sort article){background:#172632;color:#edf5f8;border-color:#314653}.d53-live-preview.preview-dark .d53-real-header img{padding:4px 8px;border-radius:9px;background:#fff}.d53-live-preview.preview-dark .d53-real-body>aside{background:#13232f;border-color:#314653}.d53-live-preview.preview-dark .d53-real-body>aside :is(input,div){color:#dce9ef}
.d53-hub-grid{display:grid;gap:9px}.d53-hub-row{display:grid;grid-template-columns:150px 1fr 1fr 1.5fr 145px 70px 78px 110px;gap:9px;align-items:end;padding:12px;border:1px solid var(--r52-border,var(--line));border-left:4px solid var(--hub-accent);border-radius:10px;background:var(--r52-panel,#fff)}.d53-hub-row label{display:grid;gap:4px;color:var(--r52-text,var(--muted));font-size:.65rem;font-weight:800}.d53-hub-row input,.d53-hub-row select{min-width:0;min-height:36px;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit;padding:6px 8px}.d53-hub-title span,.d53-hub-title strong{display:block}.d53-hub-title span{color:var(--hub-accent);font-size:.61rem;font-weight:900;letter-spacing:.1em}.d53-hub-title strong{margin-top:5px}.d53-check{display:flex!important;align-items:center;gap:6px;min-height:36px}.d53-check input{min-height:0}.d53-hub-preview main{padding:18px}.d53-hub-preview main>section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.d53-hub-preview article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #d6e3eb;border-left:4px solid var(--hub-accent);border-radius:10px}.d53-hub-preview article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eef7fb;color:var(--hub-accent);font-weight:900}.d53-hub-preview article small,.d53-hub-preview article b{display:block}.d53-hub-preview article small{margin:3px 0;color:#647d91}.d53-hub-preview article b{width:max-content;padding:3px 7px;border-radius:999px;background:#e5f6f1;color:#08745f;font-size:.58rem}.d53-hub-preview article i{font-style:normal;font-size:.7rem;font-weight:850}
@media(max-width:1100px){.d53-hub-row{grid-template-columns:1fr 1fr 1fr}.d53-hub-title{grid-column:1/-1}.d53-hub-preview main>section>div{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.d53-preview-tools{align-items:stretch;flex-direction:column}.d53-preview-tools>span{margin:0}.d53-real-body{grid-template-columns:1fr}.d53-real-body>aside{display:none}.d53-hub-row,.d53-hub-preview main>section>div{grid-template-columns:1fr}.d53-live-preview[data-viewport] .d53-preview-frame{width:390px}}
.d53-order-grid article{grid-template-columns:minmax(220px,1fr) auto;align-items:end}.d53-order-grid input{max-width:130px}.d53-order-grid small{color:var(--r52-text,var(--muted));font-size:.7rem}

/* 0.20.86 revision 2 — universal category register and portal assignment. */
.d53-group>header{grid-template-columns:24px minmax(150px,1fr) minmax(170px,.75fr) auto auto}
.d53-group>header select{min-width:0;min-height:36px;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit;padding:7px 9px}
.d53-category-actions{display:flex;flex-wrap:wrap;gap:7px}
.d53-category-register{display:grid;gap:10px}
.d53-category-record{position:relative;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);gap:18px;padding:14px 14px 14px 42px;border:1px solid var(--r52-border,var(--line));border-radius:12px;background:var(--r52-panel,#fff);box-shadow:var(--r52-shadow-small)}
.d53-category-drag{position:absolute;left:13px;top:50%;translate:0 -50%;color:#7b91a3;cursor:grab;font-weight:900}.d53-category-record.drag-over{outline:3px solid color-mix(in srgb,#0ea5e9 42%,transparent);outline-offset:2px}.d53-category-record.dragging{opacity:.48}
.d53-category-fields{display:grid;grid-template-columns:minmax(160px,1fr) 120px auto auto;gap:10px;align-items:end}
.d53-category-fields label{display:grid;gap:5px;font-weight:800}
.d53-category-fields input[type="number"],.d53-category-fields input:not([type]){min-width:0;width:100%;padding:8px;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel,#fff);color:inherit}
.d53-category-status{display:flex!important;align-items:center;gap:7px;padding-bottom:8px;white-space:nowrap}
.d53-lock{align-self:end;margin-bottom:4px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,#168f74 14%,var(--r52-panel,#fff));color:#087354;font-weight:800}
.d53-category-meta{display:grid;gap:8px;align-content:start}
.d53-category-meta>span{color:var(--r52-text,var(--muted))}
.d53-portal-matrix{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:7px}
.d53-portal-matrix label{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid var(--r52-border,var(--line));border-radius:7px;background:var(--r52-panel-soft,#eef7fb)}
.d53-category-meta>button{justify-self:start}
html[data-theme="dark"] .d53-category-record{background:#1f2937;color:#f8fafc;border-color:#334155}
@media(max-width:1050px){.d53-category-record{grid-template-columns:1fr}.d53-portal-matrix{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:700px){.d53-group>header,.d53-category-fields{grid-template-columns:1fr}.d53-handle{display:none}.d53-portal-matrix{grid-template-columns:1fr}}
.d53-footer-editor{display:grid;gap:18px}.d53-footer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #d5e3ec;border-radius:13px;background:#f7fafc}.d53-footer-fields label{display:grid;gap:6px;color:#35536c;font-size:.76rem;font-weight:800}.d53-footer-fields input,.d53-footer-fields select{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border:1px solid #cbdce7;border-radius:8px;background:#fff;color:#082f55}.d53-footer-fields input[type="color"]{padding:4px}.d53-footer-fields input[type="range"]{padding:0}.d53-footer-fields output{color:#087daf;font-weight:900}.d53-footer-preview{display:flex;align-items:center;gap:24px;min-height:var(--footer-height);padding:14px 24px;border-top:3px solid rgba(35,189,224,.58);border-radius:12px;background:linear-gradient(105deg,var(--footer-start),var(--footer-end));color:#fff;box-shadow:0 10px 24px rgba(7,54,88,.14);font-size:var(--footer-font)}.d53-footer-preview span{display:grid;gap:4px}.d53-footer-preview strong{font-size:calc(var(--footer-font) + 2px)}.d53-footer-preview small{color:#d9f1f8;font-size:calc(var(--footer-font) - 2px)}.d53-footer-preview nav{display:flex;flex:1;flex-wrap:wrap;justify-content:center;gap:16px}.d53-footer-preview b{font-size:var(--footer-font)}
html[data-theme="dark"] .d53-footer-fields{border-color:#334155;background:#1f2937}.d53-footer-fields label{color:inherit}
@media(max-width:900px){.d53-footer-fields{grid-template-columns:1fr 1fr}.d53-footer-preview{align-items:flex-start;flex-direction:column}.d53-footer-preview nav{justify-content:flex-start}}
@media(max-width:600px){.d53-footer-fields{grid-template-columns:1fr}}

/* Revision 49 — SWISO Universal Layout Studio. The existing panels and controls are retained inside one fluid editor shell. */
.d53-editor-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.d53-tool-rail{position:sticky;top:12px;display:grid;gap:11px;padding:12px;border:1px solid var(--r52-border,var(--line));border-radius:14px;background:linear-gradient(155deg,var(--r52-panel,#fff),color-mix(in srgb,var(--r52-panel,#fff) 91%,#12a4cd));box-shadow:var(--r52-shadow-small)}.d53-tool-rail>strong{padding:4px 6px;color:#087da8;font-size:.68rem;letter-spacing:.13em}.d53-tool-rail .d53-tabs{display:grid;gap:4px;padding:0;border:0}.d53-tool-rail .d53-tabs button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 8px;width:100%;min-height:54px;padding:8px;border:1px solid transparent;border-radius:10px;text-align:left}.d53-tool-rail .d53-tabs button>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--r52-panel-soft,#eef7fb);color:#60798d;font-size:.65rem;font-weight:900}.d53-tool-rail .d53-tabs button>b{align-self:end;color:inherit;font-size:.78rem}.d53-tool-rail .d53-tabs button>small{align-self:start;color:var(--r52-text,var(--muted));font-size:.65rem;font-weight:500}.d53-tool-rail .d53-tabs button em{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:999px;background:#e33b43;color:#fff;font-size:.62rem;font-style:normal}.d53-tool-rail .d53-tabs button.active{border-color:color-mix(in srgb,#0ea5e9 40%,var(--r52-border,var(--line)));background:linear-gradient(120deg,color-mix(in srgb,var(--r52-panel,#fff) 84%,#0ea5e9),var(--r52-panel,#fff));box-shadow:inset 3px 0 #0ea5e9}.d53-tool-rail .d53-tabs button.active>span{background:#0a416b;color:#fff}.d53-editor-workspace{min-width:0;padding:2px}.d53-rail-state{display:grid;gap:4px;margin-top:4px;padding:11px;border-radius:10px;background:#0a416b;color:#fff}.d53-rail-state span{color:#75d9ef;font-size:.59rem;font-weight:900;letter-spacing:.1em}.d53-rail-state strong{text-transform:capitalize}.d53-rail-state small{color:#d9edf4;font-size:.64rem}.d53-layout-transfer{display:grid;gap:12px;margin-bottom:16px;padding:16px;border:1px solid var(--r52-border,var(--line));border-radius:14px;background:linear-gradient(135deg,var(--r52-panel,#fff),color-mix(in srgb,var(--r52-panel,#fff) 88%,#14a4cb));box-shadow:var(--r52-shadow-small)}.d53-layout-transfer>header{display:flex;justify-content:space-between;gap:18px;align-items:start}.d53-layout-transfer h4{margin:4px 0}.d53-layout-transfer p{margin:0;color:var(--r52-text,var(--muted))}.d53-layout-transfer header span,.d53-layout-transfer article span{color:#087da8;font-size:.63rem;font-weight:900;letter-spacing:.12em}.d53-transfer-actions,.d53-version-actions{display:flex;gap:7px;flex-wrap:wrap}.d53-upload-button{cursor:pointer}.d53-version-pair{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch}.d53-version-pair article{display:grid;gap:4px;padding:12px;border:1px solid var(--r52-border,var(--line));border-radius:10px;background:var(--r52-panel,#fff)}.d53-version-pair article small{color:var(--r52-text,var(--muted))}.d53-version-pair>button{align-self:center}.d53-layout-transfer>aside{display:flex;gap:12px;padding:10px 12px;border-left:4px solid #168f74;border-radius:8px;background:color-mix(in srgb,var(--r52-panel,#fff) 88%,#168f74);font-size:.72rem}.d53-layout-transfer>aside span{color:var(--r52-text,var(--muted))}.d53-history-list article.is-current{box-shadow:inset 4px 0 #168f74;background:color-mix(in srgb,#168f74 7%,transparent)}.d53-history-list article.is-previous{box-shadow:inset 4px 0 #0ea5e9;background:color-mix(in srgb,#0ea5e9 6%,transparent)}.d53-history-list .d53-version-actions{justify-content:flex-end}.d53-history-list .d53-version-actions button{white-space:nowrap}.d53-live-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px;align-items:start}.d53-editor-workspace .d53-canvas{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.d53-editor-workspace .d53-group{transition:transform .15s,box-shadow .15s}.d53-editor-workspace .d53-group:has(.d53-zone.drag-over){transform:translateY(-2px);box-shadow:0 15px 32px rgba(8,48,80,.12)}.d53-card.is-selected{border-color:#0ea5e9;box-shadow:0 0 0 2px color-mix(in srgb,#0ea5e9 18%,transparent)}.d53-inspector{position:sticky;top:12px;min-height:260px;padding:15px;border:1px solid var(--r52-border,var(--line));border-radius:12px;background:var(--r52-panel,#fff);box-shadow:var(--r52-shadow-small)}.d53-inspector span{color:#087da8;font-size:.62rem;font-weight:900;letter-spacing:.12em}.d53-inspector h4{margin:6px 0}.d53-inspector p,.d53-inspector small{color:var(--r52-text,var(--muted))}.d53-inspector ul{padding-left:18px;color:var(--r52-text,var(--muted))}.d53-inspector-fields{display:grid;gap:10px}.d53-inspector-fields label{display:grid;gap:5px;font-size:.7rem;font-weight:800}.d53-inspector-fields input,.d53-inspector-fields textarea{width:100%;padding:8px;border:1px solid var(--r52-border,var(--line));border-radius:8px;background:var(--r52-panel,#fff);color:inherit}.d53-inspector-fields textarea{min-height:96px;resize:vertical}.d53-inspector-fields p{margin:0;font-size:.68rem}
html[data-theme="dark"] .d53-tool-rail,html[data-theme="dark"] .d53-layout-transfer,html[data-theme="dark"] .d53-version-pair article,html[data-theme="dark"] .d53-inspector{background:#1f2937;color:#f8fafc;border-color:#334155}html[data-theme="dark"] .d53-tool-rail .d53-tabs button.active{background:#18344a;border-color:#31627d}html[data-theme="dark"] .d53-tool-rail .d53-tabs button>span{background:#172235;color:#b9cedb}html[data-theme="dark"] .d53-tool-rail .d53-tabs button.active>span{background:#087da8;color:#fff}html[data-theme="dark"] .d53-inspector :is(input,textarea){background:#172235;color:#f8fafc;border-color:#41556c}
@media(max-width:1250px){.d53-live-layout{grid-template-columns:1fr}.d53-inspector{position:static}}
@media(max-width:1150px){.d53-editor-shell{grid-template-columns:1fr}.d53-tool-rail{position:static}.d53-tool-rail .d53-tabs{grid-template-columns:repeat(4,minmax(150px,1fr))}.d53-rail-state{display:none}}
@media(max-width:780px){.d53-tool-rail .d53-tabs{grid-template-columns:repeat(2,minmax(140px,1fr))}.d53-layout-transfer>header{flex-direction:column}.d53-version-pair{grid-template-columns:1fr}.d53-layout-transfer>aside{display:grid}}
