.design-page.pd-refined .pd-studio {background:#f3f4ef}
.design-page.pd-refined .pd-studio .ld-studio__inner {max-width:1520px;padding:0 32px 28px}
.design-page.pd-refined .pd-studio .ld-bar {padding:18px 0;gap:12px;margin:0;border-bottom:0}
.ld-save-state {font-size:11px;color:#4b6762;white-space:nowrap}
.design-page.pd-refined .pd-studio .ld-bar__chip {font-size:9px;padding:5px 7px;background:transparent;border-color:#c2ceca;color:#58706d}
.design-page.pd-refined .pd-studio .ld-grid {grid-template-columns:minmax(0,1fr) 380px;gap:0;align-items:stretch;border:1px solid #bdceca;border-radius:12px;overflow:hidden;background:#fff}
.design-page.pd-refined .pd-studio .ld-rail {grid-column:1/-1;position:static;flex-direction:row;gap:0;padding:0;border-bottom:1px solid #bdceca;background:#fff}
.design-page.pd-refined .pd-studio .ld-rail__btn {position:relative;flex:1;flex-direction:row;justify-content:center;gap:10px;min-width:0;min-height:64px;padding:12px;border:0;border-radius:0;background:#fff;font-size:12px;color:#4b6569}
.design-page.pd-refined .pd-studio .ld-rail__btn[aria-selected=true] {color:#153e49;background:#e5f0ec;border:0;box-shadow:inset 0 -3px #177d9c}
.design-page.pd-refined .pd-studio .ld-rail__num {display:none}
.design-page.pd-refined .pd-studio .ld-rail__ico {width:22px;height:22px}
.design-page.pd-refined .pd-studio .ld-rail__ico svg {width:22px;height:22px}
.design-page.pd-refined .pd-studio .ld-stagewrap {min-width:0;background:#dce3df}
.design-page.pd-refined .pd-studio .ld-stage {background:transparent;border:0;border-radius:0;min-height:0;height:680px;padding:58px 28px 62px}
.design-page.pd-refined .pd-studio .ld-3d {max-width:550px;width:min(100%,550px)}
.design-page.pd-refined .pd-studio .ld-3d__canvas {max-width:none}
.design-page.pd-refined .pd-studio .ld-toolbar {left:20px;right:20px;top:16px;gap:4px}
.design-page.pd-refined .pd-studio .ld-tbtn {border:1px solid transparent;border-radius:5px;background:#fff9;min-height:36px;padding:8px 10px;font-size:10px;letter-spacing:0;text-transform:none;color:#254b54}
.design-page.pd-refined .pd-studio .ld-tbtn:hover {border-color:#9fbab8;background:#fff}
.design-page.pd-refined .pd-studio .ld-tbtn[aria-pressed=true] {background:#173e4b;color:#fff}
.design-page.pd-refined .pd-studio #ld-flat {border-color:#a8bfbb;background:#fff;min-width:92px}
.design-page.pd-refined .pd-studio #ld-flat[aria-pressed=true] {color:#173e4b;border-color:#247b8d;background:#eaf5ef}
.ld-show-preview {display:none}
.design-page.pd-refined .pd-studio .ld-stage__hint {bottom:18px;max-width:420px;margin:auto;font-size:11px;line-height:1.6}
.design-page.pd-refined .pd-studio .ld-ctx {position:static;max-height:none;height:680px;border:0;border-left:1px solid #bdceca;border-radius:0;overflow:hidden}
.design-page.pd-refined .pd-studio .ld-ctx__head {padding:20px 24px;border:0}
.design-page.pd-refined .pd-studio .ld-ctx__title {font-size:23px}
.design-page.pd-refined .pd-studio .ld-ctx__body {padding:0 24px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b6cac5 transparent}
.design-page.pd-refined .pd-studio .ld-ctx__actions {padding:14px 20px;border:0;border-top:1px solid #d8e0db;border-radius:0;gap:8px}
.design-page.pd-refined .pd-studio .ld-ctx__actions .btn {min-height:44px;font-size:12px}
.design-page.pd-refined .pd-studio .ld-cards {gap:8px}
.design-page.pd-refined .pd-studio .ld-card {border:1px solid #c7d5cf;border-radius:7px;padding:14px 8px;background:#fbfcf9;min-height:130px}
.design-page.pd-refined .pd-studio .ld-card[aria-pressed=true] {border:2px solid #247b8d;background:#eef6f1;padding:13px 7px}
.design-page.pd-refined .pd-studio .ld-card__name {font-size:12px;line-height:1.4}
.design-page.pd-refined .pd-studio .ld-card__note {font-size:10px;line-height:1.4}
.design-page.pd-refined .pd-studio .ld-card__fig svg {height:42px}
.ld-more-shapes {margin:10px 0 24px}
.ld-more-shapes summary {padding:12px 0;cursor:pointer;font-size:12px;font-weight:600;color:#245365}
.ld-more-shapes summary span {font-weight:400;color:#658077;float:right}
.ld-more-shapes[open] summary {margin-bottom:8px}
.design-page.pd-refined .pd-studio .ld-step h4 {font-size:11px;letter-spacing:.08em;line-height:1.5}
.design-page.pd-refined .pd-studio .ld-pill {border-color:#c1d0c9;border-radius:5px;font-size:12px;min-height:40px}
.design-page.pd-refined .pd-studio .ld-upload {border:1px dashed #87aaa1;border-radius:8px;background:#f3f7f1;padding:16px}
.design-page.pd-refined .pd-studio .ld-upload input[type=file] {font-size:11px;max-width:100%}
.design-page.pd-refined .pd-studio .ld-thumb {gap:8px;align-items:center}
.design-page.pd-refined .pd-studio .ld-thumb[hidden] {display:none}
.design-page.pd-refined .pd-studio .ld-thumb__name {flex:1;overflow-wrap:anywhere}
.design-page.pd-refined .pd-studio .ld-drawer {position:absolute;inset:62px 16px 16px;transform:none;max-height:none;border:1px solid #b7cbc3;border-radius:8px;display:none;overflow:auto;padding:20px;background:#fff;z-index:5}
.design-page.pd-refined .pd-studio .ld-drawer.is-open {display:block}
.design-page.pd-refined .pd-studio .ld-flat-view .ld-stage :is(.ld-3d,.ld-mockup,.ld-stage__hint,.ld-zoomhint) {visibility:hidden}
.design-page.pd-refined .pd-studio .ld-flat-view #ld-toolbar {z-index:7}
.design-page.pd-refined .pd-studio .ld-sheets {gap:16px}
.design-page.pd-refined .pd-studio .ld-drawer .ld-panel {min-height:220px}
.design-page.pd-refined .pd-studio .ld-mtop,
.design-page.pd-refined .pd-studio .ld-mprev,
.design-page.pd-refined .pd-studio .ld-mbar {display:none}
.design-page.pd-refined .pd-studio .ld-out {margin-top:20px}
.design-page.pd-refined .pd-studio .ld-mclose {display:none}
@media(min-width:1000px) and (max-width:1199px) {
 .design-page.pd-refined .pd-studio .ld-grid {grid-template-columns:minmax(0,1fr) 340px}
 .design-page.pd-refined .pd-studio .ld-toolbar {gap:2px;left:12px;right:12px}
 .design-page.pd-refined .pd-studio .ld-toolbar .ld-tbtn {padding:8px 7px}
}
@media(max-width:999.98px) {
 .design-page.pd-refined .pd-studio .ld-studio__inner {padding:0 16px 24px}
 .design-page.pd-refined .pd-studio .ld-bar {gap:8px;padding:16px 0}
 .design-page.pd-refined .pd-studio .ld-bar__group {flex-basis:calc(100% - 64px);gap:5px 12px}
 .design-page.pd-refined .pd-studio .ld-bar__name {flex-basis:100%;font-size:20px}
 .design-page.pd-refined .pd-studio .ld-bar__fact {font-size:11px}
 .design-page.pd-refined .pd-studio .ld-save-state {order:3;font-size:10px}
 .design-page.pd-refined .pd-studio .ld-bar__chip {order:4;margin-left:auto}
 .design-page.pd-refined .pd-studio .ld-grid {display:flex;flex-direction:column;gap:0;overflow:visible}
 .design-page.pd-refined .pd-studio .ld-rail {display:flex;order:1;overflow:auto;border-radius:12px 12px 0 0}
 .design-page.pd-refined .pd-studio .ld-rail__btn {flex:1 1 0;flex-direction:column;padding:10px 3px;gap:4px;font-size:10px;min-height:60px}
 .design-page.pd-refined .pd-studio .ld-stagewrap {display:block;order:2;border-bottom:1px solid #bdceca;overflow:hidden}
 .design-page.pd-refined .pd-studio .ld-stage {display:flex;height:360px;min-height:0;padding:48px 12px 52px}
 .design-page.pd-refined .pd-studio .ld-3d {max-width:285px}
 .design-page.pd-refined .pd-studio .ld-mockup {max-width:200px}
 .design-page.pd-refined .pd-studio .ld-toolbar {top:10px;left:10px;right:10px;gap:3px}
 .design-page.pd-refined .pd-studio .ld-toolbar .ld-tbtn {min-height:40px;padding:8px 10px;font-size:10px}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-flat {display:block;min-width:80px}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-view-45 {display:none}
 .design-page.pd-refined .pd-studio .ld-stage__hint {font-size:10px;bottom:12px;max-width:280px}
 .design-page.pd-refined .pd-studio .ld-zoomhint {display:none}
 .design-page.pd-refined .pd-studio .ld-ctx {order:3;height:auto;border:0;overflow:visible;border-radius:0 0 12px 12px}
 .design-page.pd-refined .pd-studio .ld-ctx__head {display:flex;padding:22px 20px 16px}
 .design-page.pd-refined .pd-studio .ld-show-preview {display:block;border-color:#acc3bb;background:#fff}
 .design-page.pd-refined .pd-studio .ld-ctx__body {padding:0 20px 24px;overflow:visible}
 .design-page.pd-refined .pd-studio .ld-ctx__actions {display:flex;position:sticky;bottom:0;z-index:10;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:0 0 12px 12px}
 .design-page.pd-refined .pd-studio .ld-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
 .design-page.pd-refined .pd-studio .ld-card {display:flex;flex-direction:column;gap:5px;min-height:126px;text-align:center}
 .design-page.pd-refined .pd-studio .ld-card::after {display:none}
 .design-page.pd-refined .pd-studio .ld-card__name,
 .design-page.pd-refined .pd-studio .ld-card__note {align-self:center}
 .design-page.pd-refined .pd-studio .ld-drawer {inset:58px 8px 8px;margin:0;padding:14px}
 .design-page.pd-refined .pd-studio .ld-tool:not(.ld-s5) .ld-drawer.is-open {display:block}
 .design-page.pd-refined .pd-studio .ld-drawer .ld-panel {min-height:180px}
 .design-page.pd-refined .pd-studio .ld-sheets {grid-template-columns:1fr 1fr;gap:8px}
}
@media(max-width:360px) {
 .design-page.pd-refined .pd-studio .ld-stage {height:400px;padding-top:88px}
 .design-page.pd-refined .pd-studio .ld-drawer {top:96px}
 .design-page.pd-refined .pd-studio .ld-rail__label {min-height:26px;display:flex;align-items:center}
}
@media(prefers-reduced-motion:reduce) {.pd-studio * {scroll-behavior:auto!important}}


.has-ix .pd-studio .ld-routes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}
.pd-studio .ld-routes button {border:1px solid #b8c9c1;border-radius:8px;background:#fff;padding:16px 20px;text-align:left;color:#173e4b;cursor:pointer;font:inherit}
.pd-studio .ld-routes button strong {display:block;font-size:15px;margin-bottom:4px}
.pd-studio .ld-routes button span {display:block;font-size:12px;line-height:1.6;color:#4b6762}
.pd-studio .ld-routes button[aria-pressed=true] {background:#e6f1e9;border-color:#247b8d;box-shadow:inset 0 0 0 1px #247b8d}
.pd-studio .ld-routes p {grid-column:1/-1;font-size:11px;color:#4b6762;margin:0}
.pd-studio :is([data-template-controls],[data-artwork-controls],.ld-uploaded-panel,#ld-handoff-fallback)[hidden] {display:none!important}
.pd-studio .ld-art-upload {padding:14px;border:1px dashed #93afa4;border-radius:7px;background:#f4f8f2;margin:16px 0}
.pd-studio .ld-art-upload label,.pd-studio .ld-project-files label {display:block;font-size:12px;font-weight:600;margin:0 0 8px}
.pd-studio .ld-art-upload input,.pd-studio .ld-project-files input {max-width:100%;font-size:11px}
.pd-studio .ld-art-upload > div {display:flex;align-items:center;gap:8px;margin-top:10px}
.pd-studio .ld-art-upload span {font-size:11px;overflow-wrap:anywhere;flex:1;min-width:0}
.pd-studio .ld-art-upload button {flex:none;min-height:40px}
.pd-studio .ld-art-dimensions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pd-studio .ld-art-dimensions input {width:100%;min-width:0}
.pd-studio .ld-project-files {margin:20px 0;padding:18px 0;border-top:1px solid #cedbd3;border-bottom:1px solid #cedbd3}
.pd-studio .ld-project-files button {margin-bottom:16px}
.pd-studio .ld-artwork-mode .ld-wrap__inner > .ld-art,
.pd-studio .ld-artwork-mode .ld-panel > :is(.ld-art,.ld-zones) {display:none}
.pd-studio .ld-uploaded-panel {display:block;width:100%;height:100%;object-fit:contain;min-width:0}
.pd-studio .ld-artwork-mode .ld-panel {padding:0;min-height:0!important;align-items:stretch}
.pd-studio .ld-artwork-mode .ld-wrap__inner {padding:0}
.pd-studio .ld-artwork-mode .ld-wrap__inner .ld-uploaded-panel {object-fit:fill}
.pd-studio [data-template-controls] > h4:not(:first-child) {margin-top:22px}
.pd-studio #ld-project-notes {width:100%;resize:vertical;min-height:110px}
@media(max-width:700px) {
 .has-ix .pd-studio .ld-routes {grid-template-columns:1fr;gap:8px}
 .pd-studio .ld-routes button {padding:14px 16px}
 .design-page.pd-refined .pd-studio .ld-artwork-mode .ld-sheets {grid-template-columns:1fr}
}

.ld-table-scroll-hint { margin: 8px 0 12px; font-size: .85rem; color: #456571; }
@media (min-width: 900px) { .ld-table-scroll-hint { display: none; } }


.pd-studio .ld-workspace-nav {display:none}
.pd-studio .ld-workspace-active .ld-workspace-nav {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;border-bottom:1px solid #b8c9c1;padding-bottom:12px}
.pd-studio .ld-workspace-nav button {font:600 13px Poppins,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #afc2bb;border-radius:6px;background:#fff;color:#173e4b;cursor:pointer}
.pd-studio .ld-workspace-nav button[aria-pressed=true] {background:#173e4b;color:#fff;border-color:#173e4b}
.design-page.pd-refined .pd-studio .ld-workspace-active[data-workspace-view=edit] .ld-grid,
.design-page.pd-refined .pd-studio .ld-workspace-active .ld-rail,
.pd-studio .ld-workspace-active :is(.ld-bar__actions,.ld-out,.ld-mtop,.ld-mprev,.ld-mbar),
.pd-studio .ld-workspace-active #ld-wrap .ld-wrap__inner > :not(.ld-native-panel),
.pd-studio .ld-workspace-active #ld-reset {display:none!important}
.pd-studio .ld-workspace-active #ld-artwork-workspace[hidden] {display:none!important}
.pd-studio .ld-native-panel {display:block;width:100%;height:100%;object-fit:fill}
.pd-studio .ld-workspace-active #ld-wrap .ld-wrap__inner {padding:0}
.design-page.pd-refined .pd-studio .ld-workspace-active .ld-stage {height:620px}
.design-page.pd-refined .pd-studio .ld-workspace-active .ld-ctx {height:620px}
@media(max-width:999.98px) {
 .design-page.pd-refined .pd-studio .ld-workspace-active .ld-stage {height:360px}
 .design-page.pd-refined .pd-studio .ld-workspace-active .ld-ctx {height:auto}
 .pd-studio .ld-workspace-nav {gap:5px}
 .pd-studio .ld-workspace-nav button {flex:1;font-size:11px;padding:10px 8px}
}
.pd-studio .ld-workspace-active .ld-bar {display:none!important}
.pd-studio .ld-workspace-active .ld-routes {padding-top:20px;margin-bottom:12px;gap:8px}
.pd-studio .ld-workspace-active .ld-routes button {padding:12px 16px}
.pd-studio .ld-workspace-active .ld-routes p {display:none}
.pd-studio .ld-workspace-active .ld-workspace-nav {margin-bottom:12px;padding-bottom:10px}
.pd-studio .ld-workspace-active > .ld-note {margin-top:16px}
.pd-studio :is(input,textarea,select,button,[tabindex]) {scroll-margin-top:150px;scroll-margin-bottom:32px}
.pd-studio #ld-tool [hidden] {display:none!important}


.design-page.pd-refined .pd-studio .ld-start-active > :not(#ld-start) {display:none!important}
.pd-studio #ld-start[hidden] {display:none!important}
.pd-studio .ld-has-start.ld-workspace-active > .ld-routes {display:none!important}
.pd-studio .ld-has-start.ld-workspace-active > .ld-previous-access {display:none!important}
.pd-studio .ld-start-active {min-height:0}


.design-page.pd-refined .pd-studio .ld-stage {padding:68px 24px 62px}
.design-page.pd-refined .pd-studio .ld-3d {width:100%;height:100%;max-width:none;min-height:0}
.design-page.pd-refined .pd-studio .ld-3d__canvas {width:100%;height:100%;aspect-ratio:auto}
.design-page.pd-refined .pd-studio .ld-toolbar #ld-view-reset {display:block;border-color:#a8bfbb;background:#fff}
.design-page.pd-refined .pd-studio .ld-toolbar .ld-tbtn--zoom {min-width:40px}
.design-page.pd-refined .pd-studio .ld-tbtn:disabled {opacity:.4;cursor:default}
@media(max-width:999.98px) {
 .design-page.pd-refined .pd-studio .ld-stage,
 .design-page.pd-refined .pd-studio .ld-workspace-active .ld-stage {height:440px;padding:66px 14px 58px}
 .design-page.pd-refined .pd-studio .ld-toolbar .ld-tbtn {min-height:44px}
 .design-page.pd-refined .pd-studio .ld-toolbar .ld-tbtn--zoom {min-width:44px}
}
@media(max-width:430px) {
 .design-page.pd-refined .pd-studio .ld-stage,
 .design-page.pd-refined .pd-studio .ld-workspace-active .ld-stage {height:450px;padding-top:110px}
 .design-page.pd-refined .pd-studio .ld-toolbar {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-view-front {grid-column:1/3;grid-row:1}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-view-back {grid-column:3/5;grid-row:1}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-flat {grid-column:5/7;grid-row:1;min-width:0;width:100%}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-view-reset {grid-column:1/3;grid-row:2}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-zoom-in {grid-column:3/4;grid-row:2;min-width:0}
 .design-page.pd-refined .pd-studio .ld-toolbar #ld-zoom-out {grid-column:4/5;grid-row:2;min-width:0}
}


.pd-studio #ld-workspace-nav {scroll-margin-top:145px}
@media(max-width:600px) {.pd-studio #ld-workspace-nav {scroll-margin-top:105px}}