body{margin:0;padding:0;line-height:1.7}
[hidden]{display:none!important}
.site-header{display:block;align-items:initial;gap:0}
.site-header a{text-decoration:none}
main.wrap{box-sizing:border-box;max-width:1120px;padding:18px 18px 42px}
.app-hero{padding:25px 28px;border:1px solid #ead6eb;border-radius:23px;background:linear-gradient(115deg,#fff8f7,#f6efff);color:#4d4055}
.app-hero h1{font-size:clamp(27px,5vw,42px);line-height:1.4}
.app-hero p{color:#675a70;font-size:clamp(13px,2vw,17px)}
.related-jump{display:block;width:max-content;max-width:100%;padding:10px 16px;border:1px solid #ddc5e8;border-radius:12px;background:#fff;color:#885a99;font-size:13px;font-weight:700;text-decoration:none}
.related-jump:hover{background:#f8effb}
@media(min-width:820px){.stage{top:88px}}
.use-card,.related-apps,.visitor-panel{width:100%;max-width:760px;margin:0 auto;padding:21px 23px;border:1px solid #e8d8e9;border-radius:20px;background:#fff;color:#4d4055}
.use-card h2,.related-apps h2{margin:0 0 8px;font-family:var(--display);font-size:19px;font-weight:400}
.use-card p{margin:0 0 12px;font-size:14px}
.use-card a,.app-link{color:#89549d;font-weight:700;text-underline-offset:3px}
.related-apps{background:#fff7fb;scroll-margin-top:90px}
.related-apps>p{margin:0 0 12px;color:#75677d;font-size:13px}
.related-table{width:100%;border-collapse:separate;border-spacing:0 8px;text-align:left}
.related-table thead th{padding:0 10px;color:#75677d;font-size:11px}
.related-table tbody th,.related-table tbody td{padding:10px;background:#fff;border-block:1px solid #e9dce9;vertical-align:middle}
.related-table tbody th{border-left:1px solid #e9dce9;border-radius:12px 0 0 12px}
.related-table tbody td{border-right:1px solid #e9dce9;border-radius:0 12px 12px 0;text-align:right}
.app-info{display:flex;align-items:center;gap:10px;color:#4d4055;font-size:14px;text-decoration:none}
.app-info img{display:block;width:52px;height:52px;flex:none;border:1px solid #e9dce9;border-radius:10px;object-fit:cover}
.app-info small{display:block;color:#75677d;font-size:11px;font-weight:400}
.app-info:hover{text-decoration:underline;text-underline-offset:3px}
.app-link{display:inline-block;padding:7px 10px;border:1px solid #d9b8e4;border-radius:8px;background:#fff;white-space:nowrap;font-size:12px;text-decoration:none}
.app-link:hover{background:#f7eafb}
.store-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.stamp-promo{width:100%;max-width:760px;margin:0 auto}
.visitor-panel{padding:11px 18px;text-align:center;background:#fff9f0}
.visitor-panel>p{margin:0;color:#885a99;font-size:15px;font-weight:700;line-height:1.4}
.canvasbox.transparent-preview,.ov img.transparent-image{background-color:#fff;background-image:conic-gradient(#e9e7ec 25%,#fff 0 50%,#e9e7ec 0 75%,#fff 0);background-size:20px 20px}
.site-footer{max-width:1080px;margin:0 auto 30px;padding:24px 18px;border-top:1px solid #e8d8e9;color:#75677d;font-size:13px}
.site-footer p{margin:0 0 8px}
.site-footer a{color:#89549d}
.share-dialog{z-index:1100;overflow-y:auto;background:rgba(34,24,40,.78)}
.share-card{box-sizing:border-box;width:min(100%,500px);max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;justify-items:stretch;gap:10px;padding:20px;border-radius:20px;background:#fff;color:#4d4055;box-shadow:0 18px 50px rgba(30,15,35,.25)}
.share-card h2{margin:0;text-align:center;font-family:var(--display);font-size:clamp(18px,4vw,23px);font-weight:400}
.share-card img{display:block;width:min(100%,220px);max-height:min(26dvh,220px);aspect-ratio:1;object-fit:contain;justify-self:center;border:1px solid #ead6eb;border-radius:12px}
.share-card .share-note,.share-card .share-status{margin:0;color:#75677d;font-size:12px;font-weight:500;text-align:center}
.share-card label{font-size:12px;font-weight:700}
.share-card textarea{min-height:58px;background:#fff;color:#4d4055;font:inherit;font-size:13px;line-height:1.5;resize:vertical}
.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.share-actions .btn,.share-card .share-close{min-width:0;padding:10px 8px;border-color:#e8d8e9;font-size:13px}
.share-card .btn.primary{background:#ff5f8f;border-color:#ff5f8f;color:#fff}
.share-card .share-close{justify-self:center;padding-inline:24px}
.custom-color-trigger{display:grid;place-items:center;width:40px;height:34px;padding:0;border:2px solid #b9a4c5;border-radius:8px;color:#3f3545;font-size:21px;font-weight:700;line-height:1;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff}
.tchip .custom-color-trigger{flex:none;width:36px;height:32px;font-size:18px}
.color-dialog{z-index:1100;background:rgba(34,24,40,.78)}
.color-card{box-sizing:border-box;width:min(100%,440px);max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;gap:10px;padding:20px;border-radius:20px;background:#fff;color:#4d4055;box-shadow:0 18px 50px rgba(30,15,35,.25)}
.color-card h2{margin:0;text-align:center;font-family:var(--display);font-size:clamp(18px,4vw,22px);font-weight:400}
.color-card p{margin:0;color:#75677d;text-align:center;font-size:12px;font-weight:500}
.color-square{--picker-hue:0;position:relative;height:190px;border:2px solid #bcaac6;border-radius:12px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--picker-hue) 100% 50%));cursor:crosshair;touch-action:none}
.color-square:focus-visible{outline:3px solid #885a99;outline-offset:3px}
.color-cursor{position:absolute;width:20px;height:20px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #44394a,0 2px 6px #44394a80;pointer-events:none;transform:translate(-50%,-50%)}
.color-hue{width:100%;height:24px;margin:0;appearance:none;border:2px solid #bcaac6;border-radius:99px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);cursor:pointer}
.color-hue::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #66516f}
.color-hue::-moz-range-thumb{width:21px;height:21px;border:3px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #66516f}
.color-picked{display:flex;align-items:center;gap:10px}
.color-picked span:first-child{flex:none;width:38px;height:38px;border:1px solid #bcaac6;border-radius:9px}
.color-picked span:nth-child(2){flex:1;font:700 13px var(--body);color:#4d4055}
.color-picked .btn{flex:none;padding:9px 13px;border-color:#d9c9dc;font-size:13px}
.custom-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:5px 0}
.custom-swatch{width:min(100%,52px);aspect-ratio:1;justify-self:center;border:1.5px solid #c9bbc9;border-radius:12px}
.custom-swatch[aria-pressed=true]{outline:3px solid #885a99;outline-offset:2px}
.color-card label{margin-top:5px;font-size:12px;font-weight:700}
.color-card .color-close{flex:none;padding:9px 15px;border-color:#d9c9dc;font-size:13px}
.color-card .color-close{justify-self:center;padding-inline:24px}
@media(max-width:1080px){body{padding-top:72px}.site-header{position:fixed;inset:0 0 auto;z-index:1000}.site-header .menu-btn{display:block}}
@media(max-width:600px){main.wrap{padding:12px 12px 32px;gap:16px}.app-hero{padding:19px 16px}.use-card,.related-apps,.visitor-panel{padding:17px 14px}.related-table tbody th,.related-table tbody td{padding:8px 6px}.app-info{gap:7px;font-size:12px}.app-info img{width:42px;height:42px}.app-info small{font-size:10px}.app-link{padding:5px 6px;font-size:10px}}
@media(max-width:600px){.visitor-panel{padding:10px 14px}}
@media(max-width:380px){.custom-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.related-table tbody td{width:99px}.store-links{flex-direction:column;align-items:stretch}.store-links .app-link{text-align:center;white-space:normal;line-height:1.3}}
.information-page{background:#fff8f5;color:#4d4055;font-family:'Zen Maru Gothic',sans-serif}
.info-wrap{box-sizing:border-box;width:min(850px,calc(100% - 28px));margin:20px auto 60px}
.info-head{display:block;padding:25px 28px;border:1px solid #ead6eb;border-radius:22px;background:linear-gradient(115deg,#fff1f5,#f6efff)}
.info-head .eyebrow{margin:0;color:#a05ba0;font-size:11px;font-weight:700;letter-spacing:.2em}
.info-head h1{margin:4px 0;font-family:'Dela Gothic One',sans-serif;font-size:clamp(26px,5vw,39px);font-weight:400}
.info-head p:last-child{margin:0}
.info-card{margin-top:18px;padding:26px 30px;border:1px solid #ead6eb;border-radius:20px;background:#fff;line-height:1.85}
.info-card h2{margin:25px 0 7px;color:#8a5598;font-size:20px}
.info-card h2:first-child{margin-top:0}
.info-card p{margin:0 0 12px}
.info-card ul{margin:5px 0 16px;padding-left:1.4em}
.info-card li{margin-bottom:8px}
.info-card .info-note{padding:10px 13px;border-radius:10px;background:#fff2ee;font-size:13px}
.info-card .credit{margin-top:25px;color:#75677d}
.info-card a,.info-back a{color:#87549b;text-underline-offset:3px}
.info-back{margin:22px 0;text-align:center}
.info-back a{display:inline-block;padding:11px 18px;border:1px solid #d8b6e4;border-radius:12px;background:#fff;font-weight:700;text-decoration:none}
@media(max-width:600px){.info-head{padding:19px 16px}.info-card{padding:18px 17px;font-size:14px}.info-card h2{font-size:18px}}