@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root,canvas{width:100vw;height:100vh;margin:0;padding:0}body{background:#f0f0f0}.engraveinput{-webkit-backdrop-filter:blur(5px);z-index:100;text-align:center;background:#ffffff4d;border:1px solid #ffffff4d;border-radius:16px;width:20vw;height:6rem;padding:1vh 2vw;font-size:2rem;position:absolute;top:32vh;left:5vw;box-shadow:0 4px 30px #0000001a}.engraveinput :active{border:none}.control-panel{z-index:100;height:100%;margin:auto;position:absolute;top:auto;bottom:auto}.control-content{flex-direction:column;justify-content:center;height:auto;min-height:80%;display:flex}.panel-line{background-color:#fafafab7;min-height:5rem;margin:5px 0}.text-size,.offsets-reset{flex-direction:column;justify-content:space-around;align-items:center;height:100%;display:flex}.offsets{flex-direction:row;justify-content:center;display:flex}.reset-remove{align-items:center;display:flex}.loading-screen{z-index:1000;opacity:1;background:#111;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{flex-direction:column;align-items:center;gap:14px;width:min(280px,60vw);display:flex}.loading-bar-track{background:#ffffff26;border-radius:999px;width:100%;height:3px;overflow:hidden}.loading-bar-fill{background:#ffffffd9;border-radius:999px;height:100%;transition:width 80ms linear}.loading-label{letter-spacing:.12em;color:#ffffff80;text-transform:uppercase;font-family:Cormorant,Georgia,serif;font-size:13px;font-weight:400}.font-dropdown{flex:1;min-width:0;position:relative}.fd-trigger{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;text-align:left;border-radius:0;align-items:center;gap:6px;width:100%;min-width:0;padding:5px 8px;font-family:Hanken Grotesk,system-ui,sans-serif;transition:border-color .15s,background .15s;display:flex}.fd-trigger:hover{border-color:var(--ink-3);background:var(--field)}.fd-trigger-label{color:var(--ink);white-space:nowrap;flex-shrink:0;font-size:.85em}.fd-trigger-preview{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.05em;overflow:hidden}.fd-arrow{color:var(--ink-3);flex-shrink:0;align-items:center;display:flex}.fd-menu{background:var(--surface);border:1px solid var(--line-2);border-radius:0;max-height:220px;font-family:Hanken Grotesk,system-ui,sans-serif;overflow-y:auto;box-shadow:0 8px 24px #0000001a,0 1px 4px #0000000a}.fd-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;transition:background .15s;display:flex}.fd-option:hover,.fd-option.selected{background:var(--field)}.fd-option-label{color:var(--ink);white-space:nowrap;flex:1;font-size:.85em}.fd-option-preview{color:var(--ink-3);white-space:nowrap;font-size:1.05em}.fs-spinner{border:1.5px solid var(--line-2);border-top-color:var(--ink-2);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite fs-spin;display:inline-block}@keyframes fs-spin{to{transform:rotate(360deg)}}.em-root,.em-edit-fab{--bg:#e9e8e5;--surface:#fff;--surface-2:#f6f5f3;--field:#f2f1ee;--ink:#1b1a18;--ink-2:#6b6964;--ink-3:#9c9a94;--line:#e7e5e1;--line-2:#d8d6d1;--accent:#1b1a18;--ring:#1b1a181f}.em-edit-fab{bottom:max(28px, env(safe-area-inset-bottom));z-index:110;background:var(--accent);color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:999px;padding:26px 22px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:1em;font-weight:600;transition:opacity .15s,transform .15s;position:fixed;right:20px;box-shadow:0 4px 20px #4b4a4a9d,0 1px 4px #0000001f}.em-edit-fab:active{opacity:.82;transform:scale(.97)}.em-root{z-index:200;height:100dvh;color:var(--ink);-webkit-user-select:none;user-select:none;opacity:0;background:0 0;flex-direction:column;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px;transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .22s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.em-root.em-open{opacity:1;transform:translateY(0)}.em-header{padding:12px 14px;padding-top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--line);background:#ffffffc7;flex-shrink:0;align-items:center;gap:10px;display:flex}.em-title{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:600}.em-face-pill{background:#f2f1eed9;border-radius:999px;flex:1;gap:2px;max-width:180px;margin:0 auto;padding:3px;display:flex}.em-face-btn{letter-spacing:.1em;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,color .15s}.em-face-btn.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0000001f}.em-btn-close{border:1px solid var(--line-2);cursor:pointer;width:36px;height:36px;color:var(--ink-2);background:#f2f1eed9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.em-btn-close:active{background:var(--line-2);color:var(--ink)}.em-canvas-wrapper{background:var(--surface-2);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:center;align-items:flex-start;padding:12px 12px 10px;display:flex}.em-canvas{touch-action:none;border-radius:10px;width:180px;height:180px;display:block}.em-list{-webkit-overflow-scrolling:touch;background:var(--surface);flex:1;min-height:0;padding:10px 12px;display:block;overflow-y:auto}.em-empty{color:var(--ink-3);padding:8px 0;font-size:.92em;font-style:italic}.em-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-bottom:4px;transition:border-color .15s;overflow:hidden}.em-card.selected{border-color:var(--accent);outline:3px solid var(--ring);outline-offset:0}.em-card-header{cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:10px;display:flex}.em-grip-handle{width:28px;height:40px;color:var(--ink-3);touch-action:none;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;display:flex}.em-grip-handle:active{cursor:grabbing}.em-drag-indicator{background:var(--accent);border-radius:1px;height:2px;margin:2px 0}.em-card-icon{background:var(--field);width:28px;height:28px;color:var(--ink-2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7em;font-weight:700;display:flex}.em-card-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95em;overflow:hidden}.em-card-label em{color:var(--ink-3);font-style:italic}.em-inline-edit{border:1px solid var(--line-2);background:var(--field);min-width:0;color:var(--ink);border-radius:4px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:.95em}.em-inline-edit:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.em-card-actions{flex-shrink:0;gap:0;display:flex}.em-btn-icon{cursor:pointer;width:40px;height:40px;color:var(--ink-3);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.em-btn-icon:active,.em-btn-icon.active{background:var(--field);color:var(--ink)}.em-btn-del:active{color:#b91c1c;background:#fff0f0}.em-card-props{background:var(--surface-2);opacity:0;flex-direction:column;gap:10px;max-height:0;padding:0 12px;transition:max-height .22s,opacity .18s,padding .18s;display:flex;overflow:hidden}.em-card-props.open{border-top:1px solid var(--line);opacity:1;max-height:640px;padding:12px}.em-prop-row{align-items:center;gap:10px;display:flex}.em-prop-label{color:var(--ink-3);letter-spacing:.02em;flex-shrink:0;width:56px;font-size:.75em;font-weight:500}.em-font-row{flex:1;gap:6px;min-width:0;display:flex}.em-btn-upload-font{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--ink-2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.em-btn-upload-font:active{background:var(--field)}.em-weight-buttons{flex-wrap:wrap;flex:1;gap:4px;display:flex}.em-weight-btn{background:var(--surface);border:1px solid var(--line-2);cursor:pointer;width:36px;height:32px;color:var(--ink-2);border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:15px;display:flex}.em-weight-btn.active{background:var(--field);border-color:var(--accent);color:var(--ink)}.em-slider-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.em-slider{appearance:none;background:var(--line-2);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:0;height:4px}.em-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border-radius:50%}.em-slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border-radius:50%}.em-num-value{color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:40px;font-size:.77em}.em-img-thumb{width:18px;height:18px;image-rendering:pixelated;display:block}.em-add-row{flex-shrink:0;gap:8px;margin-top:4px;display:flex}.em-btn-add{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:12px;font-family:inherit;font-size:.88em;font-weight:500;transition:background .15s}.em-btn-add:active{background:var(--field);color:var(--ink)}.em-footer{border-top:1px solid var(--line);background:var(--surface);padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-shrink:0}.em-btn-apply{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;width:100%;padding:15px;font-family:inherit;font-size:1em;font-weight:600;transition:opacity .15s}.em-btn-apply:active:not(:disabled){opacity:.82}.em-btn-apply.loading,.em-btn-apply:disabled{opacity:.4;cursor:default}:root{--bg:#e9e8e5;--surface:#fff;--surface-2:#f6f5f3;--field:#f2f1ee;--ink:#1b1a18;--ink-2:#6b6964;--ink-3:#9c9a94;--line:#e7e5e1;--line-2:#d8d6d1;--accent:#1b1a18;--ring:#1b1a181f}.engraving-panel{z-index:100;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:13px;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000014,0 1px 4px #0000000a}.ep-props-panel{z-index:100;background:var(--surface);border:1px solid var(--line-2);color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:0;flex-direction:column;gap:10px;min-width:220px;padding:12px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:13px;display:flex;position:fixed;box-shadow:0 8px 32px #00000014,0 1px 4px #0000000a}.ep-titlebar{border-bottom:1px solid var(--line);cursor:grab;justify-content:space-between;align-items:center;padding:11px 12px 11px 14px;display:flex}.ep-titlebar:active{cursor:grabbing}.ep-header-left{align-items:center;gap:8px;display:flex}.ep-title{color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:600}.ep-face-tag{letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;font-size:10px;font-weight:600}.ep-collapse-btn{cursor:pointer;width:28px;height:28px;color:var(--ink-2);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.ep-collapse-btn:hover{background:var(--field);color:var(--ink)}.ep-preview-wrapper{background:var(--surface-2);border-bottom:1px solid var(--line);padding:12px}.ep-preview-canvas{cursor:crosshair;border-radius:0;width:100%!important;height:auto!important;display:block!important}.ep-btn-export{border:1px solid var(--line-2);width:calc(100% - 24px);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:6px;margin:10px 12px 0;padding:6px 10px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.ep-btn-export:hover{background:var(--field);border-color:var(--ink-3);color:var(--ink)}.ep-section{padding:12px}.ep-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:8px;font-size:10px;font-weight:700}.ep-elements-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.ep-empty{color:var(--ink-3);padding:4px 2px;font-size:.92em;font-style:italic}.ep-element-card{border:1px solid var(--line);background:var(--surface);border-radius:0;transition:border-color .15s;overflow:hidden}.ep-element-card:hover{border-color:var(--line-2)}.ep-element-card.dragging{opacity:.4}.ep-element-card.drag-over{box-shadow:0 -2px 0 0 var(--accent)}.ep-drag-handle{cursor:grab;color:var(--ink-3);flex-shrink:0;align-items:center;padding:0 6px 0 2px;transition:color .15s;display:flex}.ep-drag-handle:hover{color:var(--ink-2)}.ep-drag-handle:active{cursor:grabbing}.ep-element-card.selected{border-color:var(--accent);outline:3px solid var(--ring);outline-offset:0}.ep-element-header{cursor:pointer;align-items:center;gap:8px;padding:7px 8px;display:flex}.ep-element-icon{background:var(--field);width:24px;height:24px;color:var(--ink-2);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:.7em;font-weight:700;display:flex}.ep-element-label{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);flex:1;font-size:.92em;overflow:hidden}.ep-element-label em{color:var(--ink-3);font-style:italic}.ep-inline-edit{border:1px solid var(--line-2);background:var(--field);min-width:0;color:var(--ink);border-radius:0;outline:none;flex:1;padding:3px 7px;font-family:inherit;font-size:.92em;transition:border-color .15s,box-shadow .15s}.ep-inline-edit:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.ep-element-actions{flex-shrink:0;gap:2px;display:flex}.ep-btn-icon{cursor:pointer;width:28px;height:28px;color:var(--ink-3);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.ep-btn-icon:hover,.ep-btn-icon.active{background:var(--field);color:var(--ink)}.ep-btn-icon.active:hover{background:var(--line-2)}.ep-btn-del:hover{color:#b91c1c;background:#fff0f0}.ep-element-props{border-top:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:8px;padding:10px;display:flex}.ep-prop-row{align-items:center;gap:8px;display:flex}.ep-prop-label{color:var(--ink-3);letter-spacing:.02em;flex-shrink:0;width:52px;font-size:.77em;font-weight:500}.ep-font-row{flex:1;gap:6px;min-width:0;display:flex}.ep-btn-upload-font{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--ink-2);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex}.ep-btn-upload-font:hover{border-color:var(--ink-3);background:var(--field);color:var(--ink)}.ep-slider-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ep-slider{appearance:none;background:var(--line-2);cursor:pointer;border-radius:0;outline:none;flex:1;min-width:0;height:4px}.ep-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border-radius:50%;transition:box-shadow .15s}.ep-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--ring)}.ep-slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);width:10px;height:10px;box-shadow:0 0 0 1px var(--accent);cursor:pointer;border-radius:50%}.ep-num-value{color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:36px;font-size:.77em}.ep-weight-buttons{flex-wrap:wrap;gap:4px;display:flex}.ep-weight-btn{background:var(--surface);border:1px solid var(--line-2);cursor:pointer;width:32px;height:28px;color:var(--ink-2);border-radius:0;justify-content:center;align-items:center;padding:0;font-size:14px;transition:background .15s,border-color .15s,color .15s;display:flex}.ep-weight-btn:hover{background:var(--field);border-color:var(--ink-3);color:var(--ink)}.ep-weight-btn.active{background:var(--field);border-color:var(--accent);color:var(--ink)}.ep-img-thumb{width:16px;height:16px;image-rendering:pixelated;display:block}.ep-add-row{gap:6px;display:flex}.ep-add-row .ep-btn-add{flex:1;width:auto}.ep-btn-add{border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--ink-2);cursor:pointer;text-align:center;border-radius:0;padding:8px;font-family:inherit;font-size:.85em;font-weight:500;transition:background .15s,border-color .15s,color .15s}.ep-btn-add:hover{background:var(--field);border-color:var(--ink-3);color:var(--ink)}.ep-footer{border-top:1px solid var(--line);padding:12px}.ep-btn-apply{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:0;width:100%;padding:10px;font-family:inherit;font-size:.92em;font-weight:600;transition:opacity .15s}.ep-btn-apply:hover:not(:disabled){opacity:.82}.ep-btn-apply.loading,.ep-btn-apply:disabled{opacity:.4;cursor:default}.ep-resize-handle{cursor:ew-resize;z-index:10;border-radius:0;width:5px;transition:background .15s;position:absolute;top:0;bottom:0;right:0}.ep-resize-handle:hover,.ep-resize-handle:active{background:var(--ring)}@media (pointer:coarse){.engraving-panel{flex-direction:column;height:100dvh;display:flex;overflow:hidden;width:100%!important;top:0!important;left:0!important}.ep-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ep-preview-wrapper{flex-shrink:0}.ep-section{flex:1;min-height:0;overflow-y:auto}.ep-footer{flex-shrink:0}.ep-resize-handle,.ep-titlebar,.ep-titlebar{cursor:default}}#root{display:block}.canvas-wrapper{width:100%;height:100%;position:relative}.ms-root{-webkit-backdrop-filter:blur(12px);z-index:100;pointer-events:auto;background:#ffffffbd;border-radius:17px;gap:4px;padding:6px;display:flex;position:absolute;box-shadow:0 6px 20px #00000014}.ms-root.ms-mobile{flex-direction:row;top:20px;left:50%;transform:translate(-50%)}.ms-root.ms-desktop{flex-direction:column;gap:10px;padding:14px;top:50%;right:20px;transform:translateY(-50%)}.ms-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:6px 9px;display:flex}.ms-root.ms-desktop .ms-btn{padding:8px 12px}.ms-dot{border-radius:50%;flex-shrink:0;width:27px;height:27px;display:block}.ms-root.ms-desktop .ms-dot{width:40px;height:40px}.ms-label{letter-spacing:.04em;color:#5a554e;font-family:system-ui,sans-serif;font-size:10px}.ms-root.ms-desktop .ms-label{font-size:12px}.face-switch{bottom:max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;pointer-events:auto;background:#0e0e0ef1;border:1px solid #c9a96e59;border-radius:10px;gap:2px;padding:3px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.face-switch-seg{color:#c4c4c480;letter-spacing:.12em;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 10px;font-size:.8em;font-weight:700;transition:background .18s,color .18s}.face-switch-seg.active{color:#c7c7c7;cursor:default;background:#c4c4c438}.face-switch-seg:not(.active):not(:disabled):hover{color:#cacacad9;background:#c5c5c51a}@media (pointer:fine){.face-switch-seg{padding:6px 20px}}.face-switch-seg:disabled{opacity:.5;cursor:default}