[x-cloak]{display:none!important}#ycl-app{font-family:system-ui,sans-serif;max-width:1100px;margin:2rem auto}.ycl-toolbar{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;padding:1rem;background:#f7f7f7;border-radius:8px;margin-bottom:1.5rem}.ycl-toolbar button{padding:.5rem 1rem;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:14px}.ycl-toolbar button:disabled{opacity:.55;cursor:not-allowed}.ycl-toolbar .ycl-btn--primary{background:#0e9095;color:#fff;border-color:#0e9095;padding:.6rem 1.2rem;font-weight:600}.ycl-toolbar .ycl-btn--primary:hover:not(:disabled){background:#076f73;border-color:#076f73}.ycl-toolbar .ycl-link{background:transparent;border:1px dashed #999;color:#555}.ycl-toolbar .ycl-link:hover{color:#111;border-color:#111}.ycl-sheet{background:#fff;padding:5% 4%;margin:0 auto 1rem;box-shadow:0 0 0 1px #ddd;width:100%;max-width:210mm;box-sizing:border-box}.ycl-sheet--a4{max-width:210mm}.ycl-sheet--letter{max-width:215.9mm}.ycl-sheet__title{text-align:center;font-size:11px;color:#6b7280;margin-bottom:.5rem}.ycl-sheet__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%}.ycl-slot{aspect-ratio:54 / 85.6;background:#fafafa;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ycl-slot--cut{outline:.25pt solid #999}.ycl-slot img{width:100%;height:100%;object-fit:cover}.ycl-slot__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer}.ycl-empty{text-align:center;color:#6b7280;padding:2.5rem 1rem;max-width:46ch;margin:0 auto;line-height:1.6}@media(max-width:700px){.ycl-toolbar{gap:.5rem .75rem}.ycl-toolbar button{min-height:44px}}.ycl-editor{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;margin-bottom:1rem}.ycl-editor__title{margin:0 0 .6rem;font-size:1.05rem}.ycl-editor label{display:block;margin:.5rem 0;font-size:13px}.ycl-editor input[type=text],.ycl-editor select{width:100%;padding:.4rem;box-sizing:border-box}.ycl-editor input[type=color]{width:60px;height:30px;vertical-align:middle}.ycl-slot{cursor:pointer}.ycl-slot--selected{outline:2px solid #0e9095!important;outline-offset:2px}.ycl-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.ycl-modal__content{background:#fff;padding:1.5rem;border-radius:12px;max-width:700px;max-height:80vh;overflow:auto}.ycl-modal__content h3{margin-top:0}.ycl-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin:1rem 0}.ycl-template{border:1px solid #ddd;border-radius:8px;padding:.5rem;background:#fff;cursor:pointer;text-align:center;font-size:12px}.ycl-template:hover{border-color:#0e9095}.ycl-template img{width:100%;height:auto;display:block;margin-bottom:.5rem}.ycl-slot{cursor:grab}.ycl-slot:active{cursor:grabbing}.ycl-slot__dup{position:absolute;top:4px;left:4px;width:20px;height:20px;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;font-size:12px;line-height:1}.ycl-disclaimer{text-align:center;font-size:11px;color:#6b7280;margin-top:2rem;padding:0 1rem}.ycl-toolbar button:focus-visible,.ycl-slot:focus-visible,.ycl-slot__remove:focus-visible,.ycl-slot__dup:focus-visible,.ycl-slot__btn:focus-visible,.ycl-template:focus-visible,.ycl-faq summary:focus-visible{outline:2px solid #076f73;outline-offset:2px}.ycl-slot:hover{outline:1px solid #c9d6ea}.ycl-slot__move{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;gap:4px}.ycl-slot__btn{width:26px;height:26px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.ycl-slot__btn:hover{background:#000000c7}.ycl-slot__remove,.ycl-slot__dup{width:24px;height:24px;box-shadow:0 0 0 1px #ffffff80}@media(pointer:coarse){.ycl-slot__btn{width:36px;height:36px;font-size:20px}.ycl-slot__remove,.ycl-slot__dup{width:32px;height:32px;font-size:14px}.ycl-editor input[type=color]{height:44px}}.ycl-print-tip{max-width:720px;margin:0 auto 1rem;padding:.6rem .95rem;background:#fff8e1;border:1px solid #f0d574;border-radius:8px;color:#5d4500;font-size:.88rem;text-align:center}.ycl-print-tip strong{color:#3d2d00}.ycl-error{max-width:720px;margin:0 auto 1rem;padding:.7rem .95rem;background:#ffe9e6;border:1px solid #f5a99c;border-radius:8px;color:#7a1c0a;font-size:.92rem;display:flex;align-items:center;gap:.6rem}.ycl-error button{margin-left:auto;background:transparent;border:0;color:#7a1c0a;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.ycl-confirm{display:inline-flex;gap:.4rem;align-items:center;font-size:13px;color:#7a1c0a}.ycl-confirm__yes{background:#c1392c;color:#fff;border-color:#c1392c}.ycl-confirm__yes:hover:not(:disabled){background:#a02a1f;border-color:#a02a1f}.ycl-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ycl-empty-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;margin:0 auto;max-width:480px;border:2px dashed #9dd8da;border-radius:12px;background:#f4fbfb;color:#0a4f52;text-align:center}.ycl-empty-cta__big{font-size:1.15rem;font-weight:600}.ycl-empty-cta__sub{color:#4b6b6c;font-size:.9rem}.ycl-empty-cta__plus{width:44px;height:44px;border-radius:50%;background:#0e9095;color:#fff;font-size:28px;line-height:44px;margin-bottom:.3rem}.ycl-save-warning{max-width:720px;margin:1rem auto 0;padding:.75rem 1rem;border-radius:8px;background:#fff6e5;border:1px solid #f3d28a;color:#6b4e00;font-size:.9rem;text-align:center}.ycl-nudge{max-width:720px;margin:1.25rem auto 0;padding:1.1rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#eef4ff,#f6f8fb);border:1px solid #d6e2fb;text-align:center}.ycl-nudge p{margin:.3rem 0}.ycl-nudge a{color:#076f73;font-weight:600;text-decoration:none}.ycl-nudge a:hover{text-decoration:underline}.ycl-page{--ycl-accent: #0e9095;--ycl-accent-dark: #076f73;--ycl-ink: #1a1a2e;--ycl-muted: #5b6472;--ycl-line: #e6e8ec;--ycl-surface: #f6f8fb;max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3.5rem;color:var(--ycl-ink);line-height:1.65}.ycl-hero{text-align:center;padding:2.25rem 1rem 1.75rem}.ycl-hero h1{font-size:clamp(2rem,1.2rem + 3.4vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .8rem}.ycl-hero p{font-size:clamp(1.02rem,.96rem + .5vw,1.2rem);color:var(--ycl-muted);max-width:46ch;margin:0 auto}.ycl-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:980px;margin:3rem auto 0}.ycl-step{padding:1.2rem 1.35rem;background:var(--ycl-surface);border:1px solid var(--ycl-line);border-top:3px solid var(--ycl-accent);border-radius:12px}.ycl-step h2{font-size:1.05rem;margin:0 0 .3rem;letter-spacing:-.01em}.ycl-step p{margin:0;color:var(--ycl-muted);font-size:.95rem}.ycl-faqs{max-width:720px;margin:3.25rem auto 0}.ycl-faqs__title{text-align:center;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.85rem);letter-spacing:-.01em;margin:0 0 1.25rem}.ycl-faq{border:1px solid var(--ycl-line);border-radius:10px;background:#fff;margin-bottom:.6rem;overflow:hidden}.ycl-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.2rem;font-weight:600;font-size:.98rem}.ycl-faq summary::-webkit-details-marker{display:none}.ycl-faq summary:after{content:"+";font-size:1.45rem;font-weight:400;line-height:1;color:var(--ycl-accent);transition:transform .2s ease}.ycl-faq[open] summary:after{transform:rotate(45deg)}.ycl-faq summary:hover{color:var(--ycl-accent)}.ycl-faq p{margin:0;padding:0 1.2rem 1.1rem;color:var(--ycl-muted);font-size:.95rem}.ycl-callout{max-width:720px;margin:3rem auto 0;padding:1.75rem 1.5rem;text-align:center;background:linear-gradient(135deg,#eef4ff,#f6f8fb);border:1px solid #d6e2fb;border-radius:14px}.ycl-callout p{margin:0 0 1rem;font-size:1.08rem;font-weight:500}.ycl-callout a{display:inline-block;padding:.72rem 1.5rem;background:var(--ycl-accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .15s ease,transform .15s ease}.ycl-callout a:hover{background:var(--ycl-accent-dark);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.ycl-faq summary:after,.ycl-callout a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/yoto-card-labels.css.map */