.ph-dc-preview{display: flex;flex-direction: column;gap: 12px;width: 100%}.ph-dc-preview--studio .ph-dc-preview__row{flex: 1;min-height: 0;display: grid;grid-template-columns: minmax(0,1fr) 310px;gap: 12px}.ph-dc-preview__studio-center{display: flex;flex-direction: column;min-width: 0;min-height: 0;gap: 0;border: 1px solid var(--ph-ink-200);border-radius: 8px;overflow: hidden;background: #edf1f6}.ph-dc-preview__studio-toolbar,.ph-dc-preview__studio-tabs,.ph-dc-preview__studio-exports{display: flex;align-items: center;gap: 6px}.ph-dc-preview__studio-toolbar{justify-content: space-between;padding: 10px 12px;border-bottom: 1px solid var(--ph-ink-200);background: white}.ph-dc-preview__studio-tabs{padding: 3px;background: var(--ph-ink-50);border-radius: 6px}.ph-dc-preview__studio-tab,.ph-dc-preview__studio-exports button{border: 1px solid var(--ph-ink-200);background: var(--ph-ink-0);color: var(--ph-ink-700);border-radius: 6px;padding: 5px 10px;cursor: pointer}.ph-dc-preview__studio-tab[aria-pressed="true"]{border-color: var(--ph-blue-500);color: var(--ph-blue-500);background: var(--ph-ink-0)}.ph-dc-preview__studio-views{flex: 1;display: flex;min-height: 0;min-width: 0;gap: 0}.ph-dc-preview__studio-views>.ph-dc-preview__stage-wrap,.ph-dc-preview__studio-dieline{flex: 1 1 0;min-width: 0;min-height: 0}.ph-dc-preview__studio-dieline{display: none;overflow: auto;border: 1px solid var(--ph-ink-200);border-radius: 0;background: var(--ph-ink-0);padding: 12px}.ph-dc-preview__studio-dieline svg{max-width: 100%;height: auto}.ph-dc-preview__studio-dieline .hz{fill: transparent}.ph-dc-preview__studio-dieline:has(.ph-dc-pdf-preview){padding: 0;overflow: hidden}.ph-dc-dieline:has(.ph-dc-pdf-preview){height: 100%;border: 0;border-radius: 0}.ph-dc-pdf-preview{display: flex;flex-direction: column;height: 100%;min-height: 0;color: var(--ph-ink-900,#0f1826);background: #edf1f6}.ph-dcs__dieline.ph-dc-pdf-preview{padding: 0;overflow: hidden}.ph-dc-pdf-preview__toolbar{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;padding: 10px 14px;background: #fff;border-bottom: 1px solid #e2e8f0}.ph-dc-pdf-preview__toolbar strong{font-size: 13px;margin-right: auto}.ph-dc-pdf-preview__toolbar span{font-size: 12px;color: #526174}.ph-dc-pdf-preview__toolbar button{padding: 5px 9px;border: 1px solid #dce3ec;border-radius: 5px;background: #fff;color: #334155;font: inherit;font-size: 12px;cursor: pointer}.ph-dc-pdf-preview__toolbar button:hover{background: #eff6ff;color: #1d6fe0}.ph-dc-pdf-preview__toolbar button:focus-visible{outline: 2px solid #1d6fe0;outline-offset: 2px}.ph-dc-pdf-preview__viewport{flex: 1;min-height: 0;overflow: auto;padding: 20px}.ph-dc-pdf-preview__page{width: 100%;margin: auto;background: #fff;box-shadow: 0 3px 12px #0f182614}.ph-dc-pdf-preview__page canvas{display: block;width: 100%;height: auto}@media (max-width: 640px){.ph-dc-pdf-preview__viewport{padding: 10px}.ph-dc-pdf-preview__toolbar{gap: 5px;padding: 8px 10px}}.ph-dc-preview--studio[data-ph-studio-view="dieline"] .ph-dc-preview__studio-views>.ph-dc-preview__stage-wrap{display: none}.ph-dc-preview--studio[data-ph-studio-view="dieline"] .ph-dc-preview__studio-dieline,.ph-dc-preview--studio[data-ph-studio-view="split"] .ph-dc-preview__studio-dieline{display: block}.ph-dc-preview__stage-wrap{position: relative;border: 1px solid var(--ph-ink-200);border-radius: 10px;overflow: hidden;min-height: 320px;background: #edf1f6;display: flex;flex-direction: column}.ph-dc-preview--studio .ph-dc-preview__stage-wrap{min-height: 280px;border: 0;border-radius: 0}.ph-dc-preview--tech .ph-dc-preview__stage-wrap{min-height: 460px}.ph-dc-preview--showcase .ph-dc-preview__stage-wrap{min-height: 480px}.ph-dc-preview__failure{position: absolute;z-index: 4;bottom: 12px;left: 12px;right: 12px;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 10px 12px;border: 1px solid var(--ph-danger-500);border-radius: 8px;background: var(--ph-ink-0);color: var(--ph-danger-500)}.ph-dc-preview__failure button{flex-shrink: 0;padding: 5px 10px;border: 1px solid currentColor;border-radius: 6px;background: transparent;color: inherit;cursor: pointer}.ph-dc-preview__stage{display: block;width: 100%;height: 100%;flex: 1 1 auto;min-height: 0}.ph-dc-preview__controls{display: flex;flex-direction: column;gap: 10px;overflow-y: auto}.ph-dc-preview__param-row,.ph-dc-preview__option-row{display: flex;flex-direction: column;gap: 4px}.ph-dc-preview__param-label-row{display: flex;align-items: baseline;gap: 6px;font-size: 12.5px}.ph-dc-preview__param-label,.ph-dc-preview__option-label{color: var(--ph-ink-700)}.ph-dc-preview__param-value{margin-left: auto;color: var(--ph-ink-500);font-variant-numeric: tabular-nums}.ph-dc-preview__param-slider,.ph-dc-preview__option-slider{width: 100%;accent-color: var(--ph-blue-500)}.ph-dc-preview__option-row{flex-direction: row;align-items: center;justify-content: space-between}.ph-dc-preview__option-row .ph-dc-preview__option-slider{max-width: 140px}.ph-dc-preview__swatch-group{display: flex;gap: 6px;flex-wrap: wrap}.ph-dc-preview__swatch{width: 22px;height: 22px;border-radius: 50%;border: 1px solid var(--ph-ink-200);padding: 0;cursor: pointer}.ph-dc-preview__swatch--active{outline: 2px solid var(--ph-blue-500);outline-offset: 1px}.ph-dc-preview__exportbar{display: flex;flex-wrap: wrap;gap: 8px;padding-top: 8px;border-top: 1px solid var(--ph-ink-100)}.ph-dc-preview--tech .ph-dc-preview__exportbar{border-top: none;padding-top: 0}.ph-dc-preview__export-btn{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 6px 12px;border-radius: 8px;border: 1px solid var(--ph-blue-500);background: var(--ph-ink-0);color: var(--ph-blue-600);font-size: 12.5px;font-weight: 600;cursor: pointer}.ph-dc-preview__export-btn:hover{background: var(--ph-blue-50)}.ph-dc-dieline{display: flex;flex-direction: column;min-height: 0;overflow: hidden;border: 1px solid var(--ph-ink-100);border-radius: 10px;background: var(--ph-ink-0)}.ph-dc-dieline__head{flex: 0 0 auto;padding: 12px 14px 10px;border-bottom: 1px solid var(--ph-ink-100)}.ph-dc-dieline__title-row{display: flex;align-items: baseline;gap: 6px}.ph-dc-dieline__title{font-size: 13px;font-weight: 700;color: var(--ph-ink-900);line-height: normal}.ph-dc-dieline__tag{font-size: 10px;font-weight: 600;color: var(--ph-ink-400);letter-spacing: 0.08em;line-height: normal}.ph-dc-dieline__sub{display: block;margin-top: 2px;font-size: 11.5px;color: var(--ph-ink-500);line-height: normal}.ph-dc-dieline__sub-size{font-family: var(--font-mono);color: var(--ph-ink-900)}.ph-dc-dieline__body{flex: 1;min-height: 0;overflow: auto;padding: 12px 14px}.ph-dc-dieline__svg svg{width: 100%;height: auto;display: block}.ph-dc-dieline__svg .hz{fill: transparent;cursor: pointer}.ph-dc-dieline__svg .hz:hover{fill: rgba(29,111,224,0.13)}.ph-dc-dieline__legend{margin-top: 12px;border-top: 1px solid var(--ph-ink-100);padding-top: 10px;display: grid;grid-template-columns: 1fr 1fr;gap: 7px 10px;font-size: 11px;color: var(--ph-ink-500);line-height: normal}.ph-dc-dieline__legend-item{display: flex;align-items: center;gap: 6px;min-width: 0}.ph-dc-dieline__legend-label{min-width: 0;overflow: hidden;text-overflow: ellipsis;line-height: normal}.ph-dc-dieline__legend-swatch{flex: 0 0 auto;display: inline-block;width: 18px;height: 0}.ph-dc-dieline__legend-swatch--cut{border-top: 2.5px solid var(--ph-danger-500)}.ph-dc-dieline__legend-swatch--seal{border-top: 2.5px dashed var(--ph-success-500)}.ph-dc-dieline__legend-swatch--crease{border-top: 2px dashed #98A2AE}.ph-dc-dieline__legend-swatch--order{width: 15px;height: 15px;border: 1.5px solid var(--ph-blue-500);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 9.5px;color: var(--ph-blue-500);line-height: normal}.ph-dc-dieline__note{display: block;margin-top: 10px;font-size: 11px;color: var(--ph-ink-400);line-height: 1.7}.ph-dc-fan{margin-top: 8px}.ph-dc-fan__cap{display: flex;justify-content: space-between;align-items: baseline;margin: 0 0 2px;font-size: 12px;color: var(--ph-ink-500)}.ph-dc-fan__cap b{color: var(--ph-ink-900);font-weight: 600}.ph-dc-fan__cap span{font-family: var(--font-mono);font-size: 11px}.ph-dcbinding__empty,.ph-dcbinding__bound{display: flex;flex-direction: column;gap: 10px}.ph-dcbinding__bound-header{display: flex;align-items: center;justify-content: space-between;gap: 8px;font-weight: 600;color: var(--ph-ink-900)}.ph-dcbinding__pending-hint{display: block;font-size: 12px;color: var(--ph-ink-500);line-height: normal}.ph-dcbinding__btn{padding: 6px 12px;border-radius: 8px;border: 1px solid var(--ph-blue-500);background: var(--ph-ink-0);color: var(--ph-blue-600);font-size: 12.5px;font-weight: 600;cursor: pointer;align-self: flex-start}.ph-dcbinding__btn:hover{background: var(--ph-blue-50)}.ph-dcbinding__mapping{display: flex;flex-direction: column;gap: 10px}.ph-dcbinding__row{display: flex;flex-direction: column;gap: 6px;padding: 8px 10px;border: 1px solid var(--ph-ink-100);border-radius: 8px}.ph-dcbinding__row-label{font-size: 12.5px;font-weight: 600;color: var(--ph-ink-900)}.ph-dcbinding__attr-group,.ph-dcbinding__const-group{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.ph-dcbinding__preview{border: 1px solid var(--ph-ink-100);border-radius: 8px;padding: 10px}.ph-dcbinding__preview-link{font-size: 12.5px;font-weight: 600;color: var(--ph-blue-600)}.ph-dc-list{display: flex;flex-direction: column;gap: 14px;height: 100%;box-sizing: border-box;padding: 18px}.ph-dc-list__chips{display: flex;flex-wrap: wrap;gap: 8px;flex-shrink: 0}.ph-dc-list__table{flex: 1;min-height: 0}.ph-dc-list__row{display: grid;align-items: center;gap: 8px;padding: 10px 16px;border-bottom: 1px solid var(--ph-ink-100);background: #fff;cursor: pointer}.ph-dc-list__row:hover{background: var(--ph-ink-50)}.ph-dc-list__row:last-child{border-bottom: none}.ph-dc-list__cell{min-width: 0;font-size: 12.5px;color: var(--ph-ink-700);line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-dc-list__cell--model{display: flex;align-items: center;gap: 10px}.ph-dc-list__cell--actions{display: flex;align-items: center;justify-content: flex-end;gap: 6px;cursor: default}.ph-dc-list__glyph{flex: 0 0 auto;width: 34px;height: 34px;border-radius: 8px;background: var(--ph-blue-50);color: var(--ph-blue-500);display: flex;align-items: center;justify-content: center}.ph-dc-list__glyph vaadin-icon{width: 18px;height: 18px}.ph-dc-list__names{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-dc-list__name{display: block;font-size: 13px;font-weight: 600;color: var(--ph-ink-900);line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-dc-list__meta{display: block;font-size: 11.5px;color: var(--ph-ink-500);line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-dc-list__unbound{color: var(--ph-amber-500);font-size: 12px}.ph-dc-list__action{display: inline-flex;align-items: center;box-sizing: border-box;height: 28px;padding: 0 12px;border: 1px solid;border-radius: 6px;font-family: inherit;font-size: 12px;line-height: normal;white-space: nowrap;text-decoration: none;cursor: pointer}.ph-dc-list__action--primary{background: var(--ph-blue-500);border-color: var(--ph-blue-500);color: #fff}.ph-dc-list__action--ghost{background: #fff;border-color: var(--ph-ink-200);color: var(--ph-ink-600)}.ph-dc-list__btn{appearance: none;border: 1px solid var(--ph-ink-100);border-radius: 6px;background: #fff;color: var(--ph-ink-600);font-size: 12px;padding: 4px 10px;cursor: pointer;line-height: normal}.ph-dc-list__link--disabled{color: var(--ph-ink-400);cursor: not-allowed;text-decoration: none}.ph-dc-drawer__section{padding: 16px 20px;border-bottom: 1px solid var(--ph-ink-100)}.ph-dc-drawer__section-title{display: block;font-size: 12px;font-weight: 600;color: var(--ph-ink-600);margin-bottom: 10px;line-height: normal}.ph-dc-drawer__kv{display: flex;justify-content: space-between;gap: 12px;padding: 5px 0}.ph-dc-drawer__k{font-size: 12px;color: var(--ph-ink-500);line-height: normal}.ph-dc-drawer__v{font-size: 12px;color: var(--ph-ink-900);text-align: right;line-height: normal}.ph-dc-drawer__empty{border: 1px dashed var(--ph-ink-100);border-radius: 8px;padding: 20px;text-align: center;color: var(--ph-ink-500);font-size: 12px;line-height: normal}.ph-dc-drawer__empty-hint{display: block;margin-top: 6px;font-size: 11px;color: var(--ph-ink-400);line-height: normal}.ph-dc-drawer__pu{display: flex;align-items: center;gap: 10px;padding: 9px 0;border-top: 1px solid var(--ph-ink-100)}.ph-dc-drawer__pu:first-of-type{border-top: none}.ph-dc-drawer__pu>div:first-child{flex: 1 1 auto;min-width: 0}.ph-dc-drawer__pu-name{display: block;font-size: 13px;color: var(--ph-ink-900);line-height: normal}.ph-dc-drawer__pu-meta{display: block;font-size: 11px;color: var(--ph-ink-400);line-height: normal}.ph-dc-drawer__pu-ok{font-size: 11px;color: var(--ph-success-500);line-height: normal}.ph-dc-drawer__pu-warn{font-size: 11px;color: var(--ph-amber-500);line-height: normal}.ph-dc-mapping{padding: 16px 20px}.ph-dc-mapping__hint{display: block;font-size: 11px;color: var(--ph-ink-400);margin-bottom: 12px;line-height: normal}.ph-dc-mapping__error{margin-top: 10px;font-size: 12px;color: var(--ph-danger-500);line-height: normal}.ph-dc-mapping__save{appearance: none;border: none;border-radius: 6px;background: var(--ph-blue-500);color: #fff;font-size: 13px;padding: 7px 16px;cursor: pointer;line-height: normal}.ph-dc-preview__src{font-size: 9.5px;font-weight: 600;border-radius: 4px;padding: 1px 5px;line-height: normal}.ph-dc-preview__src--attr{background: #eef5ff;color: #0f4897}.ph-dc-preview__src--const{background: #f3f5f8;color: #6b7280}.ph-dc-preview__src--default{background: #fff3de;color: #c87a05}.ph-dc-preview__seg{display: flex;background: #eef2f7;border-radius: 8px;padding: 3px;gap: 3px}.ph-dc-preview__seg-btn{flex: 1;height: 26px;border: 1px solid transparent;border-radius: 6px;background: transparent;font-family: inherit;font-size: 11.5px;font-weight: 500;color: var(--ph-ink-600);cursor: pointer;line-height: normal}.ph-dc-preview__seg-btn--on{background: #fff;border-color: var(--ph-ink-100);color: var(--ph-blue-500);font-weight: 700}.ph-dc-preview__swatch-panel{display: flex;flex-direction: column;gap: 6px}.ph-dc-preview__custom{display: flex;align-items: center;gap: 6px;margin-top: 2px}.ph-dc-preview__custom-label{font-size: 11px;color: var(--ph-ink-400);flex-shrink: 0;line-height: normal}.ph-dc-preview__custom-input{flex: 1;min-width: 0;box-sizing: border-box;font-family: var(--font-mono);font-size: 11px;padding: 5px 8px;border: 1px solid var(--ph-ink-100);border-radius: 6px;line-height: normal}.ph-dc-preview__custom-dot{width: 18px;height: 18px;border-radius: 50%;border: 1px solid rgba(15,24,38,0.16);flex-shrink: 0}.ph-dc-preview__export-name{font-family: var(--font-mono);font-size: 10.5px;opacity: 0.75;line-height: normal}.ph-dc-artwork{min-width: 0;margin-top: 10px}.ph-dc-artwork__label{display: block;font-size: 12px;font-weight: 500;color: var(--ph-ink-900);line-height: normal}.ph-dc-artwork__btn{flex: 1;min-width: 0;background: var(--ph-blue-500);border: none;border-radius: 6px;padding: 7px 12px;font-family: inherit;font-size: 12px;font-weight: 600;line-height: normal;color: var(--ph-ink-0);cursor: pointer;text-align: center}.ph-dc-artwork__btn[hidden]{display: none}.ph-dc-artwork__btn:hover{background: var(--ph-blue-600)}.ph-dc-artwork__file-input{display: none}.ph-dc-artwork__chip{flex: 1;min-width: 0;display: flex;align-items: center;gap: 8px;background: #eaf2fe;color: #1857b8;border-radius: 6px;padding: 6px 10px;font-size: 12px;line-height: normal}.ph-dc-artwork__chip[hidden]{display: none}.ph-dc-artwork__chip-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: inherit;font-size: 10px;line-height: normal}.ph-dc-artwork__chip-clear{appearance: none;flex: 0 0 auto;border: none;background: transparent;color: inherit;cursor: pointer;font-size: 11px;line-height: normal;padding: 0}.ph-dc-artwork__message{font-size: 11.5px;line-height: 1.5;color: var(--ph-ink-500)}.ph-dc-artwork__message--error{color: var(--ph-danger-500)}.ph-dc-artwork__desc{font-size: 10.5px;color: var(--ph-ink-400);line-height: 1.6}.ph-dc-artwork-section{min-width: 0}.ph-dc-artwork-section__heading{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 15px}.ph-dc-artwork-section__title{display: flex;align-items: center;gap: 8px;margin: 0;font-size: 12.5px;font-weight: 600;line-height: normal;color: var(--ph-ink-900)}.ph-dc-artwork-section__title>span:first-child{font-size: 10px;font-weight: 500;color: var(--ph-ink-400)}.ph-dc-artwork-section__sample{flex: none;padding: 0;border: 0;background: transparent;color: var(--ph-blue-500);font: inherit;font-size: 11px;cursor: pointer}.ph-dc-artwork-section__sample:hover{color: var(--ph-blue-600)}.ph-dc-artwork-section__sample[aria-pressed="true"]{color: var(--ph-blue-600);font-weight: 600}.ph-dc-artwork-section__note{margin: 0 0 13px;color: var(--ph-ink-500);font-size: 11px;line-height: 1.7}.ph-dc-artwork>.ph-dc-artwork__card{display: flex;align-items: center;gap: 10px;width: 100%;min-width: 0;box-sizing: border-box;padding: 12px;border: 1px dashed #c9d0da;border-radius: 6px;background: var(--ph-ink-50);color: var(--ph-ink-900);text-align: left;font-family: inherit}.ph-dc-artwork>.ph-dc-artwork__card[hidden]{display: none}.ph-dc-artwork>.ph-dc-artwork__btn:hover{border-color: var(--ph-blue-500);background: var(--ph-blue-50)}.ph-dc-artwork__icon{display: flex;align-items: center;justify-content: center;flex: 0 0 34px;width: 34px;height: 34px;box-sizing: border-box;border: 1px solid var(--ph-ink-200);border-radius: 7px;background: var(--ph-ink-0);color: var(--ph-blue-500)}.ph-dc-artwork__icon svg{width: 16px;height: 16px}.ph-dc-artwork__copy{flex: 1;min-width: 0}.ph-dc-artwork__subtitle{display: block;max-width: 185px;margin-top: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--ph-ink-500);font-size: 10px;font-weight: 400;line-height: normal}.ph-dc-artwork__chip-clear{padding: 4px;color: var(--ph-ink-500);font-size: 14px}.ph-dc-artwork-section__sample:focus-visible,.ph-dc-artwork__btn:focus-visible,.ph-dc-artwork__chip-clear:focus-visible{outline: 2px solid var(--ph-blue-500);outline-offset: 2px}.ph-dc-artwork-section .ph-dc-artwork__message:empty{display: none}.ph-dc-artwork-section .ph-dc-artwork__message:not(:empty),.ph-dc-artwork-section .ph-dc-artwork__desc,.ph-dc-artwork-section .ph-dc-preview__option-row{margin-top: 13px}.ph-dc-preview__stage-wrap{position: relative}.ph-dc-preview__stage-drop-overlay{position: absolute;inset: 10px;display: flex;gap: 10px;z-index: 5}.ph-dc-preview__drop-zone{flex: 1;min-width: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;border-radius: 10px;border: 2px dashed currentColor;text-align: center;padding: 8px;box-sizing: border-box}.ph-dc-preview__drop-zone--body{color: var(--ph-blue-500);background: rgba(29,111,224,0.1)}.ph-dc-preview__drop-zone--handle{color: #c87a05;background: rgba(245,154,11,0.1)}.ph-dc-preview__drop-zone--over{border-style: solid}.ph-dc-preview__drop-zone--body.ph-dc-preview__drop-zone--over{background: rgba(29,111,224,0.18)}.ph-dc-preview__drop-zone--handle.ph-dc-preview__drop-zone--over{background: rgba(245,154,11,0.18)}.ph-dc-preview__drop-zone-title{font-size: 15px;font-weight: 700;line-height: normal}.ph-dc-preview__drop-zone-sub{font-size: 11.5px;line-height: normal;opacity: 0.8}.ph-dc-preview__controls{padding: 12px 14px;gap: 13px}.ph-dc-preview__controls--tabbed{min-height: 0;padding: 0;gap: 0;overflow: hidden}.ph-dc-preview__studio-tab{display: inline-flex;align-items: center;gap: 6px;padding: 6px 10px;border: 0;background: transparent}.ph-dc-preview__studio-tab svg{width: 15px;height: 15px;display: block}.ph-dc-preview--studio .ph-dc-preview__controls--tabbed{border: 1px solid var(--ph-ink-200);border-radius: 8px;background: white}.ph-dc-preview__inspector-title{display: flex;justify-content: space-between;align-items: center;padding: 16px 16px 12px}.ph-dc-preview__inspector-title>div{display: flex;flex-direction: column;gap: 5px}.ph-dc-preview__inspector-title>div>span:first-child{font-size: 12.5px;font-weight: 600}.ph-dc-preview__inspector-title>div>span:last-child{font-size: 10px;color: var(--ph-ink-400)}.ph-dc-preview__inspector-title>span{font-size: 10px;padding: 3px 5px;border: 1px solid var(--ph-ink-200);border-radius: 4px;color: var(--ph-ink-500)}.ph-dc-preview--studio .ph-dc-preview__inspector-title{gap: 8px}.ph-dc-preview--studio .ph-dc-preview__inspector-parameter-link{margin-left: auto;font-size: 10px;color: var(--ph-blue-500);white-space: nowrap;text-decoration: none}.ph-dc-preview--studio .ph-dc-preview__inspector-parameter-link:hover{text-decoration: underline}.ph-dc-preview--studio .ph-dc-preview__studio-dimensions-toggle{display: inline-flex;align-items: center;gap: 6px;font-size: 11px;white-space: nowrap;cursor: pointer}.ph-dc-preview--studio .ph-dc-preview__studio-dimensions-toggle input{accent-color: var(--ph-blue-500);width: 14px;height: 14px;margin: 0;cursor: pointer}.ph-dc-preview--studio .ph-dc-preview__studio-dimension-badge[hidden]{display: none !important}@media (min-width: 801px){.ph-dc-preview--studio .ph-dc-preview__studio-camera-actions{align-items: center;gap: 6px}.ph-dc-preview--studio .ph-dc-preview__studio-camera-actions>button{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 32px;height: 32px;padding: 0;border-radius: 6px}.ph-dc-preview--studio .ph-dc-preview__studio-camera-actions>button:hover{background: var(--ph-ink-50);color: var(--ph-ink-900)}.ph-dc-preview--studio .ph-dc-preview__studio-camera-actions>button svg{display: block;width: 18px;height: 18px}}@media (max-width: 800px){.ph-dc-preview--studio .ph-dc-preview__studio-camera-actions>[data-ph-studio-action="fullscreen"] svg{display: none}}.ph-dc-preview__focus-context{display: flex;align-items: center;justify-content: space-between;padding: 9px 10px;margin-bottom: 18px;background: var(--ph-blue-50);border: 1px solid var(--ph-blue-100);border-radius: 6px;color: var(--ph-blue-700);gap: 8px}.ph-dc-preview__focus-context>span:first-child{font-size: 10px}.ph-dc-preview__focus-context>span:nth-child(2){font-size: 12px;font-weight: 600}.ph-dc-preview__focus-context>span:last-child{display: none}.ph-dc-preview__inspector-footnote{font-size: 10px;color: var(--ph-ink-400);padding: 18px 0 4px}.ph-dc-preview__inspector-footnote::before{content: "";display: inline-block;width: 12px;height: 12px;margin-right: 7px;vertical-align: -2px;background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA3B2' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E")}.ph-dc-preview__number-wrap{display: flex;height: 36px;border: 1px solid var(--ph-ink-200);border-radius: 5px;background: var(--ph-ink-50);align-items: center;min-width: 0}.ph-dc-preview__number-wrap input.ph-dc-preview__param-number{width: 100%;min-width: 0;border: 0;background: transparent;padding: 0 8px;color: var(--ph-ink-900);font: inherit;font-size: 12px;font-weight: 600}.ph-dc-preview__number-wrap>span{font-size: 10px;color: var(--ph-ink-400);padding-right: 7px}.ph-dc-preview__param-limits{font-size: 9px;color: var(--ph-ink-400)}.ph-dc-preview--studio .ph-dc-preview__param-value,.ph-dc-preview--studio .ph-dc-preview__src{display: none}.ph-dc-preview--studio .ph-dc-preview__sect:has(>.ph-dc-preview__param-row){display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px 8px}.ph-dc-preview--studio .ph-dc-preview__sect:has(>.ph-dc-preview__param-row)>.ph-dc-preview__sect-head{grid-column: 1 / -1}.ph-dc-preview--studio .ph-dc-preview__param-label-row{min-height: 16px}.ph-dc-preview--studio .ph-dc-preview__param-label{font-size: 10px;font-weight: 400}.ph-dc-preview__studio-export-footer{position: relative;display: flex;flex: none;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 16px;border: 1px solid var(--ph-ink-200);border-radius: 8px;background: white}.ph-dc-preview__studio-export-summary{display: flex;flex-direction: column;gap: 4px}.ph-dc-preview__studio-export-summary>span:first-child{font-size: 12.5px;font-weight: 600}.ph-dc-preview__studio-export-summary>span:last-child{font-size: 10.5px;color: var(--ph-ink-500)}.ph-dc-preview__studio-export-actions{display: flex;align-items: center;gap: 8px}.ph-dc-preview__studio-export-actions button{min-height: 36px;padding: 0 13px;font: inherit;font-size: 12px;cursor: pointer}.ph-dc-preview__studio-pdf{border: 1px solid var(--ph-blue-500);border-radius: 6px;color: white;background: var(--ph-blue-500)}.ph-dc-preview__studio-export-menu{position: absolute;bottom: calc(100% + 8px);right: 0;z-index: 10;width: 320px;max-width: 100%;padding: 12px;background: white;border: 1px solid var(--ph-ink-200);border-radius: 8px;box-shadow: 0 8px 24px #0f18261a}.ph-dc-preview__studio-export-menu .ph-dc-preview__exportbar{display: flex;flex-direction: column}.ph-dc-preview__studio-export-menu[hidden]{display: none !important}.ph-dc-preview__studio-camera-actions{display: flex;gap: 8px}.ph-dc-preview__studio-camera-actions button{font: inherit;font-size: 10px;color: var(--ph-ink-500);border: 0;background: transparent;cursor: pointer}.ph-dc-preview__studio-camera-tools{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;padding: 4px;background: #ffffffd9;border: 1px solid white;border-radius: 8px;z-index: 2}.ph-dc-preview__studio-camera-tools button{display: grid;place-items: center;width: 28px;height: 28px;border: 0;border-radius: 4px;background: transparent;color: var(--ph-ink-400);cursor: pointer}.ph-dc-preview__studio-camera-tools button:hover{background: var(--ph-blue-50);color: var(--ph-blue-500)}.ph-dc-preview__studio-camera-tools svg{width: 15px;height: 15px;display: block}.ph-dc-preview--studio .ph-dc-preview__stage-drop .ph-dc-preview__stage-hint{left: 50%;transform: translateX(-50%);bottom: 16px;padding: 0;border: 0;box-shadow: none;background: transparent;color: var(--ph-ink-400);font-size: 9px}.ph-dc-preview__studio-dimension-badge{position: absolute;bottom: 45px;left: 50%;transform: translateX(-50%);background: #ffffff90;border: 1px solid #ffffffa0;border-radius: 5px;padding: 7px 15px;font-size: 11px;color: var(--ph-ink-500);white-space: nowrap;pointer-events: none}.ph-dc-preview__studio-camera-actions a{color: var(--ph-ink-500);text-decoration: none;font-size: 10px}.ph-dc-preview__inspector-heading{display: flex;align-items: center;justify-content: space-between}.ph-dc-preview__studio-calculation{display: flex;align-items: center;justify-content: space-between;padding: 10px 12px;border-radius: 5px;background: var(--ph-ink-50);font-size: 10.5px;color: var(--ph-ink-500)}.ph-dc-preview__studio-calculation>span:last-child{color: var(--ph-ink-700);font-weight: 600}.ph-dc-preview__studio-scene-footer{display: flex;align-items: center;gap: 8px;flex: none;height: 42px;padding: 0 12px;border-top: 1px solid var(--ph-ink-200);background: #f7f8fb;font-size: 10px;color: var(--ph-ink-500)}.ph-dc-preview__studio-scene-footer>button[data-ph-studio-background]{width: 17px;height: 17px;border: 2px solid white;border-radius: 50%;box-shadow: 0 0 0 1px var(--ph-ink-300);cursor: pointer}.ph-dc-preview__studio-scene-footer>button[aria-pressed="true"][data-ph-studio-background]{box-shadow: 0 0 0 2px var(--ph-blue-500)}.ph-dc-preview__studio-scene-footer>button[data-ph-studio-action]{margin-left: auto;border: 0;background: transparent;color: inherit;font: inherit;cursor: pointer}@media (min-width: 1700px){.ph-dc-preview--studio .ph-dc-preview__row{grid-template-columns: minmax(0,1fr) 340px}}@media (max-width: 800px){.ph-dc-preview--studio .ph-dc-preview__row{display: flex;flex-direction: column}.ph-dc-preview__studio-center{height: 520px;flex: none}.ph-dc-preview__studio-toolbar{padding: 8px;gap: 4px}.ph-dc-preview__studio-tabs{flex: none;gap: 2px}.ph-dc-preview__studio-tab{white-space: nowrap;padding: 6px 8px;font-size: 11px}.ph-dc-preview__studio-camera-actions>a,.ph-dc-preview__studio-camera-actions>[data-ph-studio-action="help"]{display: none}.ph-dc-preview__studio-camera-actions>[data-ph-studio-action="fullscreen"]{width: 28px;height: 28px;padding: 0;font-size: 0}.ph-dc-preview__studio-camera-actions>[data-ph-studio-action="fullscreen"]::before{content: "⛶";font-size: 20px}.ph-dc-studio__reset{display: none}.ph-dc-preview--studio[data-ph-studio-view="split"] .ph-dc-preview__studio-center{height: 720px}.ph-dc-preview--studio[data-ph-studio-view="split"] .ph-dc-preview__studio-views{flex-direction: column}.ph-dc-preview--studio[data-ph-studio-view="split"] .ph-dc-preview__studio-views>*{min-height: 230px}.ph-dc-preview--studio .ph-dc-preview__controls--tabbed{height: 560px}.ph-dc-preview__studio-export-footer{position: sticky;bottom: 0;z-index: 11;padding: 10px}.ph-dc-preview__studio-export-summary{display: none}.ph-dc-preview__studio-export-actions{width: 100%}.ph-dc-preview__studio-exports{flex: 2}.ph-dc-preview__studio-export-actions button{flex: 1;min-width: 0;padding: 0 6px;font-size: 11px}}.ph-dc-preview__inspector-tabs{flex: 0 0 auto;display: flex;gap: 0;margin: 12px 14px 14px;padding: 4px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-50)}.ph-dc-preview__inspector-tab{flex: 1 1 0;min-width: 0;padding: 7px 0;border: 0;border-radius: 4px;background: transparent;color: var(--ph-ink-500);font: inherit;font-size: 11.5px;line-height: normal;cursor: pointer}.ph-dc-preview__inspector-tab--active{background: var(--ph-ink-0);color: var(--ph-blue-500);font-weight: 600;box-shadow: 0 1px 4px rgba(15,24,38,0.07)}.ph-dc-preview__inspector-panes{flex: 1 1 auto;min-height: 0;overflow-y: auto;padding: 0 14px 12px;scrollbar-width: thin}.ph-dc-preview__inspector-nav{flex: 0 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 12px 14px;border-top: 1px solid var(--ph-ink-100);background: var(--ph-ink-50)}.ph-dc-preview__inspector-nav button{padding: 0;border: 0;background: transparent;color: var(--ph-blue-500);font: inherit;font-size: 11px;line-height: normal;cursor: pointer}.ph-dc-preview__inspector-nav button:disabled,.ph-dc-preview__inspector-nav span{color: var(--ph-ink-400)}.ph-dc-preview__inspector-nav span{font-size: 10px;white-space: nowrap}.ph-dc-preview__inspector-group{display: flex;flex-direction: column;gap: 9px;min-width: 0;border-top: 1px solid var(--ph-ink-100);padding-top: 12px}.ph-dc-preview__inspector-panes>.ph-dc-preview__inspector-group{border-top: none;padding-top: 0}.ph-dc-preview__inspector-heading{font-size: 12px;font-weight: 700;line-height: normal;color: var(--ph-ink-900)}.ph-dc-preview__size-presets{display: flex;gap: 6px}.ph-dc-preview__size-preset{flex: 1;min-width: 0;padding: 5px 4px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-0);color: var(--ph-ink-600);font: inherit;font-size: 11px;line-height: normal;cursor: pointer}.ph-dc-preview__size-preset--active{border-color: var(--ph-blue-500);background: var(--ph-blue-50);color: var(--ph-blue-500);font-weight: 700}.ph-dc-preview__sect{display: flex;flex-direction: column;gap: 9px;border-top: 1px solid var(--ph-ink-100);padding-top: 11px}.ph-dc-preview__sect:first-child,.ph-dc-preview__inspector-group>.ph-dc-preview__sect:first-of-type{border-top: none;padding-top: 0}.ph-dc-preview__size-presets + .ph-dc-preview__sect{border-top: none;padding-top: 0}.ph-dc-preview__sect-head{display: flex;align-items: center;gap: 8px}.ph-dc-preview__sect-title{font-size: 11px;font-weight: 700;color: var(--ph-ink-400);letter-spacing: 0.04em;line-height: normal}.ph-dc-preview__sect-sub{font-weight: 400;letter-spacing: 0}.ph-dc-preview__field-title{font-size: 12px;font-weight: 600;color: var(--ph-ink-900);line-height: normal}.ph-dc-preview__field{display: flex;flex-direction: column;gap: 5px}.ph-dc-preview__field-head{display: flex;align-items: center;gap: 8px}.ph-dc-preview__hint{font-size: 10.5px;color: var(--ph-ink-400);line-height: 1.6}.ph-dc-preview__link-btn{margin-left: auto;background: none;border: none;padding: 0;font-family: inherit;font-size: 11px;color: var(--ph-blue-500);cursor: pointer;line-height: normal}.ph-dc-preview__pct{margin-left: auto;font-family: var(--font-mono);font-size: 11.5px;color: var(--ph-ink-500);line-height: normal}.ph-dc-preview__slider-row{display: flex;align-items: center;gap: 8px}.ph-dc-preview__slider-label{flex-shrink: 0;font-size: 12px;color: var(--ph-ink-500);line-height: normal}.ph-dc-preview__slider-row .ph-dc-preview__option-slider{flex: 1;min-width: 0}.ph-dc-preview__slider-row .ph-dc-preview__pct{width: 36px;text-align: right}.ph-dc-preview__switch{margin-left: auto;position: relative;width: 34px;height: 19px;flex-shrink: 0;border-radius: 999px;background: #c6ceda;cursor: pointer;transition: background 0.15s}.ph-dc-preview__switch--on{background: var(--ph-blue-500)}.ph-dc-preview__switch-knob{position: absolute;top: 2px;left: 2px;width: 15px;height: 15px;border-radius: 50%;background: var(--ph-ink-0);box-shadow: 0 1px 3px rgba(15,24,38,0.3);transition: left 0.15s}.ph-dc-preview__switch--on .ph-dc-preview__switch-knob{left: 17px}.ph-dc-preview__sect--disabled{opacity: 0.45;pointer-events: none}.ph-dc-preview__stage-hint{position: absolute;left: 12px;bottom: 12px;z-index: 3;pointer-events: none;font-size: 11px;line-height: normal;color: #4b5563;background: rgba(255,255,255,0.85);border: 1px solid var(--ph-ink-200);border-radius: 999px;padding: 4px 12px;white-space: nowrap}.ph-dc-artwork__btn--outline{background: var(--ph-ink-0);border: 1px solid var(--ph-blue-500);color: var(--ph-blue-500);padding: 6px 12px}.ph-dc-artwork__btn--outline:hover{background: #f5f9ff}.ph-dc-studio{display: flex;flex-direction: column;gap: 14px;padding: 18px;box-sizing: border-box;height: 100%;min-height: 0}.ph-dc-studio>.ph-dc-preview{flex: 1;min-height: 0}.ph-dc-studio__header{flex-shrink: 0;display: flex;align-items: center;gap: 16px;flex-wrap: wrap;min-height: 72px;padding: 12px 16px;border: 1px solid var(--ph-ink-200);border-radius: 8px;background: white;box-sizing: border-box}.ph-dc-studio__identity{display: flex;flex-direction: column;gap: 3px;min-width: 0}.ph-dc-studio__name-row,.ph-dc-studio__subline{display: flex;align-items: center;gap: 8px;min-width: 0}.ph-dc-studio__name-row>span:last-child:not(:first-child){font-size: 10px;color: var(--ph-blue-700);padding: 1px 6px;border-radius: 4px;background: var(--ph-blue-50)}.ph-dc-studio__reset{margin-left: auto;border: 0;background: transparent;color: var(--ph-ink-500);font: inherit;font-size: 12px;padding: 8px 12px;cursor: pointer}.ph-dc-studio__back{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;height: 28px;padding: 0 10px;border: 0;border-right: 1px solid var(--ph-ink-200);border-radius: 0;background: transparent;font-size: 12px;line-height: normal;color: var(--ph-ink-500);text-decoration: none;white-space: nowrap}.ph-dc-studio__back:hover{background: #f5f9ff;border-color: var(--ph-blue-500);color: var(--ph-blue-500)}.ph-dc-studio__title{font-size: 16px;font-weight: 600;color: var(--ph-ink-900);line-height: normal}.ph-dc-studio__code-pill{font-family: var(--font-mono);font-size: 11px;line-height: normal;color: var(--ph-ink-400);background: transparent;padding: 0;white-space: nowrap}.ph-dc-studio__size-pill{font-family: var(--font-mono);font-size: 11px;line-height: normal;color: var(--ph-ink-500);background: transparent;padding: 0;white-space: nowrap}.ph-dc-studio__category{font-size: 12px;color: var(--ph-ink-500);line-height: normal}.ph-dc-studio__binding{font-size: 12px;line-height: normal;color: var(--ph-ink-500)}.ph-dc-studio__binding-name{color: var(--ph-ink-900);font-weight: 600}.ph-dc-studio__binding-code{font-family: var(--font-mono);font-size: 10.5px;color: var(--ph-ink-400)}.ph-dc-studio__edit-link{margin-left: auto;font-size: 12px;line-height: normal;color: var(--ph-blue-500);text-decoration: none;white-space: nowrap}.ph-dc-studio__edit-link:hover{color: #1a5fc4}.ph-dc-studio__not-found{font-size: 13px;color: var(--ph-ink-500);line-height: normal}@media (max-width: 800px){.ph-dc-studio{height: auto;min-height: 100%}.ph-dc-studio>.ph-dc-preview{flex: none}.ph-dc-preview--studio .ph-dc-preview__row{grid-template-columns: minmax(0,1fr) 280px}}.ph-dc-studio__fallback{flex-shrink: 0;padding: 10px 14px;border: 1px solid var(--ph-amber-400);background: var(--ph-amber-50);color: var(--ph-amber-700);border-radius: 8px;font-size: 12.5px;line-height: 1.5}.ph-dc-preview--tech{background: #fff;border: 1px solid var(--ph-ink-200);border-radius: 8px;overflow: hidden}.ph-dc-tech__head{display: flex;align-items: center;gap: 8px;padding: 10px 12px;border-bottom: 1px solid var(--ph-ink-100)}.ph-dc-tech__title{font-size: 12.5px;font-weight: 700;color: var(--ph-ink-900);line-height: normal}.ph-dc-tech__studio-link{margin-left: auto;font-size: 11px;color: var(--ph-blue-500);text-decoration: none;white-space: nowrap}.ph-dc-tech__studio-link:hover{color: #1a5fc4}.ph-dc-tech__stage{position: relative;margin: 8px 12px 0;height: 240px;border-radius: 8px;overflow: hidden;background: #edf1f6}.ph-dc-tech__stage-el{display: block;width: 100%;height: 100%}.ph-dc-tech__stage--lg{height: 540px}.ph-dc-tech__chip--br{position: absolute;bottom: 8px;right: 8px;z-index: 3}.ph-dc-tech__zoom-btn{display: inline-flex;align-items: center;gap: 4px;background: rgba(255,255,255,0.88);border: 1px solid var(--ph-ink-200);border-radius: 999px;padding: 3px 10px;font-family: inherit;font-size: 10.5px;font-weight: 600;color: var(--ph-ink-700);cursor: pointer;line-height: normal}.ph-dc-tech__quick-row{display: flex;padding: 8px 12px 0}.ph-dc-tech__quick-slider{display: flex;align-items: center;gap: 8px;width: 100%;font-size: 10.5px;font-weight: 600;color: var(--ph-ink-700);line-height: normal}.ph-dc-tech__quick-label{flex: 0 0 auto;color: var(--ph-ink-500);line-height: normal}.ph-dc-tech__quick-range{flex: 1 1 auto;min-width: 0;height: 3px;accent-color: var(--ph-blue-500);cursor: pointer}.ph-dc-tech__quick-pct{flex: 0 0 auto;min-width: 30px;text-align: right;font-family: var(--font-mono);font-variant-numeric: tabular-nums;color: var(--ph-ink-700);line-height: normal}.ph-dc-tech-zoom__quick{display: flex;align-items: center;gap: 10px;padding: 11px 18px;border-top: 1px solid var(--ph-ink-100);font-size: 12px;font-weight: 600;color: var(--ph-ink-700)}.ph-dc-tech-zoom__quick-label{flex: 0 0 auto;color: var(--ph-ink-500)}.ph-dc-tech-zoom__quick-range{flex: 1 1 auto;min-width: 0;height: 4px;accent-color: var(--ph-blue-500);cursor: pointer}.ph-dc-tech-zoom__quick-pct{flex: 0 0 auto;min-width: 38px;text-align: right;font-family: var(--font-mono);font-variant-numeric: tabular-nums;color: var(--ph-ink-900)}.ph-dc-tech__spec{padding: 10px 12px;border-bottom: 1px solid var(--ph-ink-100)}.ph-dc-tech__spec-l1{display: flex;align-items: baseline;gap: 8px}.ph-dc-tech__spec-l1-label{font-size: 10.5px;color: var(--ph-ink-400);line-height: normal}.ph-dc-tech__spec-l1-value{font-family: var(--font-mono);font-size: 13.5px;font-weight: 700;color: var(--ph-ink-900);line-height: normal}.ph-dc-tech__src-badge{margin-left: auto;font-size: 9.5px;font-weight: 600;border-radius: 4px;padding: 1px 5px;line-height: normal}.ph-dc-tech__src-badge--ok{background: #f0faf3;color: var(--ph-success-500)}.ph-dc-tech__src-badge--warn{color: #c87a05}.ph-dc-tech__spec-grid{margin-top: 8px;display: grid;grid-template-columns: 40px 1fr;gap: 4px 8px;font-size: 11.5px;line-height: 1.5}.ph-dc-tech__spec-k{color: var(--ph-ink-400)}.ph-dc-tech__spec-v{color: var(--ph-ink-900)}.ph-dc-tech__spec-row-warn{margin-left: 6px;color: #c87a05}.ph-dc-tech__exports{display: flex;flex-direction: column}.ph-dc-tech__export-row{appearance: none;display: flex;align-items: center;gap: 8px;width: 100%;padding: 7px 12px;border: none;border-bottom: 1px solid #f3f5f8;background: transparent;font-family: inherit;text-align: left;cursor: pointer}.ph-dc-tech__exports .ph-dc-tech__export-row:last-child{border-bottom: none}.ph-dc-tech__export-row:hover{background: #f8fafc}.ph-dc-tech__export-badge{flex-shrink: 0;font-size: 9px;font-weight: 700;color: #b91c1c;background: #fdecec;border-radius: 4px;padding: 1px 5px;line-height: normal}.ph-dc-tech__export-name{font-size: 11.5px;font-weight: 600;color: var(--ph-ink-900);line-height: normal}.ph-dc-tech__export-file{margin-left: auto;font-family: var(--font-mono);font-size: 10px;color: var(--ph-ink-400);line-height: normal;white-space: nowrap}.ph-dc-tech__export-dl{flex-shrink: 0;font-size: 11px;color: var(--ph-blue-500);line-height: normal}.ph-dc-tech__foot{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 7px 12px;border-top: 1px solid var(--ph-ink-100);background: #fbfcfd}.ph-dc-tech__foot-rev{font-family: var(--font-mono);font-size: 9.5px;color: var(--ph-ink-400);line-height: normal}.ph-dc-tech__foot-ok{font-size: 9.5px;font-weight: 600;color: var(--ph-success-500);line-height: normal}.ph-dc-tech__foot-warn{font-size: 9.5px;font-weight: 600;color: #c87a05;line-height: normal}.ph-dc-tech-zoom{position: fixed;inset: 0;z-index: 2000;display: flex;align-items: center;justify-content: center;background: rgba(15,24,38,0.45)}.ph-dc-tech-zoom__panel{width: 760px;max-width: calc(100vw - 32px);background: #fff;border-radius: 10px;overflow: hidden;display: flex;flex-direction: column}.ph-dc-tech-zoom__head{display: flex;align-items: center;gap: 12px;padding: 12px 16px;border-bottom: 1px solid var(--ph-ink-100)}.ph-dc-tech-zoom__title{font-size: 14px;font-weight: 700;color: var(--ph-ink-900);line-height: normal}.ph-dc-tech-zoom__dims{font-family: var(--font-mono);font-size: 12px;color: var(--ph-ink-500);line-height: normal}.ph-dc-tech-zoom__link{margin-left: auto;font-size: 12px;color: var(--ph-blue-500);text-decoration: none;white-space: nowrap}.ph-dc-tech-zoom__link:hover{color: #1a5fc4}.ph-dc-tech-zoom__close{appearance: none;border: none;background: transparent;font-size: 15px;color: var(--ph-ink-500);cursor: pointer;line-height: normal;padding: 2px 4px}.ph-dc-tech-zoom__close:hover{color: var(--ph-ink-900)}.ph-dc-tech-zoom__stage{height: 540px;background: #edf1f6}.ph-dc-tech-zoom__stage-el{display: block;width: 100%;height: 100%}.ph-dc-preview--studio .ph-dc-preview__cup-material>.ph-dc-preview__sect:has(>.ph-dc-preview__param-row){display: flex;flex-direction: column;min-width: 0}.ph-dc-preview__cup-material .ph-dc-preview__sect-head{flex-wrap: wrap}.ph-dc-preview__cup-material .ph-dc-preview__pct{max-width: 100%}.ph-dc-preview__cup-paper-select{box-sizing: border-box;width: 100%;min-width: 0;padding: 8px;background: var(--ph-ink-50);border: 1px solid var(--ph-ink-200);border-radius: 5px;color: var(--ph-ink-900);font: inherit;font-size: 12px}.ph-dc-preview__cup-material .ph-dc-preview__seg-btn{min-width: 0;height: auto;min-height: 26px;padding: 5px 4px;font-size: 11px;white-space: nowrap}.ph-dc-preview__paperpick{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.ph-dc-preview__paperpick-btn{display: flex;align-items: center;gap: 7px;min-width: 0;height: 34px;padding: 0 9px;border: 1px solid var(--ph-ink-100);border-radius: 6px;background: #fff;font: inherit;font-size: 12.5px;color: var(--ph-ink-900);cursor: pointer;white-space: nowrap}.ph-dc-preview__paperpick-btn:hover{background: #f6f8fa}.ph-dc-preview__paperpick-btn--on{background: #eaf2fe;border-color: var(--ph-blue-500);color: #1857b8;font-weight: 600}.ph-dc-preview__paperpick-dot{flex: none;width: 14px;height: 14px;border-radius: 50%;border: 1px solid rgba(15,24,38,0.18)}.ph-dc-preview--showcase{display: flex;flex-direction: column;gap: 12px}.ph-dc-showcase__badge{position: absolute;left: 12px;top: 12px;z-index: 3;pointer-events: none;font-size: 11px;line-height: normal;color: var(--ph-ink-600);background: rgba(255,255,255,0.88);border: 1px solid var(--ph-ink-200);border-radius: 999px;padding: 4px 12px}.ph-dc-showcase__hint{font-size: 11.5px;line-height: normal;color: var(--ph-ink-500)}.ph-dc-showcase__quick-row{display: flex;align-items: center}.ph-dc-showcase__sect{display: flex;flex-direction: column;gap: 10px;padding-top: 12px;border-top: 1px solid var(--ph-ink-100)}.ph-dc-showcase__sect-title{font-size: 12px;font-weight: 700;line-height: normal;color: var(--ph-ink-900)}.ph-dc-showcase__sect-sub{font-size: 11.5px;line-height: normal;color: var(--ph-ink-500)}.ph-dc-showcase__color-row{display: flex;align-items: center;gap: 10px}.ph-dc-showcase__color-label{flex: none;width: 64px;font-size: 12px;color: var(--ph-ink-900)}.ph-dc-showcase__color-value{display: inline-block;min-width: 0;margin-left: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--font-mono);font-size: 11px;color: var(--ph-ink-400)}.ph-dc-showcase__slot{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.ph-dc-showcase__slot-size{display: inline-block;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: var(--font-mono);font-size: 11px;color: var(--ph-ink-400)}.ph-dc-showcase__blank{flex: none;margin-left: auto;height: 28px;padding: 0 10px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: #fff;font: inherit;font-size: 12px;color: var(--ph-blue-500);cursor: pointer;white-space: nowrap}.ph-dc-showcase__blank:hover{border-color: var(--ph-blue-500);background: #f4f8ff}.ph-dc-showcase__foot{font-size: 11px;line-height: normal;color: var(--ph-ink-400)}.ph-dc-fpick{display: flex;flex-direction: column;gap: 14px;padding: 18px;box-sizing: border-box}.ph-dc-fpick__chips{display: flex;flex-wrap: wrap;gap: 8px}.ph-dc-fpick__grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 12px}.ph-dc-fpick__card{display: flex;align-items: center;gap: 12px;min-width: 0;padding: 14px 16px;border: 1px solid var(--ph-ink-200);border-radius: 10px;background: #fff;color: inherit;text-decoration: none}.ph-dc-fpick__card:hover{border-color: var(--ph-blue-500);background: var(--ph-blue-50)}.ph-dc-fpick__cover{display: flex;align-items: center;justify-content: center;flex: 0 0 80px;width: 80px;height: 60px;overflow: hidden;border-radius: 8px;background: var(--ph-ink-50);color: var(--ph-ink-500);font-size: 10px;text-align: center}.ph-dc-fpick__cover img{display: block;width: 100%;height: 100%;object-fit: cover}.ph-dc-fpick__cover button{border: 0;background: transparent;color: var(--ph-danger-500);cursor: pointer;font: inherit}.ph-dc-fpick__text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-dc-fpick__name{display: block;font-size: 13px;font-weight: 600;color: var(--ph-ink-900);line-height: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-dc-fpick__category{display: block;font-size: 11.5px;color: var(--ph-ink-500);line-height: normal}.ph-dc-preview__inspector-panes>[role="tabpanel"][hidden]{display: none !important}.ph-dc-preview--studio .ph-dc-preview__inspector-title{padding: 15px 16px 13px}.ph-dc-preview--studio .ph-dc-preview__inspector-title>div>span:first-child{font-size: 14px}.ph-dc-preview--studio .ph-dc-preview__inspector-title>div>span:last-child{font-size: 11px}.ph-dc-preview--studio .ph-dc-preview__inspector-tabs{margin-top: 0}.ph-dc-preview--studio .ph-dc-preview__inspector-tab--active{font-weight: 500}.ph-dc-preview--studio .ph-dc-preview__inspector-panes{padding: 0;scrollbar-color: var(--ph-ink-300) transparent}.ph-dc-preview--studio .ph-dc-preview__focus-context{display: flex;align-items: center;justify-content: space-between;margin: 0 16px 4px;padding: 8px 10px}.ph-dc-preview--studio .ph-dc-preview__focus-context>span:first-child{font-size: 10px}.ph-dc-preview--studio .ph-dc-preview__focus-context>span:nth-child(2){margin: 0;font-size: 12px}.ph-dc-preview--studio .ph-dc-preview__focus-context>span:last-child{display: none}.ph-dc-preview--studio .ph-dc-preview__inspector-panes>.ph-dc-preview__inspector-group{padding: 15px 16px;gap: 12px}.ph-dc-preview--studio .ph-dc-preview__inspector-heading{font-size: 12.5px;font-weight: 600}.ph-dc-preview--studio .ph-dc-preview__inspector-heading .ph-dc-preview__link-btn{margin-left: auto;font-size: 11px;font-weight: 400}.ph-dc-preview--studio .ph-dc-preview__inspector-footnote{padding: 14px 16px}.ph-dc-preview--studio .ph-dc-preview__inspector-nav{padding: 12px 16px;border-color: var(--ph-ink-200)}.ph-dc-preview--studio .ph-dc-preview__param-label{font-size: 11.5px;color: var(--ph-ink-600)}.ph-dc-preview__param-key{display: none}.ph-dc-preview--studio .ph-dc-preview__param-key{display: inline;font-family: var(--font-mono);font-size: 9px;color: var(--ph-ink-400)}.ph-dc-preview--studio .ph-dc-preview__number-wrap{height: 35px;background: var(--ph-ink-50)}.ph-dc-preview--studio .ph-dc-preview__number-wrap input.ph-dc-preview__param-number{font-size: 13px;font-weight: 400;outline: none}.ph-dc-preview--studio .ph-dc-preview__number-wrap:focus-within{border-color: var(--ph-blue-500);box-shadow: 0 0 0 2px var(--ph-blue-50)}.ph-dc-preview--studio .ph-dc-preview__number-wrap:has([aria-invalid="true"]){border-color: #dc2626}.ph-dc-preview--studio .ph-dc-preview__param-limits{font-size: 9px}.ph-dc-preview--studio .ph-dc-preview__dimension-fields{border: 0;padding-top: 0}.ph-dc-preview--studio .ph-dc-preview__field-title{font-size: 11.5px;font-weight: 400;color: var(--ph-ink-600)}.ph-dc-preview--studio .ph-dc-preview__sect-title{font-size: 12px;font-weight: 500;color: var(--ph-ink-900);letter-spacing: 0}.ph-dc-preview--studio .ph-dc-preview__seg{padding: 3px;gap: 3px;border: 0;border-radius: 5px;background: var(--ph-ink-50)}.ph-dc-preview--studio .ph-dc-preview__seg-btn{padding: 5px 4px;font-size: 11px;font-weight: 400;border: 0;border-radius: 3px}.ph-dc-preview--studio .ph-dc-preview__seg-btn--on{background: white;color: var(--ph-blue-500);box-shadow: 0 1px 3px #0f182612}.ph-dc-preview--studio .ph-dc-preview__option-row{font-size: 12px}.ph-dc-preview--studio .ph-dc-preview__swatch-group{gap: 7px}.ph-dc-preview--studio .ph-dc-preview__swatch{width: 24px;height: 24px}.ph-dc-preview--studio .ph-dc-preview__inspector-tab:focus-visible,.ph-dc-preview--studio .ph-dc-preview__seg-btn:focus-visible,.ph-dc-preview--studio .ph-dc-preview__swatch:focus-visible{outline: 2px solid var(--ph-blue-500);outline-offset: 2px}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__print-margins{border: 0;padding-top: 0;gap: 8px}.ph-dc-preview__margin-fields{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.ph-dc-preview__margin-field{display: flex;flex-direction: column;min-width: 0;gap: 6px}.ph-dc-preview__margin-field>span{font-size: 11.5px;color: var(--ph-ink-600)}.ph-dc-preview--studio .ph-dc-preview__controls--pet [data-ph-studio-group="material"] .ph-dc-preview__sect{padding: 0;border: 0;gap: 10px}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__material-tiles{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));padding: 0;gap: 7px;background: transparent}.ph-dc-preview--studio .ph-dc-preview__material-tile{display: flex;flex-direction: column;align-items: center;height: auto;gap: 6px;padding: 9px 4px;border: 1px solid var(--ph-ink-200);border-radius: 6px;background: var(--ph-ink-50);box-shadow: none}.ph-dc-preview--studio .ph-dc-preview__material-tile.ph-dc-preview__seg-btn--on{border-color: var(--ph-blue-500);background: var(--ph-blue-50)}.ph-dc-preview__material-tile[data-ph-tint="custom"]{grid-column: 1 / -1}.ph-dc-preview__texture-sample{display: block;height: 27px;width: 33px;border-radius: 4px;border: 1px solid #c6d3df}.ph-dc-preview__texture-sample--clear{background: linear-gradient(135deg,#fff,#d8e5eb88)}.ph-dc-preview__texture-sample--frost{background: #e1e9ed}.ph-dc-preview__texture-sample--black{background: #343841}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__slider-row{display: grid;grid-template-columns: 1fr auto;gap: 8px;margin: 8px 0;padding: 0;background: transparent;border: 0}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__slider-label{font-size: 11.5px;color: var(--ph-ink-600)}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__pct{grid-column: 2;grid-row: 1;font-size: 11.5px}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__option-slider{grid-column: 1 / -1;max-width: none;margin: 0}.ph-dc-preview__range-ends{grid-column: 1 / -1;display: flex;justify-content: space-between;color: var(--ph-ink-400);font-size: 10px}.ph-dc-preview__pet-calculation{display: flex;justify-content: space-between;gap: 8px;padding: 8px;border-radius: 5px;background: var(--ph-ink-50);font-size: 10.5px;color: var(--ph-ink-500)}.ph-dc-preview__pet-calculation>span:last-child{color: var(--ph-ink-600);font-size: 11px}.ph-dc-preview--studio .ph-dc-preview__controls--pet .ph-dc-preview__studio-calculation{display: none}.ph-dc-preview__drink-color-wrap{display: flex;width: 22px;height: 22px;overflow: hidden;border: 1px dashed var(--ph-ink-400);border-radius: 50%}.ph-dc-preview__drink-color-input{width: 100%;height: 100%;padding: 0;border: 0;transform: scale(1.5);cursor: pointer}@media (min-width: 1700px){.ph-dc-preview--studio .ph-dc-preview__inspector-title{padding: 18px 20px}.ph-dc-preview--studio .ph-dc-preview__inspector-panes>.ph-dc-preview__inspector-group{padding: 18px 20px}.ph-dc-preview--studio .ph-dc-preview__number-wrap{height: 38px}}@media (max-width: 800px){.ph-dc-preview--studio .ph-dc-preview__inspector-panes>.ph-dc-preview__inspector-group{padding: 18px}.ph-dc-preview--studio .ph-dc-preview__number-wrap{height: 38px}.ph-dc-preview--studio .ph-dc-preview__number-wrap input.ph-dc-preview__param-number{font-size: 14px}}