.engraving-zone-editor{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
.zone-editor-layout{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.engraving-stage{position:relative;width:100%;max-width:440px;margin:0 auto;background:#fff;border-radius:6px;overflow:hidden;isolation:isolate;line-height:0}
.engraving-stage>img,.engraving-designer .preview-product{position:static!important;display:block;width:100%;height:auto;max-height:none;object-fit:fill;margin:0;opacity:1}
.zone-placeholder{aspect-ratio:1;display:grid;place-items:center;background:#eef2f0;font-size:14px;line-height:1.5;color:var(--muted)}
.engraving-zone{position:absolute;outline:1px dashed #087c70;background:#087c700a;touch-action:none;line-height:1.2}
[data-zone-box]{cursor:move;outline:2px dashed #087c70;background:#087c7020}
[data-zone-box]>span{position:absolute;top:8px;left:8px;background:#fff;padding:4px;color:#075b50;font-size:11px;pointer-events:none}
.zone-resize{position:absolute;right:0;bottom:0;border:1px solid #087c70;width:30px;height:30px;background:#fff;color:#075b50;border-radius:3px;display:grid;place-items:center;cursor:nwse-resize;padding:4px;touch-action:none}
.zone-settings{display:grid;gap:14px}.zone-settings .grid-2{gap:14px}.zone-settings p{font-size:12px;margin:0}
.engraving-designer{display:grid;gap:16px;margin-top:20px}.engraving-designer .engraving-stage{max-width:440px}
.engraving-layer{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#202726;cursor:move;touch-action:none;min-height:0;min-width:0;max-width:none;transform-origin:center;box-shadow:none}
.engraving-layer.selected{outline:1px dashed #087c70;background:#ffffff0a}.engraving-layer:hover{background:#087c7010;box-shadow:none}
.engraving-layer>img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
[data-design-text]{display:block;max-width:100%;line-height:1.05;text-align:center;overflow-wrap:anywhere;pointer-events:none;user-select:none;color:#1d2421}
[data-design-pdf]{font:700 14px/1.2 Arial,sans-serif;background:#fff;color:#38443e;padding:8px;border:1px solid #cbd7d0}
.layer-resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;background:#fff;border:2px solid #087c70;border-radius:2px;cursor:nwse-resize}.engraving-layer:not(.selected) .layer-resize{display:none}
.design-caption{position:absolute;bottom:8px;left:8px;font-size:11px;line-height:1.4;background:#fffffff0;padding:5px 7px;color:#53655c;border-radius:3px;pointer-events:none}
.engraving-zone-size{margin:0;font-size:12px!important;color:var(--muted)}
.design-layer-tabs{display:flex;border-bottom:1px solid var(--border);gap:4px}.design-layer-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:44px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.design-layer-tabs button[aria-pressed=true]{border-bottom-color:var(--primary);color:var(--primary-600);background:var(--primary-50)}
.design-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-dimensions small{font-size:11px;min-height:16px;color:var(--muted);font-weight:400}.design-dimensions input{padding:8px!important}.design-tools{display:flex;gap:10px}.engraving-designer label{font-size:12px}.engraving-designer>label:has([type=range]){grid-template-columns:1fr auto}.engraving-designer input[type=range]{grid-column:1/-1;margin:0}.engraving-designer output{font-size:13px;color:var(--muted)}.engraving-designer>.muted{font-size:12px;margin:0}
.material-preview h2{color:var(--text)}.material-preview p{color:var(--muted)}.material-preview .btn-outline{color:var(--primary-600);border-color:#bccfc7;background:#fff}.material-preview .btn-outline:hover{background:var(--primary-50);color:var(--primary-600)}
.site-footer p{color:var(--muted)}
.customer-order-list-item{padding:24px 0;border-bottom:1px solid var(--border)}
@media(max-width:900px){.main-nav[data-open=true]{display:flex}}
@media(max-width:700px){.zone-editor-layout{grid-template-columns:1fr}.design-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.engraving-designer .engraving-stage{max-width:380px}.zone-settings .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}