/* Kozystreet Live Engraving Preview v1.0.5
   Scoped only to the preview injected after the existing personalization field. */
.kslep-wrap{
    box-sizing:border-box;
    width:100%;
    margin:18px 0 4px;
    padding:18px;
    border:1px solid rgba(126,82,53,.20);
    border-radius:18px;
    background:linear-gradient(180deg,#fbf7f1 0%,#f7f1e9 100%);
    box-shadow:0 10px 28px rgba(47,31,21,.07);
    color:#2b211c;
}
.kslep-wrap *{box-sizing:border-box}
.kslep-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.kslep-heading{margin:0!important;font-family:Georgia,"Times New Roman",serif!important;font-size:22px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:0!important;color:#2d211b!important}
.kslep-counter{flex:0 0 auto;font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#8b7768;background:rgba(255,255,255,.72);border:1px solid rgba(126,82,53,.16);padding:6px 9px;border-radius:999px}
.kslep-counter--near{color:#8c5d37}.kslep-counter--full{color:#8a342c;border-color:rgba(138,52,44,.28)}
.kslep-stage{display:flex;justify-content:center;align-items:center;padding:4px 0 12px}
.kslep-plate{
    position:relative;
    width:min(100%,320px);
    aspect-ratio:1/1;
    border-radius:50%;
    padding:26px;
    background:
        radial-gradient(circle at 32% 24%,rgba(255,255,255,.95),rgba(255,255,255,.18) 24%,transparent 40%),
        repeating-linear-gradient(12deg,rgba(255,255,255,.065) 0 1px,rgba(0,0,0,.02) 1px 3px),
        radial-gradient(circle at 50% 48%,#e6e3de 0%,#c8c5bf 49%,#a6a39d 70%,#d7d4cd 83%,#817d77 100%);
    border:2px solid #78736d;
    box-shadow:
        inset 0 0 0 5px #d9d6d0,
        inset 0 0 0 7px #8f8a83,
        inset 0 0 28px rgba(0,0,0,.16),
        0 14px 34px rgba(33,24,18,.18);
    overflow:hidden;
}
.kslep-plate:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(72,68,64,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);pointer-events:none}
.kslep-ring{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(80,76,71,.34);
    background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),rgba(255,255,255,0) 58%);
}
/* A wider, centered engraving zone. JS balances the actual line composition inside it. */
.kslep-safe-area{
    width:82%;
    height:72%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin:auto;
}
.kslep-preview-text{
    width:100%;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:var(--kslep-line-gap,13px);
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
    font-size:26px!important;
    line-height:1.08!important;
    font-weight:400!important;
    letter-spacing:0!important;
    color:#2c2926!important;
    text-shadow:0 1px 0 rgba(255,255,255,.58),0 -1px 0 rgba(40,36,33,.12);
    transform:translateY(-1px);
}
.kslep-preview-line{display:block;max-width:100%;white-space:nowrap;line-height:1.08!important;}
.kslep-preview-text--empty{opacity:.47}
.kslep-screw{position:absolute;z-index:3;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0efed 0%,#aca9a4 34%,#57534f 66%,#24211f 100%);box-shadow:0 1px 2px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.35)}
.kslep-screw:before{content:"";position:absolute;left:4px;right:4px;top:8px;height:2px;background:#3d3936;transform:rotate(-20deg);border-radius:2px}
.kslep-screw--tl{left:12%;top:15%}.kslep-screw--tr{right:12%;top:15%}.kslep-screw--bl{left:12%;bottom:15%}.kslep-screw--br{right:12%;bottom:15%}
.kslep-symbols{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.kslep-symbols-label{font:600 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#796556;margin-right:2px}
.kslep-symbol-button{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:34px!important;min-width:38px!important;min-height:34px!important;padding:0!important;margin:0!important;border:1px solid rgba(126,82,53,.28)!important;border-radius:999px!important;background:#fff!important;color:#6f482f!important;font:500 19px/1 "Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;box-shadow:none!important;cursor:pointer!important;transition:transform .15s ease,border-color .15s ease,background .15s ease!important}
.kslep-symbol-button:hover,.kslep-symbol-button:focus-visible{background:#f5ece3!important;border-color:#8b5b3b!important;transform:translateY(-1px);outline:none!important}
.kslep-note{margin:0!important;text-align:center!important;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:#88776c!important}
@media (max-width:640px){
    .kslep-wrap{margin-top:14px;padding:15px;border-radius:16px}
    .kslep-heading{font-size:19px!important}
    .kslep-head{margin-bottom:12px}
    .kslep-plate{width:min(100%,280px);padding:23px}
    .kslep-safe-area{width:82%;height:60%}
    .kslep-preview-text{font-size:23px!important;line-height:1.08!important;gap:5px}
    .kslep-screw{width:16px;height:16px}.kslep-screw:before{left:3px;right:3px;top:7px}
    .kslep-symbol-button{width:36px!important;height:32px!important;min-width:36px!important;min-height:32px!important}
}

/* v1.0.3 categorized engraving-safe symbol picker */
.kslep-symbols{
    display:block;
    margin:10px auto 12px;
    max-width:520px;
}
.kslep-symbol-head{
    display:flex;
    align-items:baseline;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 10px;
    margin-bottom:8px;
}
.kslep-symbols-label{margin:0}
.kslep-symbol-hint{
    font:400 10px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    color:#9a887b;
    letter-spacing:.02em;
}
.kslep-symbol-tabs{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:6px;
    overflow:visible;
    padding:2px 2px 7px;
    margin:0 auto 7px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
}
.kslep-symbol-tab{
    appearance:none!important;
    -webkit-appearance:none!important;
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:6px 10px!important;
    margin:0!important;
    border:1px solid rgba(126,82,53,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
    color:#725b4d!important;
    font:500 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.kslep-symbol-tab.is-active{
    background:#6f482f!important;
    color:#fff!important;
    border-color:#6f482f!important;
}
.kslep-symbol-tab:hover,.kslep-symbol-tab:focus-visible{
    border-color:#8b5b3b!important;
    outline:none!important;
}
.kslep-symbol-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(38px,1fr));
    gap:7px;
    max-width:420px;
    margin:0 auto;
}
.kslep-symbol-grid .kslep-symbol-button{
    width:100%!important;
    min-width:0!important;
}
@media (max-width:640px){
    .kslep-symbols{max-width:100%}
    .kslep-symbol-head{margin-bottom:7px}
    .kslep-symbol-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-left:-2px;margin-right:-2px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
    .kslep-symbol-grid{grid-template-columns:repeat(6,1fr);gap:6px;max-width:100%}
    .kslep-symbol-tab{font-size:10px!important;padding:6px 9px!important}
}