@font-face{font-family:Barlow379;src:url(/my-379/BarlowCondensed-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Noto379;src:url(/my-379/NotoSansJP.woff2)format("woff2");font-weight:100 900;font-display:swap}.my379{--paper:#f5f2eb;--ink:#20201e;--red:#c3412d;--line:#d8d4ca;--muted:#65645e;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto379,Hiragino Sans,sans-serif}.my379 *{box-sizing:border-box}.my379{margin:0}.my379 button,.my379 input,.my379 textarea{font:inherit}.my379 button,.my379 a,.my379 label.choice,.my379 label.palette,.my379 .upload{cursor:pointer}.my379 button,.my379 a{color:inherit}.my379 button:focus-visible,.my379 a:focus-visible,.my379 input:focus-visible,.my379 textarea:focus-visible,.my379 summary:focus-visible{outline-offset:4px;outline:3px solid #a63120}.my379 input[type=radio]{accent-color:var(--red)}.my379 [hidden]{display:none!important}.my379 .skip{background:var(--ink);color:#fff;z-index:10;padding:12px;position:absolute;top:0;left:10px;transform:translateY(-120%)}.my379 .skip:focus{transform:none}.my379 .masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1440px;height:83px;margin:auto;padding:0 5%;display:flex}.my379 .wordmark{letter-spacing:.025em;align-items:center;gap:12px;font-family:Barlow379,sans-serif;font-size:22px;display:flex}.my379 .wordmark b{color:var(--red)}.my379 .step-mark{color:var(--red);font-size:30px}.my379 .edition{letter-spacing:.12em;font-family:Barlow379,sans-serif;font-size:14px}.my379 main{max-width:1320px;margin:auto;padding:62px 5% 80px}.my379 .intro{padding-bottom:43px;position:relative}.my379 .eyebrow{color:var(--red);letter-spacing:.13em;margin:0 0 14px;font-family:Barlow379,sans-serif;font-size:16px}.my379 h1{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5.6vw,76px);font-weight:800;line-height:1.1}.my379 h1 span{vertical-align:-.04em;letter-spacing:-.01em;margin:0 .025em;font-family:Barlow379,sans-serif;font-size:1.48em}.my379 .lead{letter-spacing:.02em;margin:0;font-size:24px;font-weight:700;position:absolute;bottom:68px;right:0}.my379 .intro-note{color:var(--muted);margin:0;font-size:13px;position:absolute;bottom:40px;right:0}.my379 .workspace{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 366px;align-items:start;gap:64px;padding-top:29px;display:grid}.my379 .preview-pane{min-width:0;position:sticky;top:25px}.my379 .preview-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.my379 .preview-top h2{letter-spacing:.14em;margin:0;font-family:Barlow379,sans-serif;font-size:15px;font-weight:700}.my379 .preview-top span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.my379 .artboard{background:#e6e1d6;justify-content:center;min-height:300px;padding:24px;display:flex}.my379 canvas{object-fit:contain;filter:drop-shadow(0 10px 16px #24221b14);width:100%;height:auto;max-height:calc(100vh - 190px);display:block}.my379 .preview-note{color:var(--muted);max-width:480px;margin:14px 0 0;font-size:11px;line-height:1.8}.my379 .controls{min-width:0}.my379 fieldset{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0 0 27px;padding:0 0 25px}.my379 legend{margin-bottom:17px;padding:0;font-size:14px;font-weight:700}.my379 legend>span{color:var(--red);margin-right:10px;font-family:Barlow379,sans-serif;font-size:17px}.my379 .choice-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.my379 .choice{display:block;position:relative}.my379 .choice input{opacity:0;width:1px;height:1px;position:absolute}.my379 .choice>span{border:1px solid #c9c4b8;padding:13px 14px;font-size:13px;font-weight:700;transition:background .18s,color .18s;display:block}.my379 .choice small{letter-spacing:.1em;color:var(--muted);margin-top:4px;font:12px Barlow379,sans-serif;display:block}.my379 .choice input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.my379 .choice input:checked+span small{color:#cfcbc2}.my379 .choice input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}.my379 .palette-row{gap:22px;margin-top:17px;display:flex}.my379 .palette>span{align-items:center;gap:7px;font-size:12px;display:inline-flex}.my379 .palette input{vertical-align:middle;width:16px;height:16px;margin-right:7px}.my379 .swatch{border:1px solid #b8b1a5;width:16px;height:16px;display:inline-block}.my379 .swatch.ink{background:var(--ink)}.my379 .swatch.paper{background:#f5f2eb}.my379 .upload{background:#eeebe3;border:1px dashed #9d9688;align-items:center;gap:10px;padding:19px 14px;font-size:13px;display:flex}.my379 .upload>span:last-child{margin-left:auto;font-size:22px}.my379 .upload:hover{border-color:var(--red);background:#e9e4d8}.my379 .upload:has(+input:focus-visible){outline:3px solid var(--red);outline-offset:4px}.my379 .visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.my379 .hint{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.8}.my379 .error{color:#a52c1c;margin:6px 0 0;font-size:12px;line-height:1.7}.my379 .error:empty{display:none}.my379 .crop-controls{margin-top:16px;padding-top:8px}.my379 .crop-controls label{justify-content:space-between;margin:9px 0 0;font-size:11px;display:flex}.my379 input[type=range]{accent-color:var(--red);cursor:pointer;width:100%;height:32px;padding:0}.my379 .crop-controls .text-button{margin-top:7px}.my379 label:not(.choice,.palette,.upload){margin-bottom:8px;font-size:12px;font-weight:500;display:block}.my379 label small{color:var(--muted);margin-left:5px;font-size:10px;font-weight:400}.my379 input[type=text],.my379 textarea{width:100%;color:var(--ink);background:#fbf9f5;border:1px solid #c9c4b8;border-radius:0;min-height:47px;padding:12px;font-size:16px;line-height:1.6;display:block}.my379 input::placeholder{color:#77736a;font-size:12px}.my379 textarea{resize:vertical;min-height:90px}.my379 .field-heading{justify-content:space-between;align-items:baseline;margin-top:19px;display:flex}.my379 .field-heading span{color:var(--muted);font-family:Barlow379,sans-serif;font-size:13px}.my379 .presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.my379 .presets button{background:0 0;border:1px solid #cbc5b9;min-height:34px;padding:7px 9px;font-size:10px}.my379 .presets button:hover{background:#e8e2d7;border-color:#999184}.my379 .detail-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.my379 .format-row .choice>span{padding:13px 11px;font-size:12px}.my379 .save-button{background:var(--red);color:#fff;border:0;justify-content:space-between;align-items:center;width:100%;min-height:58px;margin-top:20px;padding:18px 20px;font-size:15px;font-weight:700;transition:background .18s;display:flex}.my379 .save-button:hover{background:#a83422}.my379 .save-button:disabled{opacity:.55;cursor:wait}.my379 .share-button{border:1px solid var(--ink);background:0 0;width:100%;margin-top:9px;padding:14px;font-size:13px}.my379 .share-button:hover{background:#e5ded0}.my379 .status{min-height:20px;color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.8}.my379 .save-result{background:#e7e2d8;padding:12px;font-size:11px;line-height:1.8}.my379 .save-result a{text-underline-offset:4px;font-weight:700}.my379 .save-result p{margin:0 0 7px}.my379 .text-button{background:0 0;border:0;border-bottom:1px solid;min-height:36px;padding:5px 0;font-size:11px}.my379 .text-button:hover{color:var(--red)}.my379 .posting{font-size:12px;line-height:1.8}.my379 .posting summary{cursor:pointer;justify-content:space-between;min-height:44px;font-weight:700;display:flex}.my379 .posting #caption{white-space:pre-wrap;border-left:2px solid var(--red);overflow-wrap:anywhere;padding-left:14px;font-size:12px}.my379 .privacy{color:var(--muted);margin-top:22px;font-size:10px;line-height:1.9}.my379 footer{border-top:1px solid var(--line);max-width:1320px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:22px 5% 28px;font-size:10px;display:flex}.my379 footer>span:first-child{letter-spacing:.08em;font-family:Barlow379,sans-serif;font-size:13px}@media (min-width:1440px){.my379 .artboard{padding:30px 48px}}@media (max-width:1000px){.my379 .workspace{grid-template-columns:minmax(0,1fr) 330px;gap:32px}.my379 .lead{font-size:19px}.my379 .artboard{padding:15px}.my379 main{padding-top:42px}}@media (max-width:760px){.my379 .masthead{height:65px;padding:0 6%}.my379 .wordmark{font-size:19px}.my379 .step-mark{font-size:24px}.my379 .edition{display:none}.my379 main{padding:32px 6% 48px}.my379 .intro{padding-bottom:25px}.my379 .eyebrow{margin-bottom:8px;font-size:13px}.my379 h1{font-size:47px}.my379 .lead,.my379 .intro-note{position:static}.my379 .lead{margin-top:20px;font-size:19px}.my379 .intro-note{margin-top:7px;font-size:12px}.my379 .workspace{flex-direction:column;gap:28px;padding-top:20px;display:flex}.my379 .preview-pane{width:100%;position:static}.my379 .preview-top{margin-bottom:12px}.my379 .artboard{min-height:0;padding:16px}.my379 canvas{max-height:690px}.my379 .controls{width:100%}.my379 fieldset{margin-bottom:24px;padding-bottom:23px}.my379 legend{font-size:14px}.my379 .choice>span{padding:14px}.my379 .presets button{min-height:44px}.my379 .hint,.my379 .preview-note,.my379 .privacy{font-size:11px}.my379 footer{padding-inline:6%;display:block}.my379 footer>span{margin-top:8px;display:block}.my379 .save-button{min-height:60px}.my379 .detail-row{gap:10px}.my379 .preview-note{margin-top:10px}}@media (prefers-reduced-motion:reduce){.my379 *{scroll-behavior:auto!important;transition:none!important}}.my379 .wordmark{text-decoration:none}.my379 .wordmark:hover{color:var(--red)}.my379 .save-result{margin-top:15px;padding:16px;scroll-margin-top:24px}.my379 .save-result h3{margin:0 0 14px;font-size:16px}.my379 .save-result p{margin:14px 0;font-size:12px;line-height:1.9}.my379 .save-result img{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;width:100%;height:auto;margin-top:16px;display:block}.my379 .download-image{background:var(--ink);min-height:52px;color:var(--paper);justify-content:center;align-items:center;padding:14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.my379 .download-image:hover{background:#403d36}.my379 .share-button:disabled{opacity:.5;cursor:wait}.my379 footer a{text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.my379 h1,.my379 h2,.my379 h3{font-family:inherit}
