.ph-label-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.ph-label-preview{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:white;box-shadow:0 0 0 1px #d6d6d6,0 8px 30px #00000012;overflow:hidden}.ph-label-preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.ph-label-preview canvas:active{cursor:grabbing}.ph-label-safe-guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #777;border-radius:50%;pointer-events:none;box-sizing:border-box}.ph-label-size{text-align:center;font-weight:750;margin:12px 0 4px}.ph-label-guide-caption{font-size:12px;text-align:center;color:#666}.ph-label-controls>label{display:block;font-size:14px;font-weight:650;margin-bottom:16px}.ph-label-controls input[type=range]{display:block;width:100%;accent-color:#c3262b;margin-top:12px;min-height:30px}.ph-label-controls output{float:right;color:#777;font-weight:400}.ph-label-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.ph-label-presets button{background:#f5f5f5;border:1px solid #ddd;border-radius:7px;padding:9px 12px;color:#333;cursor:pointer;font-size:13px}.ph-label-controls p{font-size:13px;line-height:1.6;color:#666}.ph-label-controls .ph-label-quality.has-error{color:#a51d23}.ph-label-controls .ph-label-approval{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.5}.ph-label-approval input{flex:none;width:19px;height:19px;accent-color:#c3262b}.ph-label-summary-preview{width:52px;height:52px;border-radius:50%;border:1px solid #ddd;object-fit:contain}.ph-label-summary-preview[hidden]{display:none}.ph-label-cart-preview{display:flex;align-items:center;gap:10px;color:inherit;font-size:12px}.ph-label-cart-preview img{width:58px;height:58px;border-radius:50%;border:1px solid #ddd;object-fit:contain}.ph-label-cart-preview span{min-width:0}.ph-label-modal .ph-artwork-upload-area{margin-top:24px}.ph-label-modal .ph-artwork-modal-message:empty{display:none}@media(max-width:600px){.ph-label-editor{grid-template-columns:minmax(0,1fr);gap:12px}.ph-label-preview{max-width:310px;margin:auto}.ph-label-controls{margin-top:8px}.ph-label-controls input{font-size:16px}}

.ph-label-edge-callout{position:relative;margin:24px 0 0;text-align:center;font-size:12px;font-weight:650;line-height:1.5;color:#454545;pointer-events:none}.ph-label-edge-callout:before{content:"";position:absolute;left:50%;top:-22px;height:17px;border-left:1px solid #777}.ph-label-edge-callout:after{content:"";position:absolute;left:calc(50% - 2px);top:-24px;width:4px;height:4px;border-radius:50%;background:#777}.ph-label-guide-caption{line-height:1.6}

.ph-label-modal [hidden]{display:none!important}
.ph-label-mode{border:1px solid #e3e6eb;border-radius:12px;padding:16px;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:12px 24px}
.ph-label-mode legend{font-size:15px;font-weight:700;padding:0 6px}
.ph-label-mode label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.ph-label-mode input,.ph-label-prepared input{accent-color:#c3262c}
.ph-label-prepared h3{font-size:22px;margin:0 0 10px}
.ph-label-prepared p{font-size:14px;line-height:1.6;color:#525b67}
.ph-label-file-roles{display:grid;gap:12px;margin:20px 0}
.ph-label-file-roles label{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);align-items:center;gap:12px;background:#f7f8fa;padding:12px;border:1px solid #e3e6eb;border-radius:8px}
.ph-label-file-roles span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ph-label-file-roles select{min-width:0;width:100%;font-size:16px;padding:10px;border:1px solid #d0d5dd;border-radius:6px;background:#fff}
.ph-label-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.ph-label-view-tabs button,.ph-label-preview-retry{padding:10px 14px;border:1px solid #d5d9df;border-radius:8px;background:#fff;color:#222;font-size:14px;cursor:pointer}
.ph-label-view-tabs button[aria-pressed=true]{border-color:#c3262c;background:#fff2f3;color:#a31d24}
.ph-label-view-tabs button:disabled{opacity:.45;cursor:default}
.ph-label-prepared canvas{display:block;width:100%;max-width:540px;height:auto;margin:0 auto;border:1px solid #e1e5ea;border-radius:8px}
.ph-label-prepared .ph-label-approval{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;margin:18px 0}
.ph-label-prepared .ph-label-approval input{flex:none;margin-top:4px}
.ph-label-prepared-size{font-weight:700;color:#202632!important}
@media(max-width:600px){.ph-label-file-roles label{grid-template-columns:minmax(0,1fr)}.ph-label-mode{flex-direction:column}.ph-label-view-tabs button{flex:1;font-size:12px;padding:10px 8px}}