.style-preview{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px}.style-preview__canvas{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e8e8e8;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.style-preview__canvas--white{background-color:#fff;background-image:none}.style-preview__canvas--black{background-color:#1a1a1a;background-image:none}.style-preview__text{display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap;user-select:none;transform-origin:center}.style-preview__text--layers{position:relative;display:inline-block}.style-preview__layer{position:absolute;top:0;left:0;white-space:nowrap}.style-preview__layer--fill{position:relative}.style-card{display:block;width:100%;background:#fff;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;cursor:pointer;text-align:left;padding:0;font-family:inherit;transition:box-shadow .3s ease,transform .3s ease}.style-card:hover{box-shadow:0 4px 24px #00000014;transform:translateY(-2px)}.style-card:focus-visible{outline:2px solid #1a5cad;outline-offset:2px}.style-card__preview-wrap{position:relative}.style-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .25s ease;border-radius:4px 4px 0 0}.style-card:hover .style-card__overlay{opacity:1}.style-card__overlay-text{font-size:.82rem;font-weight:600;color:#fff;letter-spacing:.06em;padding:.5rem 1.2rem;border:1px solid rgba(255,255,255,.6);border-radius:4px}.style-card__info{padding:1rem 1.25rem 1.25rem}.style-card__name{font-size:.9rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;letter-spacing:.02em}.style-card__tags{display:flex;flex-wrap:wrap;gap:.35rem}.style-card__tag{font-size:.68rem;color:#888;background:#f5f5f5;padding:.15rem .5rem;border-radius:3px;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.style-card,.style-card__overlay{transition:none}}.style-detail__overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:detail-overlay-in .2s ease}@keyframes detail-overlay-in{0%{opacity:0}to{opacity:1}}.style-detail__modal{background:#fff;border-radius:10px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;animation:detail-modal-in .25s ease}@keyframes detail-modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.style-detail__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #eee}.style-detail__title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0;letter-spacing:.02em}.style-detail__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#999;cursor:pointer;border-radius:4px;padding:0;transition:color .15s ease}.style-detail__close:hover{color:#333}.style-detail__preview{padding:1.5rem}.style-detail__settings{padding:0 1.5rem 1.5rem}.style-detail__settings-title{font-size:.72rem;font-weight:600;color:#999;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.style-detail__group{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #e8e8e8}.style-detail__group:last-child{border-bottom:none;padding-bottom:0}.style-detail__group-title{font-size:.78rem;font-weight:600;color:#555;margin:0 0 .4rem}.style-detail__row{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;font-size:.82rem}.style-detail__row-label{color:#888;min-width:92px;flex-shrink:0}.style-detail__row-value{color:#1a1a1a;font-weight:500;font-variant-numeric:tabular-nums;flex:1;display:flex;align-items:center;gap:.4rem}.style-detail__color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.style-detail__copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e5e5;background:#fafafa;color:#aaa;cursor:pointer;border-radius:4px;padding:0;flex-shrink:0;transition:color .15s ease,border-color .15s ease}.style-detail__copy-btn:hover{color:#333;border-color:#ccc}.style-detail__recommended-fonts{padding:.35rem 0;font-size:.82rem}.style-detail__recommended-fonts-list{list-style:none;margin:0;padding:0}.style-detail__recommended-font{padding:0}.style-detail__recommended-font+.style-detail__recommended-font{margin-top:.3rem}.style-detail__recommended-font-name{font-size:.8rem;font-weight:500;color:#1a1a1a}.style-detail__recommended-font-name a{color:#1a5cad;text-decoration:underline;text-underline-offset:2px}.style-detail__recommended-font-source{font-size:.72rem;color:#999;margin-left:.5rem}.style-detail__recommended-font-note{font-size:.78rem;color:#888;margin:.2rem 0 0;line-height:1.5}.style-detail__preview-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.style-detail__bg-switcher{display:flex;gap:.35rem}.style-detail__bg-btn{width:20px;height:20px;border-radius:4px;border:1.5px solid #d0d0d0;cursor:pointer;padding:0;transition:border-color .15s ease,box-shadow .15s ease}.style-detail__bg-btn:hover{border-color:#999}.style-detail__bg-btn--active{border-color:#1a1a1a;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1a1a1a}.style-detail__bg-btn--grid{background-color:#e8e8e8;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.style-detail__bg-btn--white{background:#fff}.style-detail__bg-btn--black{background:#1a1a1a}.style-detail__filename-hint-value{font-size:.72rem;font-family:inherit;color:#aaa}@media(max-width:767px){.style-detail__overlay{padding:.75rem}.style-detail__modal{max-height:92vh}}@media(prefers-reduced-motion:reduce){.style-detail__overlay,.style-detail__modal{animation:none}.style-detail__close,.style-detail__copy-btn,.style-detail__bg-btn{transition:none}}.pts-app{max-width:1080px;margin:0 auto;padding:0 2rem 4rem}.pts-filters{padding:2rem 0 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;border-bottom:1px solid #e8e8e8;margin-bottom:3rem}.pts-filters__group{display:flex;justify-content:center}.pts-filters__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.pts-chip{font-family:inherit;font-size:.75rem;font-weight:500;color:#888;background:#f5f5f5;border:1px solid transparent;border-radius:4px;padding:.25rem .65rem;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.pts-chip:hover{color:#555;background:#ececec}.pts-chip--active{color:#1a1a1a;background:#fff;border-color:#1a1a1a}.pts-filters__font-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.pts-font-cat{display:inline-flex;align-items:center;gap:.4rem;font-family:inherit;font-size:.8rem;font-weight:500;color:#999;background:transparent;border:1.5px solid #d0d0d0;border-radius:100px;padding:.3rem .85rem .3rem .55rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.pts-font-cat:hover{color:#555;border-color:#aaa}.pts-font-cat--active{color:#1a1a1a;border-color:#1a1a1a;background:#f5f5f5}.pts-font-cat__icon{font-size:1rem;line-height:1;font-weight:700}.pts-font-cat__icon--gothic{font-family:Noto Sans JP,sans-serif}.pts-font-cat__icon--mincho{font-family:"Noto Serif JP",serif}.pts-font-cat__icon--maru{font-family:"M PLUS Rounded 1c",sans-serif}.pts-font-cat__icon--design{font-family:Dela Gothic One,sans-serif}.pts-filters__colors{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.pts-color-dot{width:24px;height:24px;border-radius:50%;border:2px solid #e0e0e0;background-color:var(--dot-color);cursor:pointer;padding:0;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pts-color-dot:hover{transform:scale(1.15);border-color:#bbb}.pts-color-dot--active{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1a1a;transform:scale(1.15)}.pts-gallery__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pts-gallery__count{font-size:.75rem;color:#aaa;margin:0;letter-spacing:.04em}.pts-bg-switcher{display:flex;gap:.35rem}.pts-bg-btn{width:20px;height:20px;border-radius:4px;border:1.5px solid #d0d0d0;cursor:pointer;padding:0;transition:border-color .15s ease,box-shadow .15s ease}.pts-bg-btn:hover{border-color:#999}.pts-bg-btn--active{border-color:#1a1a1a;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1a1a1a}.pts-bg-btn--grid{background-color:#e8e8e8;background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.pts-bg-btn--white{background:#fff}.pts-bg-btn--black{background:#1a1a1a}.pts-gallery__grid{display:grid;grid-template-columns:1fr;gap:2rem}.pts-gallery__empty{text-align:center;color:#aaa;font-size:.9rem;padding:4rem 0}@media(min-width:640px){.pts-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pts-gallery__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.pts-app{padding:0 1.25rem 3rem}.pts-filters{padding:1.5rem 0 2rem;margin-bottom:2rem}}@media(prefers-reduced-motion:reduce){.pts-chip,.pts-color-dot,.pts-font-cat,.pts-bg-btn{transition:none}}.pts-page[data-astro-cid-26ucesez]{background-color:#fafafa;color:#1a1a1a}.pts-hero[data-astro-cid-26ucesez]{max-width:1080px;margin:0 auto;padding:2.5rem 2rem 2rem;text-align:center}.pts-hero__inner[data-astro-cid-26ucesez]{animation:hero-reveal .8s ease both}@keyframes hero-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pts-hero__eyebrow[data-astro-cid-26ucesez]{font-family:Cormorant Garamond,Georgia,serif;font-size:.8rem;font-weight:300;font-style:italic;color:#aaa;letter-spacing:.2em;margin:0 0 .75rem;animation:hero-reveal .8s ease .1s both}.pts-hero__title[data-astro-cid-26ucesez]{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;color:#1a1a1a;margin:0;line-height:1;letter-spacing:-.01em;font-size:2rem;animation:hero-reveal .8s ease .15s both}.pts-hero__rule[data-astro-cid-26ucesez]{width:40px;height:1px;background-color:#ccc;margin:1.25rem auto;animation:hero-rule-reveal .6s ease .5s both}@keyframes hero-rule-reveal{0%{opacity:0;width:0}to{opacity:1;width:40px}}.pts-hero__lead[data-astro-cid-26ucesez]{font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:400;color:#999;letter-spacing:.12em;margin:0;animation:hero-reveal .8s ease .55s both}.pts-hero__about-link[data-astro-cid-26ucesez]{margin:.75rem 0 0;animation:hero-reveal .8s ease .65s both}.pts-hero__about-link[data-astro-cid-26ucesez] a[data-astro-cid-26ucesez]{font-size:.625rem;color:#aaa;text-decoration:none;letter-spacing:.05em;transition:color .2s ease}.pts-hero__about-link[data-astro-cid-26ucesez] a[data-astro-cid-26ucesez]:hover{color:#666}@media(min-width:768px){.pts-hero[data-astro-cid-26ucesez]{padding:3rem 2rem 2.5rem}.pts-hero__title[data-astro-cid-26ucesez]{font-size:2.8rem}.pts-hero__rule[data-astro-cid-26ucesez]{margin:1.5rem auto}}@media(min-width:1024px){.pts-hero__title[data-astro-cid-26ucesez]{font-size:3.5rem}}@media(max-width:767px){.pts-hero[data-astro-cid-26ucesez]{padding:2rem 1.25rem 1.5rem}.pts-hero__eyebrow[data-astro-cid-26ucesez]{font-size:.75rem;margin-bottom:.5rem}.pts-hero__title[data-astro-cid-26ucesez]{font-size:1.6rem}.pts-hero__rule[data-astro-cid-26ucesez]{margin:1rem auto}}@media(prefers-reduced-motion:reduce){.pts-hero__inner[data-astro-cid-26ucesez],.pts-hero__eyebrow[data-astro-cid-26ucesez],.pts-hero__title[data-astro-cid-26ucesez],.pts-hero__lead[data-astro-cid-26ucesez],.pts-hero__rule[data-astro-cid-26ucesez],.pts-hero__about-link[data-astro-cid-26ucesez]{animation:none}}