/* Design Center 4.0: the legacy studio is hidden/replaced, not incrementally reskinned. */
body[data-ui-page="creationEditor"] .topbar,
body[data-ui-page="creationEditor"] .n118-actionbar {display:none!important}
body[data-ui-page="creationEditor"] .main {max-width:1240px!important;padding:calc(env(safe-area-inset-top,0px) + 38px) 14px calc(50px + env(safe-area-inset-bottom,0px))!important}
.dc14,.dc14-hub{--dc-bg:#111a2a;--dc-card:#1b2a40;--dc-edge:#364b64;--dc-main:#f5f8fb;--dc-soft:#aebed0;color:var(--dc-main);width:100%;min-width:0;margin:0 auto;font-size:14px}
.dc14 *, .dc14-hub *{box-sizing:border-box}
.dc14 button,.dc14 select,.dc14 input,.dc14-hub button,.dc14-hub input{font:inherit}
.dc14 button,.dc14-hub button{cursor:pointer;touch-action:manipulation}
.dc14 button:focus-visible,.dc14-hub button:focus-visible,.dc14 input:focus-visible,.dc14 select:focus-visible{outline:3px solid #83ddc7;outline-offset:3px}
.dc14-header{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding:8px 0 13px;border-bottom:1px solid #35485f;min-height:67px}
.dc14-header>div{flex:1;min-width:0}.dc14-header h1{margin:3px 0 0;font-size:25px;line-height:1.05;letter-spacing:-.035em}.dc14-header small{font-size:10px;letter-spacing:.15em;font-weight:800;color:#9db4ce}
.dc14-back,.dc14-icon{height:48px;min-width:48px;border:1px solid #486079;border-radius:14px;background:#20334b;color:#fff;display:grid;place-items:center;font-size:24px}
.dc14-editor{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);align-items:start;gap:20px}
.dc14-preview-col{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);border:1px solid #3a5069;background:#162238;border-radius:20px;padding:17px;min-width:0}
.dc14-preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px;color:#fff}.dc14-preview-heading strong{font-size:14px}.dc14-preview-heading span{font-size:11px;color:#9db8d0;border:1px solid #46576f;padding:5px 10px;border-radius:99px}
.dc14-preview-wrap{position:relative;border-radius:14px;overflow:hidden;background:#101825;min-height:230px;display:grid;place-items:center}
.dc14-preview-wrap img{display:block;max-height:67vh;width:auto;height:auto;max-width:100%;object-fit:contain;box-shadow:0 5px 28px #0005}.dc14-preview-wrap:not(:has(img[src])) img{display:none}
.dc14-loading{position:absolute;inset:0;display:grid;place-items:center;color:#b7cce1;font-size:13px}.dc14-message{font-size:12px;line-height:1.4;color:#b5cbdd;min-height:19px;margin:8px 1px 10px}.dc14-message.error{color:#ffb7b2}
.dc14-exports{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dc14-export{min-height:51px;border-radius:13px;border:1px solid #51647f;color:#f1f6fa;background:#25364f;font-weight:800!important;font-size:13px!important}.dc14-export.primary{background:#ce3c62;border-color:#ee6185;color:white}.dc14-export:disabled{opacity:.5}
.dc14-config{border:1px solid #33485d;background:#162133;border-radius:20px;padding:15px;min-width:0}
.dc14-edit-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-bottom:1px solid #36465b;padding-bottom:14px;margin-bottom:15px}
.dc14-edit-tabs button{min-height:44px;padding:9px 7px;border:1px solid #34475e;border-radius:12px;background:#1e2c41;color:#b6c6d9;font-size:13px;font-weight:800}.dc14-edit-tabs button.active{color:#fff;border-color:#d85677;background:#77324a}
.dc14-panel[hidden]{display:none!important}.dc14-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:14px}.dc14-panel>h2,.dc14-panel>p,.dc14-panel>.dc14-switch,.dc14-panel>.dc14-presets,.dc14-panel>.dc14-small-primary{grid-column:1/-1}.dc14-panel h2,.dc14-section-head h2{font-size:17px;letter-spacing:-.02em;margin:3px 0}.dc14-panel p{font-size:12px;line-height:1.5;color:#aebed0;margin:0}
.dc14-field{display:flex;flex-direction:column;gap:7px;min-width:0}.dc14-field>span{font-size:11px;font-weight:800;color:#bac9d9}.dc14-field select,.dc14-field input[type="text"],.dc14-field input[type="color"]{width:100%;min-width:0;min-height:45px;border:1px solid #455d77;border-radius:11px;background:#1e2e44;color:#f5f8fb;padding:10px;font-size:13px;outline-offset:2px}.dc14-field input[type="color"]{padding:5px 7px;cursor:pointer}
.dc14-switch{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #33485c;background:#1d2a3d;border-radius:11px;padding:12px;min-height:49px;font-size:13px;font-weight:650}.dc14-switch input{width:22px;height:22px;accent-color:#d7476c;flex-shrink:0}
.dc14-layout-section{border-top:1px solid #37485f;padding-top:15px;margin-top:16px}.dc14-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.dc14-section-head small{font-size:11px;color:#aabacb}
.dc14-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dc14-layout{min-width:0;padding:7px;border:2px solid #3a526b;border-radius:13px;background:#1b2a3f;color:#dde7f0;text-align:left;display:flex;flex-direction:column;gap:7px}.dc14-layout.active{border-color:#ff819f;background:#35273b}.dc14-layout canvas{display:block;width:100%;height:112px;object-fit:cover;border-radius:7px;background:#15253c}.dc14-layout span{font-weight:740;font-size:11px;line-height:1.25}
.dc14-hint{color:#aabed1;line-height:1.5;margin:15px 2px 0;font-size:11px}.dc14-small-primary{min-height:44px;background:#b8375a;border:1px solid #e34f77;border-radius:11px;color:#fff;font-weight:800}
.dc14-preset{display:flex;align-items:center;gap:9px;margin-top:7px}.dc14-preset button:first-child{flex:1;text-align:left}.dc14-preset button{min-height:42px;background:#21344b;border:1px solid #40566e;border-radius:10px;color:#e7f1f9;padding:8px 12px}.dc14-presets{max-height:320px;overflow:auto}
.dc14-hub{max-width:920px}.dc14-hub-highlight{border:1px solid #69495b;border-radius:21px;background:linear-gradient(120deg,#54283d,#203c54 78%);padding:25px;margin:7px 0 25px}.dc14-hub-highlight b{font-size:10px;letter-spacing:.13em;color:#f2a6b7}.dc14-hub-highlight h2{font-size:27px;margin:9px 0;line-height:1.12;letter-spacing:-.035em}.dc14-hub-highlight p{color:#d4ddea;font-size:13px;line-height:1.5;margin-bottom:0}.dc14-hub>h2{font-size:19px;margin:24px 0 11px}
.dc14-fixtures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dc14-fixtures button{display:flex;flex-direction:column;gap:10px;background:#1d2d42;border:1px solid #3a506c;border-radius:15px;padding:16px 14px;text-align:left;color:#f7f9fc;min-height:122px}.dc14-fixtures button>span{font-size:11px;color:#9db8d2}.dc14-fixtures button strong{font-size:14px;line-height:1.36}.dc14-fixtures button em{font-style:normal;color:#ed6d91}.dc14-fixtures button small{font-size:11px;color:#8dd6ca}
.dc14-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dc14-pick-grid button{display:flex;flex-direction:column;gap:10px;background:#1b293b;border:1px solid #3d5069;border-radius:13px;padding:16px;text-align:left;color:#f6f9fb;min-height:100px}.dc14-pick-grid strong{font-size:14px}.dc14-pick-grid span{font-size:12px;color:#b2c1d2;line-height:1.4}
.dc14-picker{position:relative;background:#172a3f;border:1px solid #7592aa;border-radius:16px;padding:16px;margin:15px 0}.dc14-picker-head{display:flex;justify-content:space-between;align-items:center}.dc14-picker-head h2{margin:4px 0 13px}.dc14-picker-head button{width:44px;height:44px;border:1px solid #536d86;border-radius:11px;background:#243a54;color:white}.dc14-picker input{height:46px;width:100%;background:#233951;border:1px solid #607b96;color:#fff;border-radius:12px;padding:10px}.dc14-picker-list{max-height:340px;overflow:auto;margin-top:12px}.dc14-picker-list button{display:flex;width:100%;justify-content:space-between;padding:12px 9px;border:0;border-bottom:1px solid #3a5570;background:transparent;color:#ecf5ff;text-align:left;min-height:44px}
.dc14-error{margin:40px auto;max-width:570px;padding:25px;border:1px solid #71536a;border-radius:15px;background:#202438;color:white}.dc14-error button{padding:12px 18px;background:#a53b5b;color:white;border-radius:12px;border:0}
@media(max-width:860px){.dc14-editor{grid-template-columns:1fr}.dc14-preview-col{position:static}.dc14-preview-wrap img{max-height:56vh}.dc14-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){body[data-ui-page="creationEditor"] .main{padding:calc(env(safe-area-inset-top,0px) + 46px) 10px calc(60px + env(safe-area-inset-bottom,0px))!important}.dc14-header{margin-bottom:12px}.dc14-header h1{font-size:22px}.dc14-preview-col{padding:12px}.dc14-config{padding:12px}.dc14-preview-wrap img{max-height:52vh}.dc14-layouts{grid-template-columns:repeat(2,minmax(0,1fr))}.dc14-layout canvas{height:124px}.dc14-fixtures{grid-template-columns:1fr}.dc14-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc14-panel{gap:9px}.dc14-panel .dc14-field{grid-column:1/-1}.dc14-layout span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dc14 *{transition:none!important;animation:none!important}}

/* V0.14.1 – complete mobile post preview without cropping. Only the preview
   shrinks to the available viewport; exported image remains full resolution. */
.dc14-preview-col{min-width:0;max-width:100%}
.dc14-preview-wrap{width:100%;min-width:0;min-height:0;max-height:min(62dvh,calc(100dvh - 265px),620px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.dc14-preview-wrap img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(61dvh,calc(100dvh - 275px),610px)!important;object-fit:contain!important;object-position:center center}
.dc14-brand-note{color:#b7cada!important;font-size:12px!important;line-height:1.4!important;grid-column:1/-1}
@media(max-width:860px){
 .dc14-preview-wrap{max-height:min(48dvh,calc(100dvh - 330px),480px)!important}
 .dc14-preview-wrap img{max-height:min(47dvh,calc(100dvh - 340px),470px)!important;max-width:100%!important}
 .dc14-preview-col{position:static;max-width:100%}
}
@media(max-width:500px){
 body[data-ui-page="creationEditor"] .main{padding-top:calc(env(safe-area-inset-top,0px) + 30px)!important}
 .dc14-header{min-height:55px;padding-top:3px;padding-bottom:8px;margin-bottom:9px}
 .dc14-preview-heading{margin-bottom:8px}
 .dc14-preview-col{padding:10px;border-radius:15px}
 .dc14-preview-wrap{max-height:min(48dvh,calc(100dvh - 310px),430px)!important}
 .dc14-preview-wrap img{max-height:min(47dvh,calc(100dvh - 320px),420px)!important}
 .dc14-message{margin:5px 1px 6px;min-height:16px;font-size:11px}
 .dc14-export{min-height:44px}
 .dc14-exports{gap:7px}
}
@supports not (height: 100dvh){
 @media(max-width:860px){.dc14-preview-wrap{max-height:48vh!important}.dc14-preview-wrap img{max-height:47vh!important}}
}

/* Opt-in full-size fit view, without changing full-resolution PNG exports. */
.dc14-preview-tools{display:flex;align-items:center;gap:7px;min-width:0}
.dc14-preview-tools button{height:34px;min-width:39px;background:#2A4059;border:1px solid #5B7690;border-radius:9px;color:#FFFFFF;font-size:19px;display:grid;place-items:center}
.dc14-zoom[hidden]{display:none!important}
body.dc14-zoom-open{overflow:hidden!important}
.dc14-zoom{position:fixed;inset:0;z-index:999999;background:#07111DFA;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;flex-direction:column;align-items:center;gap:12px}
.dc14-zoom-bar{width:100%;max-width:900px;display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:48px}
.dc14-zoom-bar strong{font-size:14px;color:#EFF6FD}
.dc14-zoom-bar button{min-height:46px;border:1px solid #738BA3;border-radius:11px;background:#263E55;color:#fff;padding:10px 13px;font-weight:760}
.dc14-zoom-stage{flex:1;min-height:0;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dc14-zoom-stage img{display:block;object-fit:contain!important;object-position:center;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}

.dc14-zoom-stage{position:relative}
.dc14-zoom-loading{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#D3E7F3;font-size:13px;padding:10px;pointer-events:none}
.dc14-zoom-loading[hidden]{display:none!important}