.tl-page{padding-top:76px}.tl-eyebrow{color:var(--clay);font-weight:600;font-size:14px;letter-spacing:.02em;margin:0 0 10px}.tl-page h1{font:600 clamp(38px,6vw,60px)/1.04 var(--font-display);letter-spacing:-.015em;margin:0 0 18px}:lang(ja) .tl-page :is(h1,h2,h3),:lang(zh) .tl-page :is(h1,h2,h3),:lang(ko) .tl-page :is(h1,h2,h3){word-break:auto-phrase}.tl-page h2{font:600 clamp(26px,3.2vw,34px)/1.12 var(--font-display);letter-spacing:-.01em}.tl-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:32px 0 40px}.tl-lede{color:var(--ink-2);font-size:19px;line-height:1.5;margin:0 0 20px;max-width:34ch}.tl-points{list-style:none;padding:0;margin:0;display:grid;gap:8px}.tl-points li{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:500}.tl-points li:before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--clay-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.6L12 5.5' fill='none' stroke='%23B0532F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat}.tl-example{position:relative;height:400px;margin:0}.tl-example-before{position:absolute;left:0;top:24px;width:50%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;border:10px solid var(--print);box-shadow:var(--shadow-print);transform:rotate(-4deg)}.tl-example-after{position:absolute;right:-8px;top:60px;width:66%;height:auto;filter:drop-shadow(0 16px 22px rgba(60,40,20,.22));transform:rotate(3deg)}.tl-example-arrow{position:absolute;left:38%;top:4px;width:72px;color:var(--clay);transform:rotate(8deg)}.tl-tool-wrap{scroll-margin-top:90px}.tl-box{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:28px}.tl-drop{border:2px dashed rgba(var(--ink-rgb),.14);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out)}.tl-drop.is-over{border-color:var(--clay);background:var(--print)}.tl-drop-icon{width:46px;height:46px;color:var(--ink-3)}.tl-drop-title{font:600 22px/1.2 var(--font-display);margin:0}.tl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--btn-bg);color:var(--btn-fg);font:600 16px var(--font-sans);text-decoration:none;cursor:pointer;transition:transform .12s var(--ease-out),background-color .16s var(--ease-out)}.tl-btn:hover{background:#000}.tl-btn:active{transform:scale(.97)}.tl-btn--quiet{background:var(--paper-2);color:var(--ink)}.tl-btn--quiet:hover{background:var(--mat)}.tl-link{background:none;border:0;padding:0;font:inherit;color:var(--clay);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tl-btn:focus-visible,.tl-link:focus-visible,.tl-toggle input:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.tl-small{color:var(--ink-3);font-size:14px;margin:0}.tl-error{color:var(--clay);font-weight:600;margin:0;max-width:460px}.tl-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--paper-2);border-top-color:var(--clay);animation:tl-spin .9s linear infinite}@keyframes tl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tl-spinner{animation-duration:3s}}.tl-result{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:stretch}.tl-stage{border-radius:var(--radius-lg);padding:22px;display:flex;align-items:center;justify-content:center;min-height:340px;background-color:var(--mat);background-image:linear-gradient(45deg,#E6E1D7 25%,transparent 25%,transparent 75%,#E6E1D7 75%),linear-gradient(45deg,#E6E1D7 25%,transparent 25%,transparent 75%,#E6E1D7 75%);background-size:22px 22px;background-position:0 0,11px 11px}.tl-canvas{max-width:100%;max-height:480px;height:auto;display:block}.tl-panel{display:flex;flex-direction:column;gap:12px;justify-content:center}.tl-panel-title{font-size:26px!important;margin-bottom:2px}.tl-toggle{display:inline-flex;gap:10px;align-items:center;color:var(--ink-2);cursor:pointer;margin-bottom:4px}.tl-toggle input{width:20px;height:20px;accent-color:var(--clay)}.tl-row{display:flex;flex-wrap:wrap;gap:10px}.tl-row .tl-btn{flex:1 1 160px}.tl-clean{display:grid;gap:10px;padding:20px;border-radius:var(--radius-lg);background:var(--gold-soft);margin-top:6px}.tl-clean h3{font:600 22px/1.2 var(--font-display);margin:0}.tl-clean p{margin:0;color:var(--ink-2);font-size:15.5px}.tl-clean .tl-get{justify-content:flex-start;gap:16px}.tl-clean .tl-get-buttons{justify-content:flex-start}.tl-clean .tl-get-buttons .tl-link{text-align:left}.tl-clean .tl-qr-code{width:116px;height:116px}.tl-clean .store-button{height:50px;font-size:16px;padding:0 22px 0 18px}.tl-gate{max-width:640px;margin:0 auto;text-align:center;padding:16px 0 8px;display:grid;gap:14px;justify-items:center}.tl-gate p{color:var(--ink-2);margin:0}.tl-gate .tl-eyebrow{margin:0;color:var(--clay)}.tl-get{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}.tl-get-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.tl-get-buttons .tl-link{flex-basis:100%;text-align:center;font-size:15px}.tl-get.is-desktop .tl-get-buttons{flex-direction:column;align-items:flex-start}.tl-get.is-desktop .tl-get-buttons .tl-link{text-align:left}.tl-qr{display:grid;gap:8px;justify-items:center;margin:0}.tl-qr-code{width:132px;height:132px;padding:10px;background:#fff;border-radius:14px;box-shadow:var(--shadow-1)}.tl-qr-code svg{width:100%;height:100%;display:block}.tl-qr figcaption{font-size:13px;color:var(--ink-3)}.tl-album{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:72px auto 24px;padding:44px;border-radius:var(--radius-xl);background:var(--paper-2)}.tl-album-copy{display:grid;gap:14px}.tl-album-copy>p:not(.tl-eyebrow){color:var(--ink-2);font-size:17px}.tl-album-copy .tl-eyebrow{margin:0}.tl-album .tl-get,.tl-album .tl-get-buttons{justify-content:flex-start}.tl-album .tl-get-buttons .tl-link{text-align:left}.tl-album-shot{position:relative;height:340px}.tl-print{position:absolute;width:46%;background:var(--print);padding:8px 8px 30px;border-radius:4px;box-shadow:var(--shadow-print)}.tl-print img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:2px}.tl-print figcaption{position:absolute;left:0;right:0;bottom:7px;text-align:center;font:500 15px var(--font-display);color:var(--ink-2)}.tl-print--a{left:0;top:20px;transform:rotate(-5deg)}.tl-print--b{left:28%;top:0;transform:rotate(2deg);z-index:1}.tl-print--c{right:0;top:46px;transform:rotate(6deg)}.tl-text{max-width:760px;margin-top:56px;scroll-margin-top:90px}.tl-text h2{margin-bottom:14px}.tl-steps{padding-left:22px;margin:0}.tl-steps li{margin:8px 0}.tl-faq{margin:0 0 24px}.tl-trademarks{margin:0 0 20px}.tl-guide{margin:0 0 72px}.tl-guide a{color:var(--clay);font-weight:600;text-underline-offset:3px}.tl-faq dt{font-weight:600;margin-top:20px}.tl-faq dd{margin:4px 0 0;color:var(--ink-2)}@media(max-width:860px){.tl-page{padding-top:60px}.tl-hero{grid-template-columns:1fr;gap:12px;padding:0 0 20px}.tl-example{height:230px;max-width:360px;width:100%;margin:0 auto 8px}.tl-example-before{border-width:6px;top:14px}.tl-example-after{top:34px}.tl-example-arrow{width:52px}.tl-points{display:none}.tl-result{grid-template-columns:1fr}.tl-stage{min-height:260px;padding:16px}.tl-box{padding:18px}.tl-panel .tl-btn{width:100%}.tl-row{flex-direction:column}.tl-row .tl-btn{flex:none}.tl-album{grid-template-columns:1fr;padding:28px 22px;gap:28px;margin-top:48px}.tl-album-shot{height:240px;order:-1}}.oy-example{margin:0;display:flex;justify-content:center}.oy-example-card{width:min(100%,380px);aspect-ratio:4 / 5;background:#f6f1e7;border-radius:6px;box-shadow:var(--shadow-print);padding:6.6% 6.6% 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;transform:rotate(2deg);container-type:inline-size}.oy-example-title{font:600 10cqi/1 var(--font-display);color:#2b2622;margin:2.4cqi 0 0;letter-spacing:-.01em;white-space:nowrap}.oy-example-family{font:italic 500 3.9cqi/1 var(--font-display);color:#7a6e62;margin:4.6cqi 0 0;position:relative}:lang(ja) .oy-example-family,:lang(zh) .oy-example-family,:lang(ko) .oy-example-family{font-style:normal}.oy-example-family:before{content:"";position:absolute;left:50%;top:-2.7cqi;width:4cqi;height:.3cqi;margin-left:-2cqi;background:var(--clay)}.oy-example-card img{width:100%;height:auto;aspect-ratio:1;margin-top:auto}.oy-example-mark{font:500 2.4cqi/1 var(--font-sans);color:#7a6e62;margin:0;height:9.6cqi;display:flex;align-items:center}.oy-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:start}.oy-stage{border-radius:var(--radius-lg);background:var(--mat);padding:24px;display:flex;justify-content:center;position:sticky;top:92px;transition:background-color .2s var(--ease-out)}.oy-stage--night{background:#3a332d}.oy-canvas{width:100%;max-width:420px;height:auto;aspect-ratio:4 / 5;display:block;border-radius:4px;box-shadow:0 10px 30px #3c28142e}.oy-panel{justify-content:flex-start;gap:18px}.oy-field{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}.oy-label{font-weight:600;font-size:15px;color:var(--ink);margin:0;padding:0}.oy-input{font:500 17px var(--font-sans);color:var(--ink);background:var(--paper);border:1.5px solid rgba(var(--ink-rgb),.14);border-radius:12px;padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box}.oy-input:focus-visible{outline:3px solid var(--clay);outline-offset:1px;border-color:transparent}.oy-thumbs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.oy-thumb{position:relative;border-radius:10px;overflow:hidden;background:var(--mat);aspect-ratio:1}.oy-thumb img{width:100%;height:100%;object-fit:cover;display:block}.oy-thumb-n{position:absolute;top:4px;left:4px;min-width:20px;height:20px;border-radius:10px;background:#1c1a17b8;color:#fff;font:600 12px/20px var(--font-sans);text-align:center}.oy-thumb-actions{position:absolute;inset:auto 0 0;display:flex;background:linear-gradient(transparent,#1c1a17a6)}.oy-thumb-actions button{flex:1;min-height:34px;border:0;background:none;color:#fff;font:600 19px/1 var(--font-sans);cursor:pointer;padding:0}.oy-thumb-actions button:disabled{opacity:.3;cursor:default}.oy-thumb-actions button:focus-visible{outline:2px solid #fff;outline-offset:-3px}.oy-add{width:100%;height:100%;aspect-ratio:1;border-radius:10px;border:2px dashed rgba(var(--ink-rgb),.2);background:var(--paper);color:var(--ink-2);font:600 12px/1.2 var(--font-sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:4px}.oy-add span{font-size:24px;line-height:1;color:var(--clay)}.oy-add:hover{border-color:var(--clay)}.oy-add:focus-visible{outline:3px solid var(--clay);outline-offset:2px}.oy-styles{display:flex;flex-wrap:wrap;gap:8px}.oy-style{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 10px;border-radius:999px;background:var(--paper-2);color:var(--ink);font-weight:500;cursor:pointer;border:2px solid transparent}.oy-style.is-on{border-color:var(--ink);background:var(--card)}.oy-style input{position:absolute;opacity:0;pointer-events:none}.oy-style:has(input:focus-visible){outline:3px solid var(--clay);outline-offset:2px}.oy-swatch{width:22px;height:22px;border-radius:50%;border:3px solid;box-sizing:border-box}@media(max-width:860px){.oy-hero .tl-points{display:grid;margin-bottom:8px}.oy-example-card{width:min(62%,250px);margin:4px 0 12px}.oy-editor{grid-template-columns:1fr;gap:20px}.oy-stage{position:static;padding:14px}.oy-canvas{max-width:340px}}.ny-example{margin:0;display:flex;justify-content:center}.ny-example-card{--ny-serif: "Hiragino Mincho ProN", "Yu Mincho", "Songti TC", "Songti SC", "AppleMyungjo", var(--font-display);position:relative;overflow:hidden;width:min(100%,380px);aspect-ratio:1;background:#f7f0e3;color:#2b2622;border-radius:6px;box-shadow:var(--shadow-print);padding:6.4% 7% 5.4%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;transform:rotate(-2deg);container-type:inline-size;text-align:center}.ny-example-greeting{position:relative;font:700 8.6cqi/1.05 var(--ny-serif);margin:0;white-space:nowrap}.ny-example-line{position:relative;font:500 3.3cqi/1.2 var(--ny-serif);color:#9a3b2c;margin:2cqi 0 3.4cqi}.ny-example-card img{position:relative;width:100%;flex:1 1 0;min-height:0;object-fit:cover;object-position:50% 40%;border:.8cqi solid #fff;border-radius:1cqi;box-sizing:border-box;box-shadow:0 1cqi 3cqi #28190a2e}.ny-example-family{position:relative;font:600 3.6cqi/1 var(--ny-serif);margin:3.6cqi 0 0}.ny-example-mark{position:relative;font:500 2.2cqi/1 var(--font-sans);color:#9a3b2c;margin:2.6cqi 0 0}.ny-example-card--sun:before{content:"";position:absolute;right:6%;top:5%;width:15cqi;height:15cqi;border-radius:50%;background:#c8372d}.ny-example-card--sun:after{content:"";position:absolute;inset:2.2cqi;border:.3cqi solid #C9A04D;pointer-events:none}.ny-example-card--goat{background:#f1eee7;color:#2f3b4c}.ny-example-card--goat .ny-example-line,.ny-example-card--goat .ny-example-mark{color:#6b7480}.ny-example-card--fireworks{background:#18213a;color:#fff}.ny-example-card--fireworks:before,.ny-example-card--fireworks:after{content:"";position:absolute;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 30%,#000 32% 70%,transparent 72%);mask:radial-gradient(circle,transparent 30%,#000 32% 70%,transparent 72%)}.ny-example-card--fireworks:before{left:2%;top:2%;width:20cqi;height:20cqi;background:repeating-conic-gradient(#E9C46A 0 3deg,transparent 3deg 24deg)}.ny-example-card--fireworks:after{right:3%;top:5%;width:16cqi;height:16cqi;background:repeating-conic-gradient(#F28FAD 0 3deg,transparent 3deg 30deg)}.ny-example-card--fireworks :is(.ny-example-greeting,.ny-example-line,.ny-example-family,.ny-example-mark){font-family:var(--font-sans)}.ny-example-card--fireworks .ny-example-greeting{font-weight:800}.ny-example-card--fireworks :is(.ny-example-line,.ny-example-mark){color:#c9cfdd}.ny-example-card--fireworks img{border:0}.ny-canvas{aspect-ratio:1}.ny-size-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:3px;box-sizing:border-box}.ny-size-icon--postcard{width:13px;height:19px}.ny-size-hint{flex-basis:100%}.ny-album{grid-template-columns:1fr;gap:20px;justify-items:start;padding:32px 40px;margin-top:40px}.ny-album-line{font:600 clamp(21px,2.4vw,26px)/1.3 var(--font-display);margin:0;color:var(--ink);max-width:46ch}@media(max-width:860px){.ny-hero .tl-points{display:grid;margin-bottom:8px}.ny-example-card{width:min(70%,280px);margin:4px 0 12px}.ny-album{padding:24px 22px;gap:16px;margin-top:32px}}
