[data-ph-scene-preview]{min-width: 0}.ph-dcs{display: flex;flex-direction: column;min-width: 0;overflow: hidden;border: 1px solid var(--ph-ink-200,#e3e8ef);border-radius: 8px;background: #fff;color: var(--ph-ink-900,#0f1826);font-family: var(--font-sans-cn,sans-serif);line-height: normal}.ph-dcs *,.ph-dcs__zoom *{box-sizing: border-box}.ph-dcs button,.ph-dcs__zoom button{cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 5px;border: 1px solid var(--ph-ink-200,#e3e8ef);border-radius: 6px;background: #fff;color: var(--ph-ink-600,#475569);font: inherit;font-size: 10px;padding: 5px 8px}.ph-dcs button:hover,.ph-dcs__zoom button:hover{color: var(--ph-blue-500,#1d6fe0);border-color: var(--ph-blue-200,#bfdbfe)}.ph-dcs button:disabled{cursor: default;opacity: .45}.ph-dcs button:focus-visible,.ph-dcs input:focus-visible,.ph-dcs summary:focus-visible,.ph-dcs__zoom button:focus-visible{outline: 2px solid var(--ph-blue-500,#1d6fe0);outline-offset: 3px}.ph-dcs__icon{display: inline-flex;flex: none;width: 17px;height: 17px;vertical-align: middle}.ph-dcs__icon svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.65;stroke-linecap: round;stroke-linejoin: round}.ph-dcs .ph-dcs__icon-button,.ph-dcs__zoom .ph-dcs__icon-button{flex: none;width: 30px;height: 30px;padding: 0;border: 0;border-radius: 5px;color: var(--ph-ink-500,#64748b);background: transparent}.ph-dcs .ph-dcs__icon-button:hover,.ph-dcs__zoom .ph-dcs__icon-button:hover{color: var(--ph-blue-500,#1d6fe0);background: var(--ph-blue-50,#eff6ff)}.ph-dcs__head{display: flex;align-items: center;gap: 8px;min-height: 47px;padding: 0 12px 0 16px;border-bottom: 1px solid var(--ph-ink-100,#eef1f5)}.ph-dcs__head strong{display: flex;align-items: center;gap: 7px;flex: 1;min-width: 0;font-size: 12px;font-weight: 600}.ph-dcs__head strong>.ph-dcs__icon{width: 15px;height: 15px;color: var(--ph-blue-500,#1d6fe0)}.ph-dcs__view{display: flex;flex: none;gap: 2px;padding: 3px;border-radius: 5px;background: var(--ph-ink-50,#f8fafc)}.ph-dcs__view button{border: 0;border-radius: 3px;padding: 3px 7px;white-space: nowrap;background: transparent;color: var(--ph-ink-400,#94a3b8)}.ph-dcs__view button[aria-pressed="true"]{background: #fff;color: var(--ph-blue-500,#1d6fe0);box-shadow: 0 1px 3px #0f182614}.ph-dcs__canvas{position: relative;height: 310px;min-height: 200px;background: #edf1f6;overflow: hidden}.ph-dcs__canvas ph-diecut-stage{position: absolute;inset: 0;display: block;width: 100%;height: 100%;--stage-bg: #edf1f6}.ph-dcs [hidden],.ph-dcs__canvas ph-diecut-stage[hidden]{display: none !important}.ph-dcs__dieline{position: absolute;inset: 0;overflow: auto;padding: 30px 24px 15px;background: #fff}.ph-dcs__dieline svg{display: inline-block;max-width: 100%;max-height: 100%;width: auto;height: auto;vertical-align: middle}.ph-dcs__dieline svg .hz{fill: transparent}.ph-dcs__status{position: absolute;inset: 0;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;background: #edf1f6;color: var(--ph-ink-400,#94a3b8);text-align: center;font-size: 12px}.ph-dcs__controls{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;padding: 4px;background: #ffffffd9;border: 1px solid #fff;border-radius: 7px;box-shadow: 0 2px 10px #0f182608}.ph-dcs__controls .ph-dcs__icon-button{width: 26px;height: 26px}.ph-dcs__controls .ph-dcs__icon{width: 14px;height: 14px}.ph-dcs__controls button[aria-pressed="true"]{color: var(--ph-blue-500,#1d6fe0);background: var(--ph-blue-50,#eff6ff)}.ph-dcs__separator{height: 1px;margin: 3px;background: var(--ph-ink-200,#e3e8ef)}.ph-dcs__dimensions{position: absolute;bottom: 13px;right: 16px;max-width: calc(100% - 32px);padding: 6px 10px;border: 1px solid #ffffffee;border-radius: 5px;background: #ffffffb8;font: 11px var(--font-mono,sans-serif);color: #64748b;pointer-events: none;overflow-wrap: anywhere}.ph-dcs__dimensions small{font: 9px var(--font-sans-cn,sans-serif);color: var(--ph-ink-400,#94a3b8)}.ph-dcs__shape{display: flex;align-items: center;gap: 13px;padding: 12px 16px;border-top: 1px solid #e5eaf0;font-size: 10px;color: var(--ph-ink-500,#64748b)}.ph-dcs__shape>span{white-space: nowrap}.ph-dcs__shape input{flex: 1;width: 100%;min-width: 50px;height: 4px;margin: 0;accent-color: var(--ph-blue-500,#1d6fe0);cursor: pointer}.ph-dcs__shape input:disabled{cursor: default;opacity: .45}.ph-dcs__shape output{min-width: 30px;text-align: right;font: 10px var(--font-mono,sans-serif);color: var(--ph-blue-500,#1d6fe0)}.ph-dcs__footer{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;padding: 9px 16px 11px;font-size: 9px;color: var(--ph-ink-400,#94a3b8)}.ph-dcs__footer>span{display: flex;align-items: center;gap: 5px;margin-right: auto}.ph-dcs__footer>span>.ph-dcs__icon{width: 11px;height: 11px}.ph-dcs__footer button{border: 0;border-radius: 0;padding: 3px 0;background: transparent;color: var(--ph-blue-500,#1d6fe0)}.ph-dcs__footer button:hover{text-decoration: underline}.ph-dcs__footer button .ph-dcs__icon{width: 14px;height: 14px}.ph-dcs__colors{display: grid;gap: 16px;padding: 16px;border-top: 1px solid var(--ph-ink-100,#eef1f5)}.ph-dcs__color-meta{display: flex;align-items: center;justify-content: space-between;gap: 12px;font-size: 11px}.ph-dcs__color-meta strong{font-weight: 550}.ph-dcs__color-meta>span{font-size: 10px;color: var(--ph-ink-400,#94a3b8)}.ph-dcs__swatches{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 12px}.ph-dcs__swatches button{flex: none;width: 24px;height: 24px;padding: 0;border: 3px solid #fff;border-radius: 50%;background: var(--ph-dcs-swatch,#fff);box-shadow: 0 0 0 1px var(--ph-ink-200,#e3e8ef)}.ph-dcs__swatches button:hover{border-color: #fff;box-shadow: 0 0 0 1px var(--ph-blue-500,#1d6fe0)}.ph-dcs__swatches button[aria-pressed="true"]{box-shadow: 0 0 0 2px var(--ph-blue-500,#1d6fe0)}.ph-dcs__sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.ph-dcs__artwork{padding: 0 16px;border-top: 1px solid var(--ph-ink-100,#eef1f5)}.ph-dcs__artwork summary{display: flex;align-items: center;gap: 7px;padding: 15px 0;cursor: pointer;font-size: 11px;font-weight: 550;list-style: none}.ph-dcs__artwork summary::-webkit-details-marker{display: none}.ph-dcs__artwork summary::after{content: "+";color: var(--ph-ink-400,#94a3b8);font-size: 18px;font-weight: 300}.ph-dcs__artwork[open] summary::after{content: "−"}.ph-dcs__artwork summary>span:not(.ph-dcs__icon){margin-left: auto;color: var(--ph-ink-400,#94a3b8);font-size: 9px;font-weight: 400}.ph-dcs__artwork p{margin: 0;font-size: 10px;color: var(--ph-ink-400,#94a3b8);line-height: 1.7}.ph-dcs__artwork-row{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;padding: 14px 0;border-bottom: 1px solid var(--ph-ink-100,#eef1f5)}.ph-dcs__artwork-row>span{flex: 1;min-width: 0;font-size: 11px;font-weight: 500;overflow-wrap: anywhere}.ph-dcs__artwork-row small{display: block;max-width: 100px;margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--ph-ink-400,#94a3b8);font-size: 9px;font-weight: 400}.ph-dcs__artwork-row button{height: 29px}.ph-dcs__artwork-row button .ph-dcs__icon{width: 12px;height: 12px}.ph-dcs__artwork .ph-dcs__artwork-note{padding: 12px 0;font-size: 9px}.ph-dcs__zoom{width: min(900px,calc(100vw - 24px));max-width: none;height: min(720px,calc(100dvh - 24px));max-height: none;box-sizing: border-box;padding: 0;border: 1px solid var(--ph-ink-200,#e3e8ef);border-radius: 8px;overflow: hidden;background: #fff;color: var(--ph-ink-900,#0f1826);font-family: var(--font-sans-cn,sans-serif)}.ph-dcs__zoom::backdrop{background: rgb(15 24 38 / 72%)}.ph-dcs__zoom header{display: flex;align-items: center;gap: 12px;min-height: 60px;padding: 12px 20px;border-bottom: 1px solid var(--ph-ink-200,#e3e8ef)}.ph-dcs__zoom header strong{flex: 1;min-width: 0;font-size: 12px;font-weight: 600;overflow-wrap: anywhere}.ph-dcs__zoom ph-diecut-stage{display: block;width: 100%;height: calc(100% - 60px);min-height: 0}.ph-dcs__zoom p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 10px;background: #fff}.ph-dcs__config-error{padding: 20px;font-size: 13px}.ph-dcs__exports{box-sizing: border-box;width: 570px;max-width: calc(100vw - 32px);max-height: calc(100dvh - 32px);padding: 0;overflow: auto;border: 1px solid var(--ph-ink-200,#e3e8ef);border-radius: 10px;background: #fff;color: var(--ph-ink-900,#0f1826);font-family: var(--font-sans-cn,sans-serif);box-shadow: 0 24px 90px #0f182638}.ph-dcs__exports *{box-sizing: border-box}.ph-dcs__exports::backdrop{background: #0f182665;backdrop-filter: blur(3px)}.ph-dcs__exports header{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 17px 20px;border-bottom: 1px solid var(--ph-ink-200,#e3e8ef)}.ph-dcs__exports header>div{min-width: 0;overflow-wrap: anywhere}.ph-dcs__exports header strong{display: block;font-size: 14px;font-weight: 600}.ph-dcs__exports header div>span{display: block;margin-top: 4px;font-size: 11px;color: var(--ph-ink-400,#94a3b8)}.ph-dcs__exports button{cursor: pointer;font: inherit}.ph-dcs__exports button:focus-visible{outline: 2px solid var(--ph-blue-500,#1d6fe0);outline-offset: 3px}.ph-dcs__exports .ph-dcs__icon-button{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 30px;height: 30px;padding: 0;border: 0;border-radius: 5px;background: transparent;color: var(--ph-ink-500,#64748b)}.ph-dcs__exports button:hover{background: var(--ph-blue-50,#eff6ff);color: var(--ph-blue-500,#1d6fe0)}.ph-dcs__exports button:disabled{cursor: default;opacity: .45}.ph-dcs__export-list{padding: 8px 20px 20px}.ph-dcs__export-row{display: flex;align-items: center;gap: 15px;width: 100%;padding: 16px 0;text-align: left;border: 0;border-bottom: 1px solid var(--ph-ink-100,#eef1f5);background: transparent;color: inherit}.ph-dcs__export-row>span:not(.ph-dcs__icon){min-width: 0;margin-right: auto}.ph-dcs__export-row b{display: block;font-size: 12px;font-weight: 500}.ph-dcs__export-row small{display: block;margin-top: 5px;font-size: 10px;color: var(--ph-ink-400,#94a3b8)}.ph-dcs__export-row>.ph-dcs__icon{color: var(--ph-blue-500,#1d6fe0)}@media (max-width: 600px){.ph-dcs__canvas{height: 260px}.ph-dcs__head{padding-left: 12px;gap: 6px}.ph-dcs__dimensions{right: 12px;max-width: calc(100% - 24px)}}[data-ph-scene-layout="archive"] .ph-dcs--archive{position: relative;display: flex;flex-direction: column;flex: 1;min-height: 0;border: 0;border-radius: 0;background: #f4f6f8}.ph-dcs--archive .ph-dcs__head{position: absolute;top: 10px;left: 14px;right: 12px;min-height: 32px;height: 32px;padding: 0;border: 0;z-index: 3}.ph-dcs--archive .ph-dcs__head strong{font-size: 11px;font-weight: 500;color: var(--ph-ink-600)}.ph-dcs--archive .ph-dcs__head strong>.ph-dcs__icon{display: none}.ph-dcs--archive a.ph-dcs__studio-link{display: inline-flex;align-items: center;gap: 4px;margin-left: auto;color: var(--ph-ink-600);font-size: 11px;text-decoration: none;white-space: nowrap}.ph-dcs--archive a.ph-dcs__studio-link:hover{color: var(--ph-blue-600)}.ph-dcs--archive .ph-dcs__head>.ph-dcs__icon-button{width: 32px;height: 32px;border: 1px solid var(--ph-ink-200);background: #fff}.ph-dcs--archive .ph-dcs__view{border: 1px solid var(--ph-ink-200);background: #fff}.ph-dcs--archive .ph-dcs__view button{min-height: 26px;color: var(--ph-ink-600)}.ph-dcs--archive .ph-dcs__view button[aria-pressed="true"]{background: var(--ph-blue-50);color: var(--ph-blue-700);box-shadow: none}.ph-dcs--archive .ph-dcs__canvas{flex: 1;height: auto;min-height: 228px;background: #f4f6f8}.ph-dcs--archive .ph-dcs__canvas ph-diecut-stage{--stage-bg: #f4f6f8}.ph-dcs--archive .ph-dcs__status{background: #f4f6f8;color: var(--ph-ink-600)}.ph-dcs--archive .ph-dcs__controls--archive{top: auto;left: auto;right: 12px;bottom: 10px;transform: none;flex-direction: row;align-items: center;gap: 1px;padding: 3px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: #fff;box-shadow: none}.ph-dcs__controls--archive [data-action="camera"]{width: auto;min-width: 34px;height: 26px;padding: 0 7px;border: 0;font-size: 10px}.ph-dcs__controls--archive .ph-dcs__separator{width: 1px;height: 13px;margin: 0 3px}.ph-dcs--archive .ph-dcs__canvas-help{position: absolute;left: 14px;bottom: 16px;color: var(--ph-ink-600);font-size: 9px;pointer-events: none}.ph-dcs--archive .ph-dcs__canvas-help .ph-dcs__icon{display: none}.ph-dcs--archive .ph-dcs__archive-footer{display: flex;align-items: center;gap: 16px;flex: none;min-height: 32px;padding: 0 14px;border-top: 1px solid var(--ph-ink-100);background: #fafbfd}.ph-dcs--archive .ph-dcs__shape{flex: 1;min-width: 0;padding: 0;border: 0;gap: 10px;color: var(--ph-ink-600)}.ph-dcs--archive .ph-dcs__footer{flex: none;padding: 0;border: 0}.ph-dcs--archive .ph-dcs__footer button{color: var(--ph-blue-700);font-size: 10px}.ph-dcs--archive .ph-dcs__shape output{color: var(--ph-blue-700)}.ph-dcs__zoom.ph-dcs-zoom--archive{width: min(1240px,94vw);height: min(850px,92dvh);max-height: 92dvh;border-radius: 12px}.ph-dcs-zoom--archive[open]{display: flex;flex-direction: column}.ph-dcs-zoom--archive>header{flex: none}.ph-dcs-zoom--archive .ph-dcs__zoom-body{display: grid;grid-template-columns: minmax(0,1fr) 300px;flex: 1;min-height: 0}.ph-dcs-zoom--archive .ph-dcs__zoom-viewer{position: relative;min-height: 0;overflow: hidden;background: #f4f6f8}.ph-dcs-zoom--archive .ph-dcs__zoom-viewer ph-diecut-stage{height: 100%}.ph-dcs-zoom--archive .ph-dcs__zoom-specs{display: flex;flex-direction: column;gap: 0;min-width: 0;padding: 24px;border: 0;border-left: 1px solid var(--ph-ink-200);overflow: auto;scrollbar-width: thin;scrollbar-color: var(--ph-ink-300) transparent}.ph-dcs-zoom--archive .ph-product-archive__spec{min-height: 29px;padding: 4px 0;grid-template-columns: 66px minmax(0,1fr)}@container ph-product-archive (max-width: 480px){.ph-dcs--archive .ph-dcs__studio-link{font-size: 10px}.ph-dcs--archive .ph-dcs__canvas-help{display: none}}@media (max-width: 760px){.ph-product-archive .ph-dcs--archive .ph-dcs__canvas{height: 316px;flex: none}.ph-dcs-zoom--archive .ph-dcs__zoom-body{display: flex;flex-direction: column;overflow: auto}.ph-dcs-zoom--archive .ph-dcs__zoom-viewer{height: 360px;flex: none}.ph-dcs-zoom--archive .ph-dcs__zoom-specs{flex: none;border-left: 0;border-top: 1px solid var(--ph-ink-200);overflow: visible}}