body[data-page=serialTool]{background:#090f16;color:#edf1f2}.serial-tool{max-width:960px;margin:auto;padding:12px 24px 60px;font-family:var(--font-sans)}.serial-tool [hidden]{display:none!important}.serial-breadcrumb{display:flex;gap:12px;font-size:12px;color:#acb7c1}.serial-breadcrumb a{color:inherit}.serial-hero{padding:34px 0 24px}.serial-hero h1{font:800 clamp(27px,4vw,38px)/1.25 var(--font-sans);margin:0 0 14px}.serial-subtitle{max-width:700px;color:#b0bdc8;font-size:14px;line-height:1.8;margin:0}.serial-workspace{border:1px solid #34424e;border-radius:10px;background:#101923;padding:28px}.serial-card h2{font-size:19px;margin:0 0 10px}.serial-card>p{font-size:13px;line-height:1.8;color:#adbbc7}.serial-card form{margin-top:20px}.serial-card label{display:block;font-size:13px;font-weight:800;margin-bottom:10px}.serial-card input{display:block;width:100%;border:1px solid #6c7e8f;border-radius:6px;background:#09121b;color:#f0f4f7;font:25px var(--font-mono);letter-spacing:2px;padding:15px 16px}.serial-card input::placeholder{color:#8e9da9}.serial-input-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:5px 0 12px;font-size:11px;color:#a8b8c6}.serial-input-meta button{border:0;background:0 0;color:#d5dfe6;text-decoration:underline;min-height:44px;padding:5px 0 5px 12px;cursor:pointer}.serial-primary{padding:14px 24px;border:0;border-radius:6px;background:#d9e2ea;color:#112435;font:800 14px var(--font-sans);min-height:48px;cursor:pointer}.serial-primary:hover{background:#fff}.serial-examples{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.serial-examples>span{font-size:12px;color:#adbbc7}.serial-examples>div{display:flex;flex-wrap:wrap;gap:8px}.serial-examples button{border:0;background:0 0;color:#c3d2df;text-decoration:underline;text-underline-offset:3px;padding:9px 4px;min-height:44px;font:12px var(--font-sans);cursor:pointer}.serial-examples b{font-weight:400;margin-left:5px}.serial-card p.serial-private{font-size:11px;margin:10px 0 0;color:#9fafbc}.serial-card .serial-error{color:#ffb4ab;font-size:13px;line-height:1.7}.serial-card input[aria-invalid=true]{border:2px solid #ffb4ab}.serial-result{border-top:1px solid #34424e;margin-top:22px;padding-top:20px}.serial-result p{font-size:13px;line-height:1.8;color:#b0bdc8}.serial-result h2{font-size:20px;line-height:1.4;margin:8px 0}.serial-result p.serial-result-number{font:22px var(--font-mono);letter-spacing:3px;color:#edf1f2;margin:0 0 12px;overflow-wrap:anywhere}.serial-match{padding:13px 0;border-bottom:1px solid #34424e}.serial-match h3{font-size:14px;margin:0;color:#edf1f2}.serial-match p{margin:6px 0 0}.serial-star{padding:12px;border:1px solid #647584;border-radius:6px}.serial-copy{background:0 0;border:1px solid #647584;border-radius:6px;color:#dce6ee;min-height:44px;padding:10px 16px;margin-top:16px;cursor:pointer}.serial-result-foot p{font-size:11px;margin:16px 0 0;color:#a4b3c0}.serial-real-examples{margin-top:42px}.serial-app h2,.serial-faq h2,.serial-real-examples h2{font-size:21px;line-height:1.5;margin:0 0 10px}.serial-real-examples>p{font-size:13px;line-height:1.8;color:#adbbc7;margin:0 0 20px}.serial-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.serial-photo-grid figure{margin:0;min-width:0}.serial-photo-grid figure>a{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;overflow:hidden;aspect-ratio:1.5}.serial-photo-grid img{display:block;width:100%;height:100%;object-fit:contain}.serial-photo-grid figcaption{padding-top:12px;display:flex;flex-direction:column;gap:6px}.serial-photo-grid strong{font-size:14px}.serial-photo-grid code{font-size:18px;letter-spacing:1px;color:#d6e4ee}.serial-photo-grid figcaption span{font-size:11px;color:#adbbc7;line-height:1.6}.serial-photo-grid figcaption>a{font-size:11px;color:#adbbc7;text-decoration:underline;text-underline-offset:3px;align-self:start;padding:6px 0}.serial-pattern-details{margin-top:25px;border-top:1px solid #34424e;border-bottom:1px solid #34424e;padding:17px 0}.serial-pattern-details>summary{font-size:13px;cursor:pointer}.serial-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:15px}.serial-pattern-grid article{padding:15px 0;border-bottom:1px solid #263440}.serial-pattern-grid article>span{display:none}.serial-pattern-grid h3{font-size:14px;margin:0 0 8px}.serial-pattern-grid code{font-size:18px;letter-spacing:2px;color:#d6e4ee}.serial-pattern-grid p{font-size:12px;line-height:1.8;color:#adbbc7}.serial-bottom{margin-top:38px}.serial-faq details{border-bottom:1px solid #34424e;padding:17px 0}.serial-faq summary{font-size:13px;cursor:pointer;line-height:1.7}.serial-faq details p{font-size:13px;line-height:1.8;color:#adbbc7}.serial-faq a{color:#d6e4ee;text-decoration:underline}.serial-app{border-top:1px solid #34424e;margin-top:30px;padding-top:25px}.serial-app p{font-size:13px;line-height:1.8;color:#adbbc7}.serial-app a{display:inline-block;color:#d6e4ee;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.serial-app small{display:block;font-size:11px;line-height:1.8;color:#a4b3c0;margin-top:5px}.serial-tool :is(button,input,a,summary):focus-visible{outline:3px solid #a5c7ef;outline-offset:4px}.serial-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:600px){.serial-tool{padding:10px 18px 40px}.serial-hero{padding-top:26px}.serial-workspace{padding:20px}.serial-photo-grid{grid-template-columns:1fr;gap:25px}.serial-photo-grid figure>a{aspect-ratio:auto}.serial-photo-grid img{height:auto}.serial-pattern-grid{grid-template-columns:1fr}.serial-input-meta{align-items:flex-start}.serial-primary{width:100%}body[data-page=serialTool] .brand-mark__logo{width:110px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.serial-hero{padding:28px 0 26px}.serial-hero h1{font-size:clamp(27px,4vw,36px)}.serial-workspace{background:#f5f4ef;color:#172b34;border:0;border-radius:14px;padding:34px 36px}.serial-card h2{font-size:21px;margin:0 0 22px}.serial-card form{margin:0}.serial-card label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.serial-action-row{display:flex;gap:12px;align-items:stretch}.serial-card input{background:#fff;color:#163b38;border:1px solid #8b9b9d;font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:5px;padding:20px;min-width:0;flex:1}.serial-card input::placeholder{color:#a2acad}.serial-primary{background:#e7a64c;color:#192b32;white-space:nowrap;font-size:16px;padding:18px 25px;display:flex;gap:20px;align-items:center;justify-content:center}.serial-primary:hover{background:#f0b961}.serial-input-meta{color:#54656e;margin:2px 0 0;font-size:12px}.serial-input-meta button{color:#4a5e66}.serial-examples{margin:9px 0 0;gap:8px}.serial-examples>span{color:#617079}.serial-examples button{color:#355b58;padding:7px 10px;border:1px solid #c9d1cb;border-radius:5px;min-height:36px;text-decoration:none}.serial-examples b{display:none}.serial-card p.serial-private{font-size:12px;color:#63716d;margin:20px 0 0}.serial-card .serial-error{color:#a52222}.serial-card input[aria-invalid=true]{border-color:#a52222}.serial-result{display:none}.has-result .serial-result{display:block;border-top:1px solid #cbd2cd;margin-top:26px;padding-top:24px}.serial-result p{color:#4d626a;font-size:14px}.serial-result p.serial-result-label{font-size:11px;letter-spacing:1.5px;color:#516a65;font-weight:800;margin:0 0 8px}.serial-result h2{font-size:36px;color:#1b5745;margin:0 0 8px}.serial-result p.serial-result-number{font-size:27px;color:#223e40;margin-bottom:14px;letter-spacing:5px}.serial-result #serial-summary{font-size:12px;margin:0;color:#60716e}.serial-match{border-color:#d4dbd5;padding:12px 0}.serial-match:first-child{border:0;padding-top:0}.serial-match:first-child h3{display:none}.serial-match h3{color:#244a41}.serial-match p{margin-top:5px;font-size:15px;color:#374f51}.serial-copy{color:#35594d;border-color:#a5b8ad;font-size:12px;min-height:36px;margin-top:10px}.serial-result-foot p{font-size:11px;color:#64746e;margin:12px 0 0}.serial-star{border-color:#b3c5b6}.serial-tool :is(button,input,a,summary):focus-visible{outline-color:#b16e16}@media (max-width:600px){.serial-workspace{padding:24px 20px}.serial-action-row{flex-direction:column;gap:12px}.serial-card input{width:100%;font-size:32px;letter-spacing:4px;padding:18px 15px}.serial-primary{width:100%;padding:16px}.serial-input-meta{font-size:11px}.serial-card h2{font-size:20px}.serial-result h2{font-size:30px}}.serial-photo-crop{position:relative;overflow:hidden;width:100%;background:0 0}.serial-photo-grid .serial-photo-crop img{position:absolute;max-width:none;height:auto;object-fit:initial;display:block}.serial-pattern-details>h3{font-size:18px;margin:0 0 15px}.serial-photo-grid figcaption{padding-top:14px}.serial-input-meta{justify-content:flex-end}#serial-output{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px;align-items:center}.serial-result-photo{margin:0;min-width:0}.serial-result-photo img{position:absolute;max-width:none;height:auto;display:block}.serial-result-photo figcaption{font-size:11px;color:#61716c;margin-top:10px}.serial-result-copy{min-width:0}@media (max-width:600px){#serial-output{grid-template-columns:1fr;gap:20px}}#serial-output.serial-output-text-only{grid-template-columns:1fr}#serial-reference-serial{position:absolute;left:7%;bottom:18%;color:#3f614b;font-family:var(--font-mono);font-size:clamp(10px,1.25vw,17px);letter-spacing:1px;font-weight:600;max-width:32%;overflow-wrap:anywhere}@media (max-width:600px){#serial-reference-serial{font-size:clamp(10px,3.2vw,17px)}}.serial-country{display:flex;align-items:center;gap:14px;margin-bottom:9px}.serial-card .serial-country label{position:static;width:auto;height:auto;clip-path:none;font-size:12px;margin:0;white-space:nowrap}.serial-country select{max-width:100%;min-width:0;min-height:44px;background:#fff;border:1px solid #a3b2ac;border-radius:5px;padding:10px;color:#223e40;font:14px var(--font-sans)}.serial-format-hint{font-size:12px!important;line-height:1.7;color:#52665f!important;margin:0 0 16px!important}.serial-tool select:focus-visible{outline:3px solid #b16e16;outline-offset:3px}@media (max-width:600px){.serial-country{flex-direction:column;align-items:stretch}.serial-country select{width:100%;font-size:16px}}.serial-workspace{padding:28px 32px}.serial-input-meta{height:29px;min-height:0;margin:0}.serial-input-meta button{min-height:29px;padding:3px 0 3px 12px}.serial-examples{margin:6px 0 0}.serial-examples button{min-height:32px;padding:6px 10px}.has-result .serial-result{margin-top:20px;padding-top:20px}.serial-primary{gap:10px}.serial-search-icon{flex:none}.serial-result p.serial-region{font-size:11px;line-height:1.6;margin:0 0 14px;color:#60716a}.serial-photo-crop{container-type:inline-size}.serial-overlay-number{position:absolute;font-family:var(--font-mono);color:#17472d;font-weight:700;letter-spacing:.06em;white-space:nowrap;line-height:1.1;pointer-events:none;z-index:2}#serial-reference-serial{left:8%;top:73%;bottom:auto;max-width:none;overflow-wrap:normal}#serial-reference-serial-right{left:64%;top:24%}#serial-template-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65%;padding:5px 6px;text-align:center;background:rgba(247,245,233,.78);color:#273d38;font-size:3cqw;font-weight:800;line-height:1.4;pointer-events:none;z-index:3}#serial-template-watermark small{display:block;font-size:2cqw;letter-spacing:.07em}[data-template=us] #serial-reference-serial{left:12%;top:65%}[data-template=us] #serial-reference-serial-right{left:65%;top:26%}[data-template=china] #serial-reference-serial,[data-template=euro] #serial-reference-serial,[data-template=japan] #serial-reference-serial{left:7%;top:15%}[data-template=china] #serial-reference-serial-right,[data-template=euro] #serial-reference-serial-right,[data-template=japan] #serial-reference-serial-right{left:76%;top:86%}[data-template=general] #serial-reference-serial-right{display:none}@media (max-width:600px){.serial-workspace{padding:22px 18px}.serial-input-meta{height:27px}.serial-card h2{margin-bottom:16px}}.serial-pattern-intro{font-size:13px;line-height:1.8;color:#adbbc7}.serial-learning{margin-top:40px;padding-top:28px;border-top:1px solid #34424e}.serial-learning h2{font-size:24px;line-height:1.4;margin:0 0 16px}.serial-learning p{font-size:13px;line-height:1.9;color:#adbbc7}.serial-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;margin-top:25px}.serial-learning h3{font-size:16px;line-height:1.5;margin:0 0 10px}.serial-learning a{color:#efbd76;text-decoration:underline;text-underline-offset:3px}.serial-learning .serial-learning-sources{font-size:11px;margin-top:25px}@media (max-width:600px){.serial-learning-grid{grid-template-columns:1fr}.serial-learning h2{font-size:22px}}.serial-bottom>.serial-faq,.serial-tool>.serial-learning,.serial-tool>.serial-pattern-details,.serial-tool>.serial-real-examples{padding:28px;border:1px solid #34424e;border-radius:14px;background:#101923;margin-top:28px}.serial-tool>.serial-pattern-details{margin-bottom:0}.serial-tool>.serial-bottom{margin-top:0}.serial-pattern-details .serial-pattern-grid{gap:14px;margin-top:22px}.serial-pattern-grid article{padding:18px;border:0;border-radius:9px;background:#17222d;min-width:0}.serial-pattern-grid article p{margin-bottom:0}.serial-pattern-grid article code{overflow-wrap:anywhere}.serial-learning-grid{gap:14px}.serial-learning-grid article{padding:20px;border-radius:9px;background:#17222d;min-width:0}.serial-learning-grid article p{margin-bottom:0}.serial-faq details{padding:18px 0}.serial-faq details:last-child{border-bottom:0;padding-bottom:0}@media (max-width:600px){.serial-bottom>.serial-faq,.serial-tool>.serial-learning,.serial-tool>.serial-pattern-details,.serial-tool>.serial-real-examples{padding:21px 18px;margin-top:22px}.serial-learning-grid article,.serial-pattern-grid article{padding:16px}.serial-pattern-details>h3{font-size:20px;line-height:1.5}}