/* style.css */
:root{--ink:#1d1d1f;--muted:#66666c;--blue:#0768cc;--light:#f5f5f7;--pad:clamp(22px,6vw,104px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #159bf7;outline-offset:5px}img,video{display:block;max-width:100%}img{height:auto}p{line-height:1.85}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:70px;left:20px;z-index:100;background:white;padding:12px}.nav{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid #0000000d;position:sticky;top:0;z-index:30}.brand{font-weight:800;font-size:21px;letter-spacing:-1px}.brand span{display:inline-block;color:#4e75dc;font-size:28px;margin-left:3px}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--blue);color:white;border:0;border-radius:999px;padding:14px 24px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.pill:hover{background:#005bb9;transform:translateY(-2px)}.pill.small{padding:8px 15px;font-size:14px}.pill.warm{background:#a54b23}.pill.warm:hover{background:#893c1a}.hero{padding:20px 0 34px;overflow:hidden}.hero picture{display:block;max-width:1500px;margin:auto}.hero img{width:100%;height:auto}.hero-bottom{display:flex;align-items:center;justify-content:center;gap:48px;text-align:center;margin:14px var(--pad) 4px}.hero-bottom p{font-weight:600;font-size:20px;letter-spacing:-.03em;margin:0}.text-link{border:0;background:none;color:var(--blue);font-size:15px;line-height:1.7;padding:0;display:inline-block;cursor:pointer}.text-link:hover{text-decoration:underline}.audience{text-align:center;font-size:14px;color:var(--muted);padding:0 25px;margin:12px 0 0}.mobile{display:none}.journey{height:190vh;height:190svh;background:white;position:relative}.journey-stick{height:calc(100vh - 65px);height:calc(100svh - 65px);position:sticky;top:65px;display:flex;flex-direction:column;justify-content:center;padding:20px var(--pad) 24px;overflow:hidden;perspective:1300px}.gallery-frame{width:100%;max-width:1450px;align-self:center;border-radius:28px;overflow:hidden;transform-origin:center;will-change:transform}.gallery-frame video{width:100%;max-height:calc(100svh - 160px);aspect-ratio:16/9;object-fit:cover}.journey-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 3px 0;font-size:14px;color:#545459}.journey-caption a{color:var(--blue);white-space:nowrap}.section{padding:100px var(--pad)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto 42px}.eyebrow{font-size:14px;letter-spacing:.07em;color:var(--muted);font-weight:600;margin:0 0 15px}h2{font-size:clamp(31px,4.2vw,60px);line-height:1.2;letter-spacing:-.065em;margin:0;font-weight:750}h3{letter-spacing:-.035em}.works{background:var(--light);overflow:hidden;padding-right:0;padding-left:0}.works .section-head{margin-left:var(--pad);margin-right:var(--pad)}.rail{display:flex;gap:24px;overflow-x:auto;padding:4px var(--pad) 24px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.work-card{padding:0;border:0;border-radius:24px;overflow:hidden;flex:0 0 clamp(290px,32vw,440px);background:white;text-align:left;scroll-snap-align:center;transition:transform .3s;box-shadow:0 5px 18px #00000006}.work-card:hover{transform:translateY(-5px)}.work-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.card-caption{display:flex;align-items:center;justify-content:space-between;font-weight:600;padding:19px 24px;font-size:14px}.plus{display:flex;align-items:center;justify-content:center;background:#eeeeef;color:#515154;width:29px;height:29px;border-radius:50%;font-size:21px}.rail-controls{display:flex;gap:10px}.rail-controls button{background:#e6e6e9;border:0;width:38px;height:38px;border-radius:50%;color:#58585d;font-size:19px}.rail-controls button:disabled{opacity:.35;cursor:default}.caption{color:var(--muted);font-size:14px;line-height:1.8}.works-note{margin:20px var(--pad) 0}.cinema{padding-bottom:75px}.product-frame{position:relative;border-radius:30px;overflow:hidden;max-width:1440px;margin:auto;background:#cfb6ba}.product-frame video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.film-control{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff55;background:#17171acc;backdrop-filter:blur(8px);color:white;border-radius:100px;padding:11px 18px;font-size:14px;min-width:68px}.movie-copy{display:flex;max-width:1440px;justify-content:space-between;align-items:center;gap:25px;margin:20px auto 0}.movie-copy p{font-size:18px;font-weight:500;margin:0}.loop{padding-top:40px;padding-bottom:100px}.loop>img{width:100%;max-width:1300px;margin:auto}.loop-copy{max-width:680px;text-align:center;margin:38px auto 0}.loop-copy>p{font-size:19px;font-weight:500}.loop details{margin-top:28px;text-align:left}.edition-section{background:var(--light);padding-bottom:90px}.edition-art{width:100%;max-width:1030px;margin:-12px auto 0;border-radius:30px}.edition-grid{max-width:1030px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;text-align:center;padding:34px 0 45px}.edition-grid h3{font-size:clamp(22px,2.3vw,31px);margin:12px 0 18px}.edition-grid p{font-size:14px;color:#55555b}.edition-grid .edition-kicker{font-size:14px;color:#717177}.edition-grid .pill{margin-top:14px}.offer-note{max-width:1030px;margin:auto;border-top:1px solid #d9d9dd;padding-top:30px;text-align:center}.offer-note strong{font-size:18px}.offer-note p{font-size:14px;color:#6a6a70}.offer-note small{font-size:14px;color:#7d7d85}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;max-width:1440px;margin:65px auto 0}.steps span{font-size:45px;color:#c1c2cb;font-weight:700;letter-spacing:-3px}.steps h3{font-size:22px;margin:14px 0}.steps p{font-size:14px;color:var(--muted);margin:0}.first-request{max-width:850px;margin:70px auto;background:var(--light);border-radius:28px;padding:32px 40px}.first-request>p{font-size:14px;color:var(--muted);margin:0}.first-request blockquote{font-size:21px;font-weight:600;line-height:1.8;margin:17px 0 24px}.first-request [role=status]{font-size:14px;margin-left:15px;color:var(--muted)}.faq{max-width:850px;margin:auto}details{border-bottom:1px solid #dedee3;padding:22px 0;font-size:14px;line-height:1.8}summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';color:#777}details[open] summary:after{content:'−'}details p{color:var(--muted);margin:18px 0 5px}footer{text-align:center;padding:55px 24px;background:var(--light)}footer p{font-size:14px;margin:14px 0 23px}footer small{color:var(--muted);font-size:14px}dialog{padding:45px 35px;border:0;max-width:1080px;width:calc(100% - 50px);max-height:92svh;border-radius:25px;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}.close{position:sticky;float:right;top:0;margin:-24px -14px 0 0;border:0;width:35px;height:35px;border-radius:50%;background:#e9e9ec;color:#3a3a3c;font-size:25px;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;clear:both}.detail-layout>img{width:100%;border-radius:15px}.detail-copy h2{font-size:34px}.detail-copy>p:not(.eyebrow):not(.caption){font-size:16px;line-height:1.9}.prompt-label{margin-top:35px!important}.detail-copy blockquote{margin:0 0 28px;font-size:18px;font-weight:600;line-height:1.8}.detail-copy .caption{margin-top:25px}.detail-copy [role=status]{font-size:14px;min-height:1.5em;color:var(--muted)}
@media(min-width:1650px){.hero{padding-top:35px}.hero picture{max-width:1500px}}
@media(max-width:900px){.section{padding-top:70px;padding-bottom:70px}.works{padding-left:0;padding-right:0}.nav nav{gap:18px}.work-card{flex-basis:45vw}.hero-bottom{gap:25px}.hero-bottom p{font-size:17px}.movie-copy p{font-size:16px}.edition-grid{gap:24px}.steps{gap:26px}.steps h3{font-size:20px}.detail-layout{gap:28px}.detail-copy h2{font-size:28px}}
@media(max-width:600px){:root{--pad:24px}.nav{height:58px;padding:0 18px}.brand{font-size:17px}.brand span{font-size:23px}.nav nav>a:not(.pill){display:none}.nav .pill.small{font-size:14px;padding:7px 13px}.hero{padding:5px 0 25px}.hero picture{width:100%}.hero img{aspect-ratio:2/3}.hero-bottom{display:block;margin:10px 20px 0}.hero-bottom p{font-size:17px;line-height:1.7}.hero-bottom .text-link{margin-top:13px;font-size:14px}.mobile{display:block}.audience{font-size:14px;line-height:1.9;max-width:350px;margin:13px auto 0}.journey{height:155svh}.journey-stick{top:58px;height:calc(100svh - 58px);padding:20px 14px}.gallery-frame{border-radius:22px}.gallery-frame video{aspect-ratio:4/5;max-height:70svh;object-fit:cover}.journey-caption{font-size:14px;padding:18px 6px 0;gap:8px}.section{padding-top:64px;padding-bottom:64px}.section-head{margin-bottom:28px;align-items:center;gap:14px}.eyebrow{font-size:14px;margin-bottom:13px}h2{font-size:32px;letter-spacing:-.065em}.works .section-head{margin-right:24px}.works h2{font-size:29px}.rail-controls{gap:6px}.rail-controls button{width:31px;height:31px;font-size:16px}.rail{gap:16px;padding-top:2px;padding-bottom:17px}.work-card{flex-basis:82vw;max-width:390px;border-radius:20px}.card-caption{padding:15px 18px;font-size:14px}.works-note{font-size:14px;margin-top:17px}.product-frame{border-radius:22px;margin:0 -10px}.product-frame video{aspect-ratio:4/5;object-fit:cover}.movie-copy{display:block;margin-top:20px}.movie-copy p{font-size:14px}.movie-copy .caption{display:block;margin-top:12px;font-size:14px}.loop{padding:30px 12px 60px}.loop-copy{padding:0 16px;margin-top:20px}.loop-copy>p{font-size:14px}.loop-copy summary{font-size:14px}.loop-copy details{margin-top:18px}.edition-section{padding-left:22px;padding-right:22px}.edition-art{margin:0 auto;max-width:none;border-radius:15px}.edition-grid{grid-template-columns:1fr;gap:35px;padding:25px 0 36px}.edition-grid article+article{border-top:1px solid #dddddf;padding-top:30px}.edition-grid h3{font-size:26px;margin:10px 0 14px}.edition-grid p{font-size:14px}.edition-grid .pill{margin-top:9px}.offer-note strong{font-size:16px}.offer-note p{font-size:14px}.steps{grid-template-columns:1fr;gap:28px;margin-top:36px}.steps article{padding-left:56px;position:relative}.steps span{position:absolute;left:0;top:2px;font-size:31px;letter-spacing:-2px}.steps h3{font-size:19px;margin:0 0 10px}.steps p{font-size:14px}.first-request{padding:25px;margin:42px 0;border-radius:21px}.first-request blockquote{font-size:17px}.first-request .text-link{font-size:14px}.first-request [role=status]{display:block;margin:8px 0 0}summary{font-size:14px}details{font-size:14px}dialog{width:calc(100% - 26px);padding:42px 20px 28px;max-height:94svh;border-radius:20px}.detail-layout{grid-template-columns:1fr;gap:28px}.detail-layout>img{max-width:420px;margin:auto}.detail-copy h2{font-size:28px}.detail-copy>p:not(.eyebrow):not(.caption){font-size:14px}.detail-copy blockquote{font-size:16px}.close{margin:-27px -7px 0 0}.prompt-label{margin-top:25px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.journey-stick{position:relative;top:0;height:auto;padding:30px var(--pad)}.gallery-frame{transform:none!important}.gallery-frame video{aspect-ratio:16/9}.work-card,.pill{transition:none}.work-card:hover,.pill:hover{transform:none}}
@media(max-width:600px){.works .section-head{display:block;position:relative;padding-bottom:43px}.works .rail-controls{position:absolute;right:0;bottom:0}}

/* Branding LP v3: intelligence, skill library, and a closed learning cycle. */
.intelligence,.closed-loop{padding-top:24px}.chapter-art{display:block;width:100%;max-width:1440px;margin:0 auto 30px}.chapter-art img{width:100%;height:auto}.chapter-intro{max-width:1100px;margin:32px auto 48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.chapter-intro p{font-size:17px;color:var(--muted);margin:0}.chapter-intro .lead{font-size:30px;font-weight:700;color:var(--ink);letter-spacing:-.045em;line-height:1.65}.motion-frame{max-width:1360px;margin:auto;border-radius:30px;overflow:hidden;position:relative;background:#f5f7fa}.motion-frame video{width:100%;aspect-ratio:16/9;object-fit:contain}.film-control{z-index:2}.connected-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;max-width:1170px;margin:46px auto 28px}.connected-steps li{position:relative;padding-left:45px}.connected-steps span{position:absolute;left:0;top:3px;font-size:21px;font-weight:700;color:#a7bbd2}.connected-steps h3{font-size:21px;margin:0 0 12px;letter-spacing:-.045em}.connected-steps p{font-size:14px;color:var(--muted);margin:0}.conditions{max-width:1170px;margin:25px auto 0;line-height:1.9;font-size:14px;color:#777}.skill-section{background:#f5f5f7;padding-top:35px}.skill-section>.chapter-art{border-radius:24px}.library-head{max-width:1320px;margin:55px auto 30px;display:flex;justify-content:space-between;align-items:end;gap:40px}.library-head h3{font-size:38px;letter-spacing:-.05em;margin:0}.library-head p:not(.eyebrow){font-size:16px;color:var(--muted);margin:20px 0 0}.search-label{display:block;min-width:260px}.search-label span{display:block;font-size:14px;color:var(--muted);margin:0 0 9px}.search-label input{width:100%;font:inherit;background:#fff;border:1px solid #dedee6;border-radius:13px;padding:15px 18px;color:var(--ink);font-size:15px}.skill-filters{display:flex;gap:8px;max-width:1320px;margin:28px auto 18px;overflow-x:auto;padding:5px 3px 14px}.skill-filters button{white-space:nowrap;border:1px solid #dfe0e5;background:transparent;color:#555;border-radius:999px;padding:12px 21px;font-size:14px;transition:.2s}.skill-filters button[aria-pressed=true]{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1320px;margin:auto}.skill-card{border:0;border-radius:20px;padding:27px;text-align:left;background:white;min-height:167px;position:relative;color:var(--ink);transition:transform .2s,box-shadow .2s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1627450c}.skill-card>span:first-child{display:block;font-size:14px;letter-spacing:.06em;color:#6d7f99;margin-bottom:15px}.skill-card strong{font-size:22px;letter-spacing:-.045em;display:block;padding-right:19px}.skill-card p{font-size:14px;color:var(--muted);margin:11px 0 0}.skill-card .skill-plus{position:absolute;right:22px;top:23px;font-size:23px;color:#9aa5b5}#skill-count{max-width:1320px;margin:10px auto 18px;font-size:14px}#skill-empty{padding:32px 10px;max-width:1320px;margin:auto}.more-skills{text-align:center;margin:30px 0 36px}.cycle-explainer{max-width:950px;margin:40px auto}.cycle-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid #dce0e6;padding-bottom:16px}.cycle-tabs button{border:0;background:#f4f6f9;color:#6a7483;padding:15px 10px;border-radius:12px;font-size:14px;font-weight:600}.cycle-tabs button[aria-selected=true]{background:#e8f2ff;color:#0064bd;box-shadow:inset 0 0 0 1px #d1e3ff}#cycle-description{min-height:135px;padding:24px 8px}#cycle-description h3{font-size:27px;margin:0 0 10px;letter-spacing:-.05em}#cycle-description p{font-size:16px;color:var(--muted);margin:0}.autonomy-note{max-width:1100px;margin:24px auto 0;display:flex;gap:28px;background:#f5f7fa;border-radius:24px;padding:37px 45px;align-items:start}.loop-mark{font-size:65px;line-height:1;color:#5098df}.autonomy-note h3{font-size:25px;letter-spacing:-.04em;margin:0}.autonomy-note p{font-size:15px;color:var(--muted);margin:12px 0 18px}#skill-dialog{max-width:700px;padding:50px}#skill-dialog h2{font-size:35px;letter-spacing:-.05em}#skill-description{font-size:19px;color:var(--muted);margin:24px 0}#skill-prompt{font-size:21px;line-height:1.85;font-weight:600;margin:0 0 30px}#skill-status{font-size:14px;min-height:1.5em}#skill-dialog .caption{font-size:14px;color:var(--muted)}
@media(max-width:900px){.chapter-intro{gap:25px}.chapter-intro .lead{font-size:24px}.chapter-intro p{font-size:14px}.connected-steps{gap:20px}.connected-steps li{padding-left:33px}.connected-steps h3{font-size:18px}.connected-steps p{font-size:14px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-head h3{font-size:30px}.skill-card strong{font-size:20px}.library-head{gap:25px}}
@media(max-width:600px){.intelligence,.closed-loop{padding:12px 20px 60px}.chapter-art{width:calc(100% + 40px);max-width:none;margin:0 -20px 24px}.chapter-intro{display:block;margin:20px 0 30px}.chapter-intro .lead{font-size:23px;line-height:1.6;margin-bottom:18px}.chapter-intro p{font-size:14px}.motion-frame{border-radius:18px;margin:0 -7px}.motion-frame video{aspect-ratio:16/9;object-fit:contain}.connected-steps{grid-template-columns:1fr;gap:25px;margin:31px 0 0}.connected-steps li{padding-left:40px}.connected-steps h3{font-size:19px;margin-bottom:8px}.connected-steps p{font-size:14px}.conditions{font-size:14px;margin-top:25px}.skill-section{padding:20px 20px 48px}.skill-section>.chapter-art{border-radius:0}.library-head{display:block;margin:25px 0}.library-head h3{font-size:29px;line-height:1.5}.library-head p:not(.eyebrow){font-size:14px;margin-top:14px}.search-label{margin-top:25px;min-width:0}.search-label input{font-size:16px;padding:12px 15px}.skill-filters{margin:20px -4px 8px;gap:7px}.skill-filters button{font-size:14px;padding:10px 15px}.skill-grid{gap:10px}.skill-card{border-radius:16px;padding:20px 14px;min-height:170px}.skill-card>span:first-child{font-size:14px;margin-bottom:17px}.skill-card strong{font-size:17px;line-height:1.55;padding-right:0}.skill-card p{font-size:14px;line-height:1.75;margin-top:10px}.skill-card .skill-plus{right:13px;top:13px;font-size:17px}.cycle-explainer{margin:28px 0}.cycle-tabs{gap:5px;padding-bottom:12px}.cycle-tabs button{padding:12px 3px;font-size:14px;border-radius:8px}#cycle-description{padding:22px 3px;min-height:145px}#cycle-description h3{font-size:23px}#cycle-description p{font-size:14px}.autonomy-note{padding:24px 20px;gap:12px;border-radius:20px;display:block}.loop-mark{display:block;font-size:46px;margin-bottom:12px}.autonomy-note h3{font-size:21px;line-height:1.65}.autonomy-note p{font-size:14px}#skill-dialog{padding:45px 25px 25px}#skill-dialog h2{font-size:27px}#skill-description{font-size:16px}#skill-prompt{font-size:17px}}
@media(prefers-reduced-motion:reduce){.skill-card,.skill-filters button{transition:none}.skill-card:hover{transform:none}}

[hidden]{display:none!important}

.search-label{position:relative}.search-label input{padding-right:42px}.search-label input::-webkit-search-cancel-button{display:none}#clear-search{position:absolute;bottom:7px;right:7px;width:35px;height:35px;border:0;background:transparent;color:#657185;border-radius:50%;font-size:23px}
/* v4: actual outputs, all skills, and clear pathways. */
.chapter-nav{display:flex;justify-content:center;gap:24px;margin:24px auto 0;font-size:14px;color:#657487}.chapter-nav a:hover{color:var(--blue)}.works{padding-left:var(--pad);padding-right:var(--pad)}.works .section-head{margin-left:auto;margin-right:auto}.gallery-intro{font-size:17px;color:var(--muted);margin:0 0 3px}.output-gallery{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.output-card{padding:0;border:0;border-radius:25px;overflow:hidden;text-align:left;background:#fff;box-shadow:0 8px 25px #1d365108;color:var(--ink);transition:transform .3s,box-shadow .3s}.output-card:hover{transform:translateY(-6px);box-shadow:0 18px 32px #16274414}.output-visual{height:clamp(230px,28vw,410px);overflow:hidden;background:#e9eff2;display:flex;align-items:center;justify-content:center}.output-visual img,.output-visual video{width:100%;height:100%;object-fit:cover;transition:transform .6s}.output-card:hover .output-visual img{transform:scale(1.03)}.output-lp .output-visual{background:#f5e9d8}.output-lp .output-visual img{object-fit:contain}.output-manga .output-visual{background:#fff5e8}.output-manga .output-visual img{object-fit:contain}.output-slides .output-visual{background:#eaf4ff}.output-slides .output-visual img{object-fit:contain;padding:8px}.output-article .output-visual img{object-fit:cover}.output-caption{padding:24px 26px 27px;position:relative}.output-caption>span:first-child{font-size:14px;color:#6e7887}.output-caption h3{font-size:21px;line-height:1.5;margin:12px 18px 0 0}.open-mark{position:absolute;right:24px;bottom:28px;font-size:19px;color:#768297}.works-note{max-width:1440px;margin:25px auto 0}.motion-global{display:block;max-width:1440px;margin:12px auto 0;font-size:14px}.team{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(35px,5vw,80px);align-items:center;max-width:1700px;margin:auto}.team-film{width:100%;border-radius:24px}.team-copy h2{font-size:clamp(29px,3vw,46px);line-height:1.4}.team-copy>p:not(.eyebrow):not(.caption){font-size:16px;color:var(--muted);margin:22px 0}.team-copy .caption{margin:18px 0 0;font-size:14px}.output-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:30px auto}.output-links button{border:0;background:none;color:var(--blue);font-size:14px;padding:8px}.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.skill-card{padding:0;overflow:hidden;min-height:0;display:flex;flex-direction:column}.skill-thumb{width:100%;height:156px;object-fit:cover;background:#ecf1f7}.skill-card[data-format="html"] .skill-thumb{object-fit:cover}.skill-card-body{padding:20px;display:block;flex:1}.skill-card .skill-category{display:block;font-size:14px;line-height:1.6;color:#6b8199;margin-bottom:9px}.skill-card strong{font-size:18px;line-height:1.5;padding:0;letter-spacing:-.025em}.skill-card .skill-id{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8b929c;margin-top:9px;font-family:ui-monospace,monospace}.skill-card p{font-size:14px;margin-top:11px;line-height:1.75}.skill-card .view-output{display:block;color:#1365b3;font-size:14px;margin-top:15px}.skill-card>span:first-child{margin:0}.library-head{align-items:center}.library-head h3{line-height:1.4}.skill-filters{position:sticky;top:65px;z-index:5;background:rgba(245,245,247,.94);backdrop-filter:blur(14px);padding-top:14px;margin-bottom:13px}.skill-filters button{padding:10px 18px}.chapter-intro .lead{font-size:29px}.dialog-head{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);z-index:3;padding:24px 30px 18px;border-bottom:1px solid #ededf1;display:flex;justify-content:space-between;gap:22px;align-items:start}.dialog-head .eyebrow{margin-bottom:8px;font-size:14px}.dialog-head h2{font-size:29px;letter-spacing:-.04em;line-height:1.4}.dialog-head .close{position:static;float:none;flex:0 0 36px;margin:0}.dialog-copy{padding:24px 30px 10px}.dialog-copy code{font-size:14px;color:#78869a;overflow-wrap:anywhere}.dialog-copy>p:not(.caption){font-size:16px;margin:13px 0 25px;color:#5e646f}.example-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.example-heading span{font-size:14px;color:#6082a2}.example-heading h3{font-size:22px;margin:9px 0 0}.example-heading a{font-size:14px;white-space:nowrap}.dialog-copy .caption{font-size:14px;line-height:1.8;margin-bottom:16px}#output-dialog{padding:0;max-width:1120px;scrollbar-gutter:stable}#output-view{padding:0 30px 25px}#output-view>img{max-height:75vh;object-fit:contain;margin:auto;border-radius:12px}#output-view>video{width:100%;max-height:68vh;background:#171c24;border-radius:15px}#output-view>iframe{width:100%;height:65vh;min-height:380px;border:1px solid #e6e8ee;border-radius:14px;display:block;background:#f7f6f2}.dialog-foot{padding:0 30px 28px}.dialog-foot button{font-size:14px}
@media(max-width:1100px){.output-gallery{gap:18px}.output-caption{padding:20px}.output-caption h3{font-size:18px}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-copy .eyebrow{font-size:14px}.team-copy>p:not(.eyebrow):not(.caption){font-size:14px}.skill-filters{top:65px}.gallery-intro{font-size:14px}}
@media(max-width:760px){.output-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.output-visual{height:42vw}.team{grid-template-columns:1fr;gap:28px}.team-copy{padding:0 6px}.team-copy h2{font-size:34px}.team-copy h2 br{display:none}.team-film{max-width:700px}.gallery-intro{display:none}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.chapter-nav{gap:19px;font-size:14px;margin-top:24px}.works{padding-left:18px;padding-right:18px}.works .section-head{padding:0;margin:0 6px 28px}.works h2{font-size:32px;line-height:1.3}.output-gallery{gap:13px}.output-card{border-radius:18px}.output-visual{height:48vw}.output-caption{padding:16px 14px 19px;min-height:106px}.output-caption>span:first-child{font-size:14px}.output-caption h3{font-size:15px;line-height:1.6;margin:9px 12px 0 0;letter-spacing:-.025em}.open-mark{right:12px;bottom:19px;font-size:15px}.works-note{font-size:14px;margin:21px 6px 0}.team{padding:56px 20px}.team-copy h2{font-size:30px}.team-copy h2 br{display:block}.team-copy .eyebrow{font-size:14px}.team-copy>p:not(.eyebrow):not(.caption){font-size:14px}.team-film{margin:0}.output-links{display:block;text-align:left;margin:24px 0}.output-links button{display:block;padding:10px 0;font-size:14px}.skill-grid{gap:13px}.skill-thumb{height:112px}.skill-card{border-radius:16px}.skill-card-body{padding:15px 13px 18px}.skill-card .skill-category{font-size:14px;margin-bottom:7px}.skill-card strong{font-size:15px;line-height:1.55}.skill-card .skill-id{font-size:14px;margin-top:8px}.skill-card p{font-size:14px;line-height:1.8;margin-top:10px}.skill-card .view-output{font-size:14px;margin-top:11px}.skill-filters{top:58px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.skill-filters button{font-size:14px;padding:9px 15px}.chapter-intro .lead{font-size:23px}#output-dialog{width:calc(100% - 16px);border-radius:19px}.dialog-head{padding:20px 18px 15px;gap:12px}.dialog-head h2{font-size:23px}.dialog-head .eyebrow{font-size:14px}.dialog-copy{padding:20px 18px 8px}.dialog-copy code{font-size:14px}.dialog-copy>p:not(.caption){font-size:14px}.example-heading{display:block}.example-heading h3{font-size:19px}.example-heading a{font-size:14px;margin-top:13px}.dialog-copy .caption{font-size:14px}#output-view{padding:0 12px 22px}#output-view>iframe{height:58vh;min-height:300px}.dialog-foot{padding:0 20px 24px}.motion-global{font-size:14px}}
@media(prefers-reduced-motion:reduce){.output-card,.output-visual img,.output-visual video{transition:none}.output-card:hover,.output-card:hover .output-visual img{transform:none}}

.output-article .output-visual img{object-fit:cover;object-position:top}.skill-card[data-format="html"] .skill-thumb{object-position:top}.skill-id{user-select:text}
.output-banner .output-visual img{object-fit:contain;background:#e5f2f7}.output-caption h3,.skill-card strong{text-wrap:balance}.dialog-copy>code:empty,.dialog-copy>p:empty{display:none}

.skill-card[data-output-key="lp"] .skill-thumb,.skill-card[data-output-key="manga"] .skill-thumb{object-fit:contain;background:#f6efe5}

.output-caption h3 span{display:inline-block;white-space:nowrap}.output-article .output-visual img{object-fit:contain;background:#f7f6f2;object-position:center}

/* v5: approved Image2.5 showcase, with actual outputs one step inside. */
[hidden]{display:none!important}
.works.works-showcase{padding-left:0;padding-right:0}
.works-showcase .section-head{margin-left:var(--pad);margin-right:var(--pad);align-items:end}
.showcase-intro{font-size:18px;color:var(--muted);margin:20px 0 0}
.works-showcase .work-card{color:var(--ink)}
.works-showcase .work-card img{object-fit:contain}
.showcase-footer{margin:18px var(--pad) 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.showcase-footer>.caption{margin:0}.showcase-more{display:flex;flex-wrap:wrap;gap:24px;margin-left:auto}
.showcase-more .text-link{font-size:14px}.showcase-footer .motion-global{margin:0;font-size:14px;color:var(--muted)}
#back-showcase{margin:0 0 20px;font-size:14px}
.showcase-open .dialog-copy{padding-top:12px;padding-bottom:0}
.showcase-open .dialog-copy>:not(.example-heading){display:none}
.showcase-open .example-heading{justify-content:flex-end;margin-bottom:16px}
.showcase-open .example-heading>div{display:none}
.showcase-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center}
.showcase-detail>img{width:100%;border-radius:18px}
.showcase-detail-copy h3{font-size:29px;line-height:1.5;margin:0 0 22px;letter-spacing:-.045em}
.showcase-detail-copy>p:not(.caption):not(.related-label){font-size:15px;line-height:1.95;color:#5f6470;margin:0 0 25px}
.showcase-examples .pill{font-size:14px;padding:13px 19px;text-align:center}
.showcase-detail-copy>.caption{font-size:14px;line-height:1.85;margin:17px 0 30px}
.related-label{font-size:14px;font-weight:600;color:#757d8d;margin:0 0 11px}
.related-skills{display:grid;grid-template-columns:1fr;gap:8px}
.related-skills button{border:1px solid #e5e9ee;background:#f8f9fb;border-radius:12px;padding:12px 15px;text-align:left;color:#2e3644}
.related-skills button:hover{background:#eef4fc;border-color:#b9d7f5}
.related-skills span{display:block;font-size:14px;font-weight:600;line-height:1.6}.related-skills code{display:block;font-size:14px;color:#7d899d;margin-top:3px;overflow-wrap:anywhere}
@media(max-width:900px){.showcase-detail{gap:26px}.showcase-detail-copy h3{font-size:24px}.showcase-detail-copy>p:not(.caption):not(.related-label){font-size:14px}.showcase-footer{gap:16px}.showcase-more{margin-left:0}}
@media(max-width:600px){.works-showcase .section-head{padding:0 0 42px;margin:0 var(--pad) 26px}.works-showcase h2{font-size:29px}.showcase-intro{font-size:14px;margin-top:16px}.showcase-footer{margin-top:12px;gap:15px}.showcase-more{gap:20px}.showcase-more .text-link{font-size:14px}.showcase-footer>.caption{font-size:14px}.showcase-footer .motion-global{flex-basis:100%;text-align:left}.showcase-detail{grid-template-columns:1fr;gap:25px}.showcase-detail>img{max-width:350px;margin:auto}.showcase-detail-copy{padding:0 8px}.showcase-detail-copy h3{font-size:25px}.showcase-detail-copy>p:not(.caption):not(.related-label){font-size:14px}.showcase-detail-copy>.caption{font-size:14px}.showcase-open .dialog-copy{padding:0 18px 0}.showcase-open .example-heading{margin:0 0 15px}.showcase-open .example-heading a{font-size:14px}.related-skills{grid-template-columns:1fr 1fr;gap:8px}.related-skills button{padding:12px}.related-skills span{font-size:14px}.related-skills code{font-size:14px}}

/* v6: teams first, related techniques together, exact skill index retained. */
.skill-workshop{background:#f5f6f8;padding-top:110px;padding-bottom:85px}
.workshop-heading{max-width:1440px;margin:0 auto 54px}.workshop-heading h2{line-height:1.3}
.workshop-lead{font-size:23px;font-weight:550;letter-spacing:-.035em;margin:26px 0 18px;color:#4c5666}
.workshop-definition{font-size:14px;color:#78818e;line-height:1.9;margin:0}
.crew-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1440px;margin:auto}
.crew-card{display:flex;flex-direction:column;padding:0;border:0;border-radius:25px;overflow:hidden;background:white;text-align:left;color:var(--ink);box-shadow:0 8px 35px #1a2d4306;transition:transform .3s,box-shadow .3s}
.crew-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #273f6313}
.crew-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.crew-card-copy{display:flex;flex-direction:column;flex:1;padding:23px 25px 22px}.crew-cast{display:block;font-size:14px;color:#818794;line-height:1.6;margin:0 0 12px}
.crew-catch{display:block;font-size:16px;line-height:1.6;letter-spacing:-.035em;font-weight:600;color:#626a77;margin-top:14px}
.crew-summary{display:block;font-size:14px;line-height:1.85;color:#6f7783;margin:14px 0 25px;min-height:3.7em}
.crew-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--room-color);font-size:14px;font-weight:600;gap:10px}.crew-card .plus{font-size:19px;background:#f2f4f7;color:var(--room-color)}
.workshop-footnote{max-width:1440px;margin:25px auto 0;font-size:14px}
.skill-index{max-width:1440px;margin:45px auto 0;border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;padding:25px 0}
.skill-index>summary{font-size:17px}.skill-index .library-head{margin:38px 0 24px}.skill-index .library-head h3{font-size:26px}.skill-index .library-head p{font-size:14px}.skill-index .skill-filters{position:static;flex-wrap:wrap}
.skill-index .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skill-index .skill-card{border-radius:15px;box-shadow:none;border:1px solid #e7eaf0}.skill-index .skill-card strong{font-size:15px}.skill-index .skill-card-body{padding:19px}.skill-index .skill-id{white-space:normal;overflow-wrap:anywhere}.skill-index .skill-card p{font-size:14px}
.room-open{max-width:1240px!important}.room-open .dialog-copy{display:none}
.room-content{padding-top:25px}.room-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center}.room-hero>img{border-radius:18px;width:100%}
.room-hero h3{font-size:28px;line-height:1.5;margin:12px 0 19px}.room-hero p:not(.crew-cast):not(.room-stat){font-size:15px;color:#737b88;line-height:1.9}.room-hero .crew-cast{font-size:14px}.room-stat{font-size:14px;color:var(--room-color);margin:24px 0 0;font-weight:600}
.room-section-title{font-size:25px;margin:40px 0 22px;line-height:1.5}
.room-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.room-sample{padding:0;text-align:left;border:1px solid #e9edf2;background:#fafbfc;border-radius:16px;overflow:hidden;color:var(--ink)}
.room-sample>img{width:100%;height:145px;object-fit:contain;background:#eef2f6}.room-sample>span{display:block;padding:15px}.room-sample small{font-size:14px;color:#7c8694;display:block;line-height:1.6}.room-sample strong{display:block;font-size:14px;line-height:1.7;margin-top:7px}
.machine-hint{font-size:14px;line-height:1.9;color:#7a8392;margin:-8px 0 24px}.machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.skill-machine{border:1px solid #e2e7ef;border-radius:18px;padding:0;background:linear-gradient(135deg,#fafcfe,#fff);overflow:hidden}
.skill-machine summary{padding:20px;align-items:center;gap:17px}.skill-machine summary:after{font-size:18px;flex:0 0 18px;color:var(--room-color)}
.machine-cartridge{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:58px;border-radius:12px 12px 17px 17px;border:1px solid #d6e0ed;border-bottom:5px solid #c6d2e1;background:linear-gradient(145deg,#fff,#e3eaf4);color:var(--room-color);font:600 16px ui-monospace,monospace;box-shadow:inset 0 0 0 4px #ffffffa6}
.skill-machine summary>span:nth-child(2){flex:1;min-width:0}.skill-machine small{font-size:14px;letter-spacing:.05em;color:var(--room-color);display:block;margin-bottom:7px}.skill-machine strong{display:block;font-size:15px;line-height:1.6}.machine-description{display:block;font-size:14px;font-weight:400;line-height:1.7;color:#7c8492;margin-top:8px}
.machine-skill-list{padding:0 17px 17px;display:grid;gap:8px}.machine-skill-list button{display:block;width:100%;padding:15px;border:1px solid #e4e9f1;border-radius:11px;background:white;text-align:left;color:var(--ink)}.machine-skill-list button:hover{background:#f0f5fd}.machine-skill-list strong{font-size:14px}.machine-skill-list code{display:block;font-size:14px;overflow-wrap:anywhere;color:#8a93a0;margin-top:5px}.machine-skill-list span{display:block;font-size:14px;line-height:1.8;margin-top:9px;color:#6d7888}.machine-skill-list .machine-view{color:var(--room-color);font-size:14px}
@media(max-width:1050px){.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.skill-index .skill-grid{grid-template-columns:1fr 1fr}.room-hero{gap:23px}.room-hero h3{font-size:23px}.room-hero p:not(.crew-cast):not(.room-stat){font-size:14px}.room-samples{grid-template-columns:1fr 1fr}.room-sample>img{height:180px}}
@media(max-width:600px){.skill-workshop{padding:68px 20px}.workshop-heading{margin-bottom:30px}.workshop-heading h2{font-size:30px;line-height:1.4}.workshop-lead{font-size:17px;line-height:1.8;margin-top:23px}.workshop-definition{font-size:14px}.crew-grid{grid-template-columns:1fr;gap:23px}.crew-card{border-radius:22px}.crew-card-copy{padding:21px 23px}.crew-card-copy>strong{font-size:20px}.crew-cast{font-size:14px}.crew-summary{font-size:14px;min-height:0;margin-bottom:20px}.workshop-footnote{font-size:14px;line-height:1.9}.skill-index{margin-top:32px}.skill-index>summary{font-size:15px}.skill-index .skill-grid{grid-template-columns:1fr}.skill-index .library-head h3{font-size:23px}.skill-index .skill-filters{margin-left:0;margin-right:0;padding:0}.room-content{padding:20px 4px 0}.room-hero{grid-template-columns:1fr;gap:20px}.room-hero>div{padding:0 5px}.room-hero h3{font-size:24px}.room-hero p:not(.crew-cast):not(.room-stat){font-size:14px}.room-stat{margin-top:17px}.room-section-title{font-size:23px;margin:31px 4px 18px}.room-samples{gap:10px}.room-sample>img{height:115px}.room-sample>span{padding:12px}.room-sample strong{font-size:14px}.room-sample small{font-size:14px}.machine-grid{grid-template-columns:1fr;gap:12px}.skill-machine summary{padding:18px 15px;gap:13px}.skill-machine strong{font-size:14px}.machine-hint{font-size:14px;margin-left:4px}.machine-description{font-size:14px}.machine-cartridge{flex-basis:42px;height:53px}}
@media(prefers-reduced-motion:reduce){.crew-card{transition:none}.crew-card:hover{transform:none}}

/* Crew names sit below the artwork; no text overlays on generated images. */
.crew-names{display:grid;gap:8px;font-size:22px;line-height:1.5;font-weight:750;letter-spacing:-.045em;color:#1d1d1f}
.crew-person{display:flex;gap:8px;align-items:baseline}.crew-person>span:last-child{min-width:0}.crew-suffix{white-space:nowrap}.crew-position{flex:0 0 20px;align-self:center;font-size:14px;line-height:20px;letter-spacing:0;font-weight:500;text-align:center;border-radius:5px;background:#f1f3f6;color:#6d7888}
.room-hero .crew-names{font-size:27px;gap:10px}.room-hero h3{font-size:22px;margin-top:20px;color:#626a77}
@media(max-width:1050px){.room-hero .crew-names{font-size:23px}.room-hero h3{font-size:19px}}
@media(max-width:600px){.crew-names{font-size:22px}.room-hero .crew-names{font-size:23px}.crew-catch{font-size:16px}.room-hero h3{font-size:19px}}
@media(max-width:360px){.crew-names,.room-hero .crew-names{font-size:20px}}

/* Character names are part of the artwork in this revision. */
.crew-catch{font-size:20px;color:var(--ink);margin-top:0;font-weight:700}
.room-hero h3{color:var(--ink);font-size:28px;margin:12px 0 19px}
@media(max-width:1050px){.room-hero h3{font-size:23px}}
@media(max-width:600px){.room-hero h3{font-size:24px}}

/* v10: real work and its skills form one browsable collection. */
.workshop-collection{display:inline-block;font-size:14px;color:#65748b;letter-spacing:.03em;margin:20px 0 0;border-top:1px solid #dae1eb;padding-top:18px}
.workshop-feature{display:grid;grid-template-columns:1.6fr 1fr;gap:0;max-width:1440px;margin:0 auto 32px;border-radius:25px;background:white;overflow:hidden;box-shadow:0 8px 35px #1a2d4306}
.feature-art{position:relative;display:block;width:100%;border:0;padding:0;background:#edf3f6;overflow:hidden}.feature-art>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}.feature-play{position:absolute;bottom:20px;right:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#ffffffdf;color:#243b50;font-size:27px;box-shadow:0 3px 15px #132e5620}.feature-copy{padding:35px;align-self:center}.feature-copy h3{font-size:clamp(26px,2.4vw,37px);line-height:1.35;letter-spacing:-.045em;margin:17px 0}.feature-copy p:not(.eyebrow){font-size:14px;line-height:1.9;color:#6a7482}.feature-copy .text-link{margin-top:12px;font-size:14px}.feature-copy .eyebrow{font-size:14px}
.crew-card-copy{padding:24px 22px 23px}.crew-catch{font-size:19px}.crew-summary{font-size:14px;margin:13px 0 17px;min-height:3.7em}.crew-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:23px}.crew-previews>span{min-width:0;display:block}.crew-previews img{width:100%;height:93px;object-fit:contain;display:block;background:#f3f5f8;border-radius:8px}.crew-previews>span>span{font-size:14px;color:#7b8796;line-height:1.4;display:block;text-align:center;padding:8px 0 0}.crew-card-bottom{font-size:14px}
.room-hero{grid-template-columns:.9fr 1.1fr;gap:35px}.room-hero h3{font-size:30px}.room-hero .room-stat{font-size:14px}.room-section-title{margin-top:48px;font-size:26px}
.room-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.room-sample{background:white;box-shadow:0 8px 28px #20354f08;border:1px solid #e7ebf0;border-radius:18px;transition:transform .2s,box-shadow .2s}.room-sample:hover{transform:translateY(-4px);box-shadow:0 12px 32px #233a5816}.room-sample>img{height:auto;aspect-ratio:4/3;object-fit:contain;background:#f0f3f7}.room-sample>span{padding:20px;display:flex;flex-direction:column;flex:1}.room-sample{display:flex;flex-direction:column}.room-sample small{font-size:14px;color:var(--room-color)}.room-sample strong{font-size:17px;line-height:1.65;letter-spacing:-.03em;margin:10px 0}.sample-description{display:block;font-size:14px;line-height:1.8;color:#737e8d;margin:0 0 20px}.sample-action{display:block;font-size:14px;color:var(--room-color);font-weight:600;margin-top:auto}
.output-connections{padding:28px 5px 0;max-width:900px;margin:auto}.output-connections h3{font-size:15px;margin:0 0 15px}.output-connections .related-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.output-connections .related-skills span{font-size:14px}.output-connections .related-skills code{font-size:14px}
@media(max-width:1050px){.workshop-feature{grid-template-columns:1.2fr 1fr}.feature-copy{padding:28px}.feature-copy h3{font-size:28px}.feature-copy p:not(.eyebrow){font-size:14px}.room-samples{grid-template-columns:1fr 1fr;gap:16px}.room-hero h3{font-size:25px}.crew-previews img{height:110px}.output-connections .related-skills{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.workshop-feature{grid-template-columns:1fr;margin-bottom:25px;border-radius:22px}.feature-copy{padding:25px}.feature-copy h3{font-size:28px}.feature-copy h3 br{display:none}.feature-copy p:not(.eyebrow){font-size:14px}.feature-play{bottom:14px;right:14px;width:38px;height:38px;font-size:23px}.crew-previews img{height:105px}.crew-catch{font-size:20px}.crew-summary{font-size:14px}.crew-previews>span>span{font-size:14px}.crew-card-bottom{font-size:14px}.room-hero{grid-template-columns:1fr;gap:15px}.room-hero h3{font-size:24px}.room-section-title{font-size:23px;letter-spacing:-.04em}.room-samples{grid-template-columns:1fr;gap:22px}.room-sample{border-radius:17px}.room-sample>img{aspect-ratio:4/3}.room-sample>span{padding:20px}.room-sample strong{font-size:19px}.room-sample small{font-size:14px}.sample-description{font-size:14px}.sample-action{font-size:14px}.output-connections .related-skills{grid-template-columns:1fr}.workshop-collection{font-size:14px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.room-sample{transition:none}.room-sample:hover{transform:none}}
.output-movie video{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;border-radius:14px;background:#101419}.movie-controls{display:flex;align-items:center;gap:18px;padding:18px 3px}.movie-controls button{flex-shrink:0;border:0;border-radius:30px;padding:13px 21px;font:inherit;font-size:14px;font-weight:600;background:#176bd4;color:#fff}.movie-controls input{flex:1;min-width:30px;accent-color:#176bd4}.movie-time{font-size:14px;white-space:nowrap;color:#6b7687;font-variant-numeric:tabular-nums}@media(max-width:600px){.movie-controls{gap:10px;flex-wrap:wrap}.movie-controls button{font-size:14px;padding:12px 18px}.movie-controls input{order:3;flex-basis:100%}.movie-time{margin-left:auto}}

/* v11: knowledge and strategy have their own workshop; the loop closes below. */
.crew-card--wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.crew-card--wide>img{width:100%;height:auto}.crew-card--wide .crew-card-copy{padding:clamp(25px,4vw,60px)}.crew-card--wide .crew-catch{font-size:clamp(23px,2.5vw,35px)}.crew-card--wide .crew-summary{min-height:0;font-size:14px;line-height:1.9}.crew-card--wide .crew-previews img{height:clamp(90px,10vw,145px)}
@media(max-width:600px){.crew-card--wide{display:block}.crew-card--wide .crew-card-copy{padding:24px 22px 23px}.crew-card--wide .crew-catch{font-size:20px}.crew-card--wide .crew-summary{font-size:14px}.crew-card--wide .crew-previews img{height:105px}}

/* v12: eight workshops, an expanding gallery, and a simple start. */
@media(min-width:1101px){.crew-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.crew-card{grid-column:span 2}.crew-card--final{grid-column:span 3}}
#rail-position{font-variant-numeric:tabular-nums;font-size:14px;color:#777c88;letter-spacing:.1em;margin-right:16px;align-self:center}.loop-change-caption{text-align:center;font-size:clamp(20px,3vw,35px);font-weight:700;letter-spacing:-.03em;margin:28px 0 45px}.setup-demo{max-width:1060px;margin:48px auto 0;position:relative;border-radius:28px;overflow:hidden;background:#e9ecf3;box-shadow:0 24px 65px #1523460a}.setup-demo video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.setup-demo-note{text-align:center!important;font-size:14px!important;line-height:1.9!important;color:#868991!important;margin:19px auto 48px!important}.setup-demo .film-control{position:absolute;right:20px;bottom:20px;border:0;border-radius:30px;padding:12px 20px;background:#ffffffea;color:#25262a;box-shadow:0 3px 15px #0001;cursor:pointer}
@media(max-width:600px){.setup-demo video{aspect-ratio:8/9}.setup-demo{border-radius:18px;margin-top:30px}.setup-demo .film-control{right:10px;bottom:10px;font-size:14px;padding:7px 12px}.setup-demo-note{font-size:14px!important}.loop-change-caption{margin:20px 0 28px}#rail-position{font-size:14px;margin-right:8px}}

/* v13: matched edition rows; consent before delivery. */
@media(min-width:601px){.edition-grid{grid-template-rows:auto auto 1fr auto;column-gap:50px;row-gap:0}.edition-grid article{display:grid;grid-template-rows:subgrid;grid-row:span 4;justify-items:center}.edition-grid article>*{min-width:0}.edition-grid .edition-description{align-self:start}.edition-grid .pill{align-self:end}}
.edition-grid .pill{width:100%;max-width:340px;min-height:54px;padding:14px 20px;gap:18px}.receive-flow{max-width:1030px;margin:0 auto 34px;text-align:center;padding:27px 30px 25px;border:1px solid #e0e3e9;border-radius:22px;background:#ffffffa6}.receive-flow .eyebrow{font-size:14px;margin:0 0 22px}.receive-flow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.receive-flow li{display:flex;justify-content:center;align-items:center;gap:13px}.receive-flow li span{font-size:14px;font-weight:700;color:#5680c7}.receive-flow li strong{font-size:16px;font-weight:650}.receive-flow>p:not(.eyebrow){font-size:14px;color:#646b76;margin:23px 0 0}.receive-flow .receive-hint{font-size:14px!important;margin-top:7px!important;color:#858a93!important}
@media(max-width:900px) and (min-width:601px){.edition-grid{column-gap:24px}.edition-grid .pill{font-size:14px}.receive-flow{padding-left:18px;padding-right:18px}.receive-flow li{gap:7px}.receive-flow li strong{font-size:14px}}
@media(max-width:600px){.edition-grid .pill{font-size:14px;max-width:340px}.receive-flow{padding:25px 18px;border-radius:18px}.receive-flow ol{grid-template-columns:1fr;gap:20px;max-width:250px;margin:auto}.receive-flow li{justify-content:flex-start}.receive-flow li strong{font-size:15px}.receive-flow>p:not(.eyebrow){font-size:14px}.receive-flow .receive-hint{font-size:14px!important}}

/* abloop.v052.css */
/* 「AIが自律的にABテストを続ける！」(v052)。トップと最上位スキルの詳細ページで共通。暗い面は使わない。動きは押す・乗せる時だけ */
.mv-abloop{margin:56px auto 0;max-width:1100px}
.mv-abloop__head{text-align:center;max-width:780px;margin:0 auto}
.mv-abloop__head .eyebrow{margin:0 0 8px}
.mv-abloop__head h3{margin:0;font-size:clamp(30px,4.6vw,54px);line-height:1.22;letter-spacing:-.035em;text-wrap:balance}
.mv-abloop__lead{margin:16px auto 0;font-size:17px;line-height:1.85;color:#3a3a3c;max-width:640px;word-break:keep-all;overflow-wrap:anywhere}
.mv-abcards{margin-top:36px}
.mv-abcards__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.mv-abcards__head h4,.mv-abcards__head h2{margin:0;font-size:20px;letter-spacing:-.01em}
.mv-abcards__head p{margin:0;font-size:13px;color:#55555b}
.mv-abcards__list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mv-abcards__list--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mv-abc{--k:#0768cc;position:relative;display:grid;gap:10px;align-content:start;min-width:0;background:#fff;border:1px solid #e6e8ee;border-radius:20px;padding:18px 18px 16px;text-align:left}
.mv-abc[data-kind="動画広告"]{--k:#d2452f}.mv-abc[data-kind="バナー"]{--k:#7a4fd8}.mv-abc[data-kind="LP"]{--k:#0768cc}.mv-abc[data-kind="計測"]{--k:#1d8a6a}.mv-abc[data-kind="配信先"]{--k:#b0741b}
.mv-abc__top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.mv-abc__kind{font-size:12px;font-weight:800;color:#fff;background:var(--k);border-radius:999px;padding:4px 10px}
.mv-abc__status{font-size:12px;font-weight:700;color:#5d5d63;background:#f2f3f6;border-radius:999px;padding:4px 10px}
.mv-abc__ratio{margin:-4px 0 -6px auto;line-height:1}
.mv-abc__ratio strong{font:800 40px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;letter-spacing:-.04em;color:var(--k);font-variant-numeric:tabular-nums}
.mv-abc__ratio small{font-size:16px;margin-left:2px;letter-spacing:0}
.mv-abc__subject{margin:2px 0 0;font-size:16px;font-weight:750;line-height:1.5}
.mv-abc__rows{display:grid;gap:9px}
.mv-abc__row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"k t w" "k b b";gap:5px 9px;align-items:center}
.mv-abc__row b{grid-area:k;align-self:start;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef0f4;color:#55555b;font-size:12px}
.mv-abc__txt{grid-area:t;font-size:14px;line-height:1.5;color:#3a3a3c}
.mv-abc__row em{grid-area:w;font-style:normal;font-size:12.5px;font-weight:800;color:var(--k)}
.mv-abc__bar{grid-area:b;height:8px;border-radius:999px;background:#f0f1f4;overflow:hidden}
.mv-abc__bar i{display:block;height:100%;border-radius:inherit;background:#c6cbd5}
.mv-abc__row.is-win b{background:var(--k);color:#fff}
.mv-abc__row.is-win .mv-abc__txt{color:#1d1d1f;font-weight:700}
.mv-abc__row.is-win .mv-abc__bar i{background:var(--k)}
.mv-abc__line{margin:2px 0 0;font-size:12.5px;line-height:1.65;color:#55555b;word-break:keep-all;overflow-wrap:anywhere}
.mv-abc__note{margin:0;font-size:13px;font-weight:700;line-height:1.65;color:var(--k);word-break:keep-all;overflow-wrap:anywhere}
.mv-abc__caveat{margin:0;font-size:12.5px;line-height:1.6;color:#55555b}
.mv-abcards__foot{margin:14px 0 0;font-size:12.5px;line-height:1.85;color:#55555b}
.mv-rank{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin-top:44px;border-radius:26px;overflow:hidden;text-decoration:none;color:#1d1d1f;
  background:linear-gradient(135deg,#fff8e4,#f6efff 55%,#eaf4ff);border:1px solid #ecdcae;box-shadow:0 30px 60px -42px rgba(90,64,10,.5);transition:transform .25s,box-shadow .25s}
.mv-rank::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.7) 48%,transparent 60%);transform:translateX(-120%);pointer-events:none}
.mv-rank:hover,.mv-rank:focus-visible{transform:translateY(-3px);box-shadow:0 36px 64px -40px rgba(90,64,10,.55)}
.mv-rank:hover::after,.mv-rank:focus-visible::after{transform:translateX(120%);transition:transform .9s ease}
.mv-rank__art{display:block;min-height:100%}
.mv-rank__art img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.mv-rank__body{display:grid;gap:11px;align-content:center;padding:28px 30px}
.mv-rank__badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mv-rank__s{font:900 13px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.14em;color:#553700;background:linear-gradient(135deg,#ffe38e,#f2b53b 45%,#ffeaa9 70%,#d9991d);border-radius:8px;padding:7px 10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
.mv-rank__kicker{font-size:12.5px;font-weight:800;letter-spacing:.08em;color:#835c0e}
.mv-rank__name{font-size:clamp(22px,2.6vw,30px);line-height:1.3;letter-spacing:-.02em}
.mv-rank__desc{font-size:15.5px;line-height:1.8;color:#3a3a3c}
.mv-rank__combo{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mv-rank__combo small{flex-basis:100%;font-size:12.5px;font-weight:700;color:#55555b}
.mv-rank__combo span{font-size:13px;font-weight:650;background:rgba(255,255,255,.85);border:1px solid #e9e1cc;border-radius:999px;padding:5px 11px}
.mv-rank__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.mv-rank__meta{font:600 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6b5626}
.mv-rank__go{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:#0768cc;color:#fff;font-size:14.5px;font-weight:700}
.mv-rank:hover .mv-rank__go{background:#005bb9}
@media (max-width:900px){.mv-abcards__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .mv-abloop{margin-top:40px}
  .mv-abloop__lead{font-size:15.5px}
  .mv-abcards__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:14px -20px 0;padding:2px 20px 10px;scroll-padding:0 20px}
  .mv-abc{flex:0 0 84%;scroll-snap-align:start}
  .mv-rank{grid-template-columns:1fr;border-radius:22px}
  .mv-rank__art img{min-height:0;aspect-ratio:3/2}
  .mv-rank__body{padding:20px 20px 22px}
}
@media (prefers-reduced-motion: reduce){.mv-rank,.mv-rank::after{transition:none!important}.mv-rank:hover::after{transform:translateX(-120%)}}
/* 下のアーカイブは「実物を見る」小見出しに(本人: 2つの区画を1つに) */
.ab-archive .ab-heading{margin-bottom:16px}
.ab-archive .mv-ab-h4{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.35;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.ab-archive{margin-top:48px}
/* 日本語は文節で折る(phrase.js)・最後の行が1字だけにならないように */
.mv-abloop,.mv-rank{word-break:keep-all;overflow-wrap:anywhere}
.mv-abloop p,.mv-rank__desc,.mv-abc__txt{text-wrap:pretty}
.mv-rank__name{text-wrap:balance}
/* A/B の当てっこ(9/30)。押すまで答えを伏せる(.is-ready のある時だけ)。動きは押した時だけ */
.mv-quiz{margin-top:34px;padding:26px 26px 22px;border-radius:28px;background:linear-gradient(150deg,#eef4ff 0%,#f6f1ff 55%,#fff4ea 100%);color:#1d1d1f;border:1px solid #e3e6f2;box-shadow:0 30px 60px -44px rgba(40,60,120,.45)}
.mv-quiz__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.mv-quiz__head h4{margin:0;font-size:clamp(22px,2.8vw,32px);letter-spacing:-.02em;color:#1d1d1f}
.mv-quiz__head p{margin:0;font-size:14px;color:#55555b;max-width:520px;word-break:keep-all;overflow-wrap:anywhere}
.mv-quiz__list{list-style:none;margin:18px 0 0;padding:0}
.mv-quiz__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 6px;font-size:13px;color:#55555b}
.mv-quiz__meta span:first-child{font:700 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c2410c;letter-spacing:.06em}
.mv-quiz__ask{margin:0 0 14px;font-size:clamp(18px,2.2vw,24px);font-weight:800;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.mv-quiz__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mv-quiz__pick{position:relative;display:grid;gap:8px;align-content:start;padding:10px;border-radius:20px;border:2px solid #dfe4ef;background:#fff;color:#1d1d1f;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,background .2s,opacity .3s}
.mv-quiz__pick:hover,.mv-quiz__pick:focus-visible{transform:translateY(-3px);border-color:#0768cc;background:#fff}
.mv-quiz__pick img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#f1f3f8}
.mv-quiz__tag{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1d1d1f;color:#fff;font:800 16px/1 -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.mv-quiz__label{font-size:14.5px;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.mv-quiz__result{margin-top:14px;min-height:5.2em}
.mv-quiz__verdict{margin:0;font-size:15px;font-weight:800;color:#c2410c;min-height:1.4em}
.mv-quiz__answer{margin:4px 0 0}
.mv-quiz__answer strong{font-size:clamp(26px,3.6vw,40px);letter-spacing:-.02em;line-height:1.25;color:#0768cc}
.mv-quiz__why{margin:6px 0 0;font-size:14.5px;line-height:1.75;color:#3a3a3c;word-break:keep-all;overflow-wrap:anywhere}
.mv-quiz__note{margin:4px 0 0;font-size:12.5px;line-height:1.7;color:#55555b;word-break:keep-all;overflow-wrap:anywhere}
.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__answer,.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__why,.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__note{visibility:hidden}
.mv-quiz__item.is-done .mv-quiz__pick{cursor:default;transform:none}
.mv-quiz__item.is-done .mv-quiz__pick:not(.is-win){opacity:.45}
.mv-quiz__item.is-done .mv-quiz__pick.is-win{border-color:#0768cc;background:#f3f8ff;box-shadow:0 0 0 4px rgba(7,104,204,.14),0 18px 40px -20px rgba(7,104,204,.55)}
.mv-quiz__item.is-done .mv-quiz__pick.is-win::after{content:"WIN";position:absolute;right:18px;top:18px;padding:6px 10px;border-radius:999px;background:#0768cc;color:#fff;font:900 13px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em}
.mv-quiz__item.is-done .mv-quiz__answer strong{display:inline-block;animation:mv-quiz-pop .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes mv-quiz-pop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
.mv-quiz:not(.is-ready) .mv-quiz__pick.is-win{border-color:#0768cc}
.mv-quiz__nav{display:flex;align-items:center;gap:10px;margin-top:16px}
.mv-quiz__nav button{min-height:44px;min-width:44px;border-radius:999px;border:1px solid #d9e2f5;background:#fff;color:#1d3f7a;font-size:18px;font-weight:700}
.mv-quiz__nav button:disabled{opacity:.35}
.mv-quiz__nav .mv-quiz__next{margin-left:auto;padding:0 20px;font-size:15px;background:#0768cc;color:#fff;border-color:transparent}
.mv-quiz__score{font:700 13.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#55555b}
.mv-quiz:not(.is-ready) .mv-quiz__nav{display:none}
.mv-quiz:not(.is-ready) .mv-quiz__item[hidden]{display:block}
@media (max-width:600px){.mv-quiz{padding:20px 16px 18px;border-radius:22px;margin-left:-4px;margin-right:-4px}.mv-quiz__pair{gap:10px}.mv-quiz__tag{left:14px;top:14px;width:28px;height:28px;font-size:14px}.mv-quiz__item.is-done .mv-quiz__pick.is-win::after{right:14px;top:14px;font-size:11px;padding:5px 8px}.mv-quiz__label{font-size:13px}}
@media (prefers-reduced-motion: reduce){.mv-quiz__pick,.mv-quiz__item.is-done .mv-quiz__answer strong{transition:none;animation:none}}
.mv-abc__ratio--even strong{color:#6e6e73}
.mv-abc[data-kind="広告の絵"]{--k:#7a4fd8}
/* 9/30 当てっこの直し: 札と WIN は画像の上の行に(スマホで広告の見出しに重なった)/答える前は短い案内だけ(空白を残さない) */
.mv-quiz__top{display:flex;align-items:center;gap:8px;min-height:30px}
.mv-quiz__pick .mv-quiz__tag{position:static;flex:0 0 auto;width:28px;height:28px;font-size:14px;box-shadow:none}
.mv-quiz__top .mv-quiz__label{flex:1 1 auto;min-width:0}
.mv-quiz__win{display:none;flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#0768cc;color:#fff;font:900 12px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em}
.mv-quiz__item.is-done .mv-quiz__pick.is-win .mv-quiz__win,.mv-quiz:not(.is-ready) .mv-quiz__pick.is-win .mv-quiz__win{display:inline-block}
.mv-quiz__item.is-done .mv-quiz__pick.is-win::after{content:none}
.mv-quiz__prompt{margin:0;font-size:14px;font-weight:700;color:#55555b}
.mv-quiz__item.is-done .mv-quiz__prompt,.mv-quiz:not(.is-ready) .mv-quiz__prompt{display:none}
.mv-quiz__result{min-height:0}
.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__answer,.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__why,.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__note,.mv-quiz.is-ready .mv-quiz__item:not(.is-done) .mv-quiz__verdict{display:none}
@media (max-width:600px){.mv-quiz__pick{padding:8px}.mv-quiz__top{align-items:flex-start}.mv-quiz__pick .mv-quiz__tag{width:24px;height:24px;font-size:12px}.mv-quiz__win{font-size:10.5px;padding:4px 7px}}
.mv-abcards__foot--note{margin-top:2px}

/* ab-archive.css?v=28.03 */

.ab-archive{margin:90px 0 25px;scroll-margin-top:88px;text-align:left;color:#1d2534}.ab-archive *{box-sizing:border-box}.ab-archive button,.ab-archive select{font:inherit}.ab-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.ab-eyebrow{font-size:14px;font-weight:650;letter-spacing:.12em;color:#5271a1;margin:0 0 13px}.ab-archive .ab-heading h3{font-size:clamp(30px,3.7vw,54px);line-height:1.24;letter-spacing:-.05em;margin:0}.ab-lead{font-size:14px;line-height:1.9;color:#737984;max-width:29em;margin:0}.ab-filter{display:flex;gap:8px;overflow:auto;padding:2px 0 13px;scrollbar-width:thin}.ab-filter button{white-space:nowrap;padding:9px 17px;background:white;border:1px solid #dfe4eb;border-radius:30px;color:#67707e;cursor:pointer;font-size:14px}.ab-filter button[aria-pressed=true]{background:#1c263a;border-color:#1c263a;color:white}.ab-rail{display:flex;gap:12px;overflow:auto;scroll-snap-type:x proximity;padding:3px 3px 18px;scrollbar-width:thin}.ab-set{flex:0 0 176px;text-align:left;padding:8px 8px 12px;border-radius:15px;background:#f4f5f8;border:2px solid transparent;cursor:pointer;color:#687181;scroll-snap-align:start}.ab-set[hidden]{display:none}.ab-set[aria-pressed=true]{border-color:#3475d6;background:#eef5ff;color:#1a436f}.ab-thumbs{display:flex;gap:4px;height:66px;overflow:hidden;border-radius:8px;background:#e3e7ef}.ab-thumbs img{width:50%;height:100%;object-fit:contain}.ab-set small{display:block;font-size:14px;margin:10px 3px 5px}.ab-set strong{display:block;font-size:14px;line-height:1.5;margin:0 3px}.ab-board{border-radius:26px;padding:30px;background:#f5f6f8;border:1px solid #e6e9ee}.ab-board-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ab-meta{font-size:14px;color:#768397;margin:0 0 10px}.ab-archive .ab-title{font-size:clamp(21px,2.4vw,32px);letter-spacing:-.03em;line-height:1.4;margin:0 0 10px}.ab-description{font-size:14px;line-height:1.85;color:#6f7785;margin:0;max-width:59em}.ab-pager{display:flex;align-items:center;gap:8px;flex-shrink:0}.ab-pager button{width:37px;height:37px;border:0;border-radius:50%;background:#e6eaf0;color:#455570;cursor:pointer;font-size:20px}.ab-pager button:disabled{opacity:.35;cursor:default}.ab-counter{font-size:14px;white-space:nowrap;min-width:35px;text-align:center}.ab-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.ab-side{min-width:0}.ab-choice{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ab-side-label{font-size:14px;font-weight:700;color:#6c7a91;white-space:nowrap}.ab-choice select{min-width:0;width:100%;padding:9px 30px 9px 10px;border:1px solid #dde2ea;border-radius:8px;color:#263850;font-size:14px;background:#fff}.ab-art{width:100%;height:clamp(280px,39vw,560px);padding:0;border:0;border-radius:12px;background:#e9edf3;cursor:zoom-in;overflow:hidden;display:block}.ab-art img{width:100%;height:100%;object-fit:contain;display:block}.ab-caption{font-size:14px;color:#637184;line-height:1.8;margin:12px 0 0}.ab-open-hint{display:block;font-size:14px;color:#246aca;margin-top:5px}.ab-status{margin:24px 0 0;display:flex;gap:12px;align-items:start;font-size:14px;line-height:1.8;color:#78818e}.ab-badge{flex-shrink:0;border:1px solid #d7e0ec;padding:3px 9px;border-radius:20px;font-size:14px;color:#637895;background:#ffffffa8}.ab-note{font-size:14px;line-height:1.8;color:#818895;margin:9px 0 0}.ab-archive .ab-full{display:inline-block;border:0;background:none;padding:16px 0 0;font-size:14px;color:#256bbd;cursor:pointer;text-decoration:none}.ab-viewer{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:18px;width:min(1160px,96vw);max-width:96vw;max-height:95vh;background:#f3f5f8;overflow:auto;text-align:left;box-shadow:0 30px 90px #0006}.ab-viewer::backdrop{background:#101a2be6;backdrop-filter:blur(8px)}.ab-viewbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;background:white;position:sticky;top:0;z-index:1}.ab-view-title{font-size:14px;color:#23334d}.ab-close{border:0;border-radius:50%;height:34px;width:34px;font-size:23px;background:#eff1f6;color:#1d2c41;cursor:pointer;flex-shrink:0}.ab-full-image{display:block;margin:auto;max-height:calc(95vh - 130px);height:auto;width:auto;max-width:100%;object-fit:contain}.ab-viewfoot{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:14px;font-size:14px}.ab-viewfoot button{border:1px solid #d5dce7;border-radius:20px;padding:7px 15px;background:white;cursor:pointer}.ab-viewfoot button[aria-pressed=true]{background:#243a59;color:white}.ab-original{color:#256bbd;text-decoration:none}.ab-archive button:focus-visible,.ab-archive select:focus-visible,.ab-archive a:focus-visible{outline:3px solid #276bc9;outline-offset:3px}.ab-standalone{margin:0;background:white;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans',sans-serif}.ab-standalone main{max-width:1300px;padding:24px 30px;margin:auto}.ab-standalone .ab-archive{margin:10px 0}.ab-standalone .ab-full-gallery{display:none}
@media(max-width:850px){.ab-heading{display:block}.ab-lead{margin-top:18px}.ab-board{padding:21px}.ab-pair{gap:15px}.ab-art{height:42vw}.ab-title{max-width:25em}.ab-board-head{display:block}.ab-pager{justify-content:flex-end;margin-top:15px}.ab-standalone main{padding:18px}}
@media(max-width:600px){.ab-archive{margin-top:60px;scroll-margin-top:76px}.ab-heading{margin-bottom:21px}.ab-archive .ab-heading h3{font-size:31px}.ab-lead{font-size:14px;line-height:1.8}.ab-filter button{font-size:14px;padding:8px 12px}.ab-set{flex-basis:149px}.ab-thumbs{height:62px}.ab-board{padding:17px 13px;border-radius:18px}.ab-archive .ab-title{font-size:23px}.ab-description{font-size:14px}.ab-pair{grid-template-columns:1fr;gap:23px;margin-top:16px}.ab-art{height:auto;aspect-ratio:1;max-height:650px}.ab-choice select{font-size:14px}.ab-meta{font-size:14px}.ab-pager button{width:33px;height:33px}.ab-status{display:block}.ab-badge{display:inline-block;margin-bottom:7px}.ab-view-title{font-size:14px}.ab-viewbar{padding:9px 12px}.ab-viewfoot{font-size:14px;gap:8px}.ab-standalone main{padding:12px}.ab-full-image{max-height:calc(94vh - 132px)}}

.ab-heading h3,.ab-set strong{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
@supports (word-break:auto-phrase){.ab-heading h3,.ab-set strong{word-break:auto-phrase}}

.ab-title,.ab-eyebrow{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}@supports (word-break:auto-phrase){.ab-title,.ab-eyebrow{word-break:auto-phrase}}
.ab-full-image{max-height:calc(95vh - 140px);width:auto;max-width:100%;margin:0 auto;display:block;object-fit:contain}

/* workshop-motion.css */
.workshop-feature{scroll-margin-top:85px}.feature-motion{align-self:center;aspect-ratio:16/9}.feature-motion .feature-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-motion-frame{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;visibility:hidden}.feature-motion.is-ready{aspect-ratio:auto}.feature-motion.is-ready .feature-motion-frame{visibility:visible}.feature-motion.is-ready .feature-poster{visibility:hidden}
@media(max-width:600px){.feature-motion{aspect-ratio:4/5}.feature-motion .feature-poster{object-fit:contain;background:#eee5d9}.workshop-feature{scroll-margin-top:70px}}

/* skill-rack.css */
/* Interactive glass cartridges: names are real UI text, not image overlays. */
.room-hero{align-items:center}.room-hero-copy{min-width:0}.room-hero .room-stat{margin:15px 0 0}
.skill-rack{--rack-tint:color-mix(in srgb,var(--room-color),white 83%);margin-top:26px;min-width:0;position:relative}
.rack-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0}.rack-heading h4{font-size:14px;font-weight:650;letter-spacing:.02em;margin:0}.rack-total{font-size:14px;font-weight:650;letter-spacing:.13em;color:var(--room-color)}
.rack-stage{position:relative;isolation:isolate;margin:0 -8px;background:radial-gradient(ellipse at 50% 78%,var(--rack-tint),transparent 67%);border-radius:20px}
.rack-stage:before{content:'';position:absolute;z-index:-1;left:2%;right:2%;top:136px;height:50px;transform:perspective(180px) rotateX(27deg);background:linear-gradient(155deg,#ffffffd9,#f5faff80 30%,var(--rack-tint) 67%,#fff);border:1px solid #fff;border-bottom:6px solid color-mix(in srgb,var(--room-color),#d3e1e8 82%);border-radius:8px 8px 12px 12px;box-shadow:0 11px 13px -9px color-mix(in srgb,var(--room-color),transparent 60%),inset 0 -1px 2px #fff}
.rack-stage:after{content:'';position:absolute;pointer-events:none;left:10%;right:10%;height:2px;top:183px;background:linear-gradient(90deg,transparent,var(--room-color),#fff,var(--room-color),transparent);filter:drop-shadow(0 0 4px var(--room-color));opacity:.65}
.rack-rail{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:19px 8px 9px;border-radius:12px;outline-offset:2px}.rack-rail::-webkit-scrollbar{display:none}.rack-cartridges{display:flex;gap:12px;align-items:flex-start;position:relative}
.rack-cartridge{flex:0 0 calc((100% - 36px)/4);min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;border:0;background:transparent;color:#263443;padding:0 0 7px;text-align:center;cursor:pointer;font:inherit;outline-offset:1px;border-radius:9px;-webkit-tap-highlight-color:transparent}
.cartridge-glass{position:relative;display:block;width:79%;height:147px;box-sizing:border-box;border-radius:13px 13px 8px 8px;border:2px solid color-mix(in srgb,var(--room-color),white 53%);background:linear-gradient(118deg,#fff 0%,#ffffff85 10%,var(--rack-tint) 20%,#ffffff94 47%,#e6f4f677 59%,var(--rack-tint) 100%);box-shadow:inset 3px 0 0 #fff,inset -5px 0 2px color-mix(in srgb,var(--room-color),transparent 78%),3px 3px 0 color-mix(in srgb,var(--room-color),white 65%),6px 7px 0 #fff9,8px 10px 9px -7px var(--room-color);transform:perspective(550px) rotateY(-13deg) rotateX(5deg);transition:transform .24s,box-shadow .24s}
.cartridge-glass:before{content:'';position:absolute;inset:8px;border:1px solid #fff;border-radius:7px;background:linear-gradient(140deg,transparent 45%,#fff9 46%,transparent 56%);pointer-events:none}.cartridge-glass:after{content:'';position:absolute;left:18%;right:18%;bottom:24px;height:4px;background:var(--room-color);opacity:.55;box-shadow:0 0 9px var(--room-color);border-radius:5px}
.cartridge-serial{position:absolute;left:13px;top:10px;font-size:14px;line-height:1;font-weight:650;font-family:ui-monospace,monospace;color:var(--room-color)}
.cartridge-core{position:absolute;top:34px;left:17%;width:66%;height:65px;display:grid;place-items:center;background:linear-gradient(145deg,#fff, var(--rack-tint) 67%,#fff);border:1px solid #fff;border-radius:7px;box-shadow:0 3px 9px color-mix(in srgb,var(--room-color),transparent 81%),inset 0 0 12px #fff9}
.cartridge-ring{width:32px;height:32px;border:5px solid var(--room-color);border-right-color:#fff;border-radius:50%;transform:rotate(-35deg);opacity:.85;filter:drop-shadow(0 0 4px #fff)}.cartridge-ring:after{content:'';display:block;width:8px;height:8px;background:var(--room-color);border:2px solid white;border-radius:2px;transform:rotate(35deg);margin:5px}
.cartridge-pins{position:absolute;height:12px;bottom:2px;left:24%;right:24%;background:repeating-linear-gradient(90deg,#b8a56d 0,#f2e9ba 4px,transparent 4px,transparent 8px);border-radius:1px;opacity:.75}
.cartridge-name{font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.025em;margin:14px 0 0;min-height:3em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;width:100%}.cartridge-action{font-size:14px;line-height:1.5;color:var(--room-color);margin-top:4px;white-space:nowrap}
.rack-cartridge:hover .cartridge-glass,.rack-cartridge:focus-visible .cartridge-glass{transform:perspective(550px) rotateY(-7deg) translateY(-8px);box-shadow:inset 3px 0 0 #fff,inset -5px 0 2px color-mix(in srgb,var(--room-color),transparent 78%),3px 3px 0 var(--rack-tint),7px 12px 18px -8px var(--room-color)}
.rack-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;min-height:30px}.rack-hint{font-size:14px;color:#78818e;line-height:1.5}.rack-controls{display:flex;gap:8px;align-items:center}.rack-controls[hidden]{display:none}.rack-controls button{font:inherit;font-size:16px;line-height:1;border:1px solid #e5ebef;border-radius:50%;width:30px;height:30px;background:#fff;color:#35465b;cursor:pointer}.rack-controls button:disabled{opacity:.25;cursor:default}.rack-position{font-size:14px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums;color:#637082}
.rack-filter{margin-top:12px;border-top:1px solid #e9edf1;padding-top:12px;display:flex;align-items:center;gap:12px;font-size:14px;color:#76808d}.rack-filter>span{flex-shrink:0}.rack-filter select{font:inherit;color:#33485c;border:1px solid #e2e9ed;background:#f9fbfc;border-radius:8px;min-width:0;max-width:100%;padding:8px 26px 8px 10px;flex:1}
@media(max-width:1050px) and (min-width:601px){.cartridge-glass{height:126px;width:86%}.cartridge-core{top:31px;height:48px}.cartridge-ring{width:25px;height:25px;border-width:4px}.cartridge-ring:after{width:6px;height:6px;margin:3px}.rack-stage:before{top:116px}.rack-stage:after{top:162px}.cartridge-name{font-size:14px}.cartridge-action{font-size:14px}.rack-footer{flex-wrap:wrap}.rack-controls{margin-left:auto}}
@media(max-width:600px){.room-hero-copy{padding:0 3px!important}.skill-rack{margin:26px 0 8px}.rack-heading h4{font-size:14px}.rack-total{font-size:14px}.rack-cartridge{flex-basis:calc((100% - 12px)/2)}.cartridge-glass{width:76%;max-width:117px;height:145px}.cartridge-core{height:64px}.cartridge-name{font-size:14px;min-height:3em}.cartridge-action{font-size:14px}.rack-rail{padding-top:22px}.rack-stage:before{top:137px}.rack-stage:after{top:184px}.rack-controls button{width:34px;height:34px}.rack-footer{gap:7px;flex-wrap:wrap}.rack-hint{font-size:14px}.rack-controls{margin-left:auto}.rack-filter{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cartridge-glass{transition:none}.rack-cartridge:hover .cartridge-glass,.rack-cartridge:focus-visible .cartridge-glass{transform:perspective(550px) rotateY(-13deg) rotateX(5deg)}}

/* creator.css */
.creator-section{background:linear-gradient(180deg,#fff,#fbfcff 68%,#fff);padding-top:115px;padding-bottom:105px;scroll-margin-top:65px}
.creator-intro{max-width:1190px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,6vw,88px);align-items:center;scroll-margin-top:18px}
.creator-portrait{margin:0;position:relative;padding:10px;border-radius:30px;background:linear-gradient(145deg,#ebeff5,#fff 46%,#dae5f6);box-shadow:0 25px 60px -30px #364d7038;border:1px solid #edf0f5}
.creator-portrait img{width:100%;height:auto;border-radius:22px}
.creator-profile{min-width:0}.creator-profile .eyebrow{font-size:14px;letter-spacing:.1em;color:#5775a3;margin:0 0 18px}
.creator-profile h2{font-size:clamp(46px,5.3vw,74px);letter-spacing:-.07em;display:flex;align-items:baseline;gap:25px}
.creator-profile h2 span{font-size:17px;letter-spacing:.1em;font-weight:500;white-space:nowrap;color:#6a7280}
.creator-profile .creator-role{font-size:14px;color:#697789;margin:21px 0 0}
.creator-profile h3{font-size:clamp(22px,2.25vw,32px);line-height:1.6;letter-spacing:-.045em;font-weight:650;margin:28px 0 24px}
.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:14px;line-height:2.05;color:#656d79;margin:14px 0}
.creator-source{display:inline-block;margin-top:12px;color:#176aca;font-size:14px;line-height:1.8;padding:6px 0}
.creator-events{max-width:1440px;margin:90px auto 0}.creator-events-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.creator-events-head .eyebrow{font-size:14px;letter-spacing:.13em;margin-bottom:12px;color:#7c899d}.creator-events-head h3{font-size:34px;font-weight:700;letter-spacing:-.05em;margin:0;line-height:1.4}.creator-events-head>p{color:#747d8c;font-size:14px;line-height:1.9;margin:0}
.creator-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.creator-event{min-width:0;border:1px solid #e9edf3;border-radius:20px;overflow:hidden;background:white;box-shadow:0 12px 35px #31456007;display:flex;flex-direction:column}
.seminar-banner{border:0;background:#f2f5f9;width:100%;padding:0;cursor:zoom-in;display:block;overflow:hidden}.seminar-banner img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:opacity .2s}.seminar-banner:hover img{opacity:.88}.seminar-banner:focus-visible{outline-offset:-5px}
.seminar-copy{padding:22px 22px 23px;display:flex;flex-direction:column;flex:1}.seminar-copy time{font-size:14px;font-variant-numeric:tabular-nums;color:#7c899c;letter-spacing:.08em}.seminar-copy .seminar-host{font-size:14px;line-height:1.7;color:#768398;min-height:3.4em;margin:11px 0 8px}.seminar-copy h4{font-size:18px;line-height:1.6;letter-spacing:-.035em;min-height:3.2em;margin:0;font-weight:650}.seminar-copy>p:not(.seminar-host){font-size:14px;line-height:1.9;color:#717a88;margin:13px 0 22px}.seminar-copy a{font-size:14px;color:#176aca;line-height:1.7;margin-top:auto;align-self:start}.seminar-archive-note{text-align:right;color:#8a919b;font-size:14px;margin:19px 0 0;line-height:1.8}
#seminar-dialog{position:fixed;inset:0;width:calc(100% - 48px);max-width:1400px;max-height:92vh;margin:auto;padding:0;border:0;border-radius:23px;background:#fff;box-shadow:0 20px 100px #0003;color:#222;overflow:auto}
#seminar-dialog::backdrop{background:#131c2dcc;backdrop-filter:blur(10px)}.seminar-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 25px}.seminar-dialog-head p{font-size:14px;color:#7e8a9b;letter-spacing:.06em;margin:0 0 5px}.seminar-dialog-head h2{font-size:18px;line-height:1.5;letter-spacing:-.025em}.seminar-close{flex:0 0 36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;font-size:25px;color:#4b5564;font-weight:400}.seminar-dialog-head .seminar-close:focus-visible{outline-offset:3px}
#seminar-dialog-image{display:block;width:100%;max-height:calc(92vh - 155px);object-fit:contain;background:#f2f5f9}.seminar-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;font-size:14px;color:#6c7889}.seminar-dialog-foot a{color:#176aca;white-space:nowrap}
@media(max-width:1050px){.creator-intro{gap:40px;grid-template-columns:.88fr 1.12fr}.creator-profile h2{font-size:53px;gap:18px}.creator-profile h2 span{font-size:15px}.creator-profile h3{font-size:25px;margin:20px 0 17px}.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:14px}.creator-profile .creator-role{font-size:14px}.creator-event-grid{gap:16px}.seminar-copy{padding:19px 17px}.seminar-copy h4{font-size:16px}.seminar-copy>p:not(.seminar-host){font-size:14px}.creator-portrait{padding:8px;border-radius:25px}.creator-portrait img{border-radius:18px}}
@media(max-width:700px){.creator-section{padding-top:72px;padding-bottom:72px}.creator-intro{grid-template-columns:1fr;gap:35px;max-width:470px}.creator-portrait{width:100%;max-width:320px;margin:0 auto;padding:8px}.creator-profile .eyebrow{font-size:14px;margin-bottom:15px}.creator-profile h2{font-size:55px;gap:24px}.creator-profile h2 span{font-size:15px}.creator-profile .creator-role{font-size:14px;line-height:1.8;margin-top:15px}.creator-profile h3{font-size:24px;margin:26px 0 20px}.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:14px;line-height:2}.creator-source{font-size:14px;margin-top:10px}.creator-events{margin-top:58px}.creator-events-head{display:block;margin-bottom:25px}.creator-events-head h3{font-size:29px}.creator-events-head>p{font-size:14px;margin-top:15px}.creator-events-head>p br{display:none}.creator-event-grid{grid-template-columns:1fr;gap:25px}.seminar-copy{padding:22px}.seminar-copy .seminar-host{min-height:0;font-size:14px;margin:12px 0}.seminar-copy h4{min-height:0;font-size:20px}.seminar-copy>p:not(.seminar-host){font-size:14px;margin-bottom:24px}.seminar-copy a{font-size:14px}.seminar-archive-note{text-align:left;font-size:14px}.creator-event{border-radius:18px}
#seminar-dialog{width:calc(100% - 16px);border-radius:16px}.seminar-dialog-head{padding:17px 16px;gap:16px}.seminar-dialog-head h2{font-size:15px}.seminar-close{flex-basis:32px;height:32px;font-size:22px}.seminar-dialog-foot{font-size:14px;padding:16px;gap:12px}.seminar-dialog-foot a{font-size:14px}#seminar-dialog-image{max-height:calc(92vh - 165px)}}
@media(prefers-reduced-motion:reduce){.seminar-banner img{transition:none}}
@media(max-width:700px){.creator-profile h3{font-size:clamp(20px,5.5vw,24px)}}

@media(max-width:700px){.seminar-dialog-foot{flex-wrap:wrap}.seminar-dialog-foot>span{flex-basis:100%}}

/* secondview.css */
.secondview{background:#fff;padding-top:75px;padding-bottom:95px;scroll-margin-top:74px}.secondview-heading{text-align:center;margin:0 0 36px}.secondview-heading .eyebrow{font-size:14px;color:#727988;letter-spacing:.06em;margin-bottom:14px}.secondview-heading h2{font-size:clamp(35px,4.7vw,68px);letter-spacing:-.055em;line-height:1.2;font-weight:750}.secondview-stage{position:relative;border-radius:28px;overflow:hidden;isolation:isolate;background:#f1f4f8;aspect-ratio:16/9;max-width:1440px;margin:auto}.secondview-stage video{display:block;width:100%;height:100%;object-fit:cover}.secondview-caption{max-width:1440px;margin:29px auto 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.secondview-kicker{font-size:14px;letter-spacing:.1em;color:#7e899a;font-variant-numeric:tabular-nums;margin:0 0 6px}.secondview-caption h3{font-size:clamp(20px,2.1vw,30px);letter-spacing:-.04em;line-height:1.5;margin:0;font-weight:650}.secondview-caption .text-link{font-size:14px;white-space:nowrap}.secondview-control{max-width:1440px;margin:23px auto 0;display:flex;align-items:center;gap:22px}.reel-chapters{display:flex;gap:7px;width:240px}.reel-chapters button{border:0;background:none;width:100%;padding:12px 0;cursor:pointer}.reel-chapters button span{display:block;height:3px;border-radius:3px;background:#dde3ed;transition:background .15s}.reel-chapters button[aria-pressed=true] span{background:#486fed}.reel-play{font-family:inherit;background:#f1f3f7;border:0;cursor:pointer;border-radius:24px;font-size:14px;color:#4f596c;padding:8px 14px;min-width:72px}.secondview-note{max-width:1440px;margin:12px auto 0;font-size:14px;color:#929aaa;line-height:1.8}.secondview-nojs{text-align:center}
@media(max-width:600px){.secondview{padding-top:40px;padding-bottom:55px}.secondview-heading{margin-bottom:25px}.secondview-heading .eyebrow{font-size:14px;margin-bottom:12px}.secondview-heading h2{font-size:clamp(28px,8.5vw,44px)}.secondview-stage{aspect-ratio:4/5;border-radius:19px}.secondview-caption{margin-top:22px;gap:12px;display:block}.secondview-kicker{font-size:14px}.secondview-caption h3{font-size:21px;letter-spacing:-.05em}.secondview-caption .text-link{display:inline-block;font-size:14px;margin-top:12px}.secondview-control{margin-top:12px;justify-content:space-between;gap:16px}.reel-chapters{width:180px}.secondview-note{font-size:14px;line-height:1.8;margin-top:11px}}
@media(prefers-reduced-motion:reduce){.reel-chapters button span{transition:none}}
@media(min-width:1000px){.secondview-stage{width:min(100%,calc((100svh - 210px)*16/9))}.secondview-heading{margin-bottom:25px}.secondview-heading h2{font-size:50px}.secondview-heading .eyebrow{margin-bottom:10px}}

.secondview{scroll-margin-top:0;padding-top:48px}.secondview-heading{margin:30px 0 0}.secondview-heading .eyebrow{display:none}.secondview-heading h2{font-size:clamp(28px,3.5vw,46px)}.secondview-caption{margin-top:20px}
@media(max-width:600px){.secondview{padding-top:24px}.secondview-stage{aspect-ratio:1}.secondview-heading{margin-top:25px;text-align:left}.secondview-heading h2{font-size:27px}.secondview-caption{margin-top:20px}.secondview-caption h3{font-size:19px}}

.secondview-stage .reel-play{position:absolute;bottom:16px;right:16px;background:#ffffffed;box-shadow:0 2px 15px #12203b15;color:#334155;min-width:76px;padding:10px 14px}.secondview-control{justify-content:center;margin-top:13px}.secondview-heading{margin-top:22px}

/* dpro-platforms.css?v=20.01 */
.dpro-platforms{margin:26px 0 58px;padding:40px clamp(20px,3.2vw,52px) 30px;border:1px solid #dce7ee;border-radius:30px;background:radial-gradient(ellipse at 12% 0%,#e8f8ff 0%,transparent 44%),radial-gradient(ellipse at 100% 100%,#f0eeff 0%,transparent 42%),#f7fafc;box-shadow:inset 0 1px 0 #fff}
.dpro-platform-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:29px}
.dpro-platform-kicker{margin:0 0 8px;color:#55778b;font-size:14px;font-weight:650;letter-spacing:.12em;line-height:1.5}
.dpro-platforms h3{font-size:clamp(22px,2.7vw,40px);line-height:1.45;letter-spacing:-.05em;margin:0;font-weight:750}
.dpro-platforms h3 span{white-space:nowrap}
.dpro-platform-count{display:flex;align-items:baseline;gap:8px;flex-shrink:0;color:#3579af;font-size:14px;letter-spacing:.06em}
.dpro-platform-count b{font-size:clamp(42px,4.5vw,64px);letter-spacing:-.075em;line-height:1}
.dpro-platform-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.dpro-platform-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-width:0;min-height:126px;padding:18px 6px 14px;border-radius:19px;border:1px solid #fff;background:linear-gradient(150deg,#fff,#ffffffae);box-shadow:0 4px 18px #56789509}
.dpro-platform-list img{width:60px;height:60px;object-fit:contain;flex-shrink:0}
.dpro-platform-list span{font-size:14px;font-weight:600;text-align:center;line-height:1.45;color:#424b55;min-height:18px}
.dpro-platform-source{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:24px}
.dpro-platform-source p{font-size:14px;line-height:1.8;margin:0;color:#71808b}
.dpro-platform-source a{flex-shrink:0;font-size:14px;color:#0768cc;line-height:1.8}
.dpro-platform-source a:hover{text-decoration:underline}
@media(max-width:1000px){.dpro-platform-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.dpro-platform-list li{min-height:112px;padding:14px 4px}.dpro-platform-list img{width:42px;height:42px}.dpro-platform-list span{font-size:14px}}
@media(max-width:700px){.dpro-platforms{border-radius:23px;margin:18px 0 30px;padding:25px 17px 22px}.dpro-platform-head{align-items:flex-start;gap:12px;margin-bottom:23px}.dpro-platforms h3{font-size:23px}.dpro-platform-kicker{font-size:14px}.dpro-platform-count{flex-direction:column;align-items:center;gap:4px;font-size:14px;padding-top:4px}.dpro-platform-count b{font-size:40px}.dpro-platform-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dpro-platform-list li{min-height:99px;border-radius:14px;gap:10px;padding:13px 3px 11px}.dpro-platform-list img{width:40px;height:40px}.dpro-platform-list span{font-size:14px}.dpro-platform-source{display:block;margin-top:19px}.dpro-platform-source a{display:inline-block;margin-top:10px;font-size:14px}}
@media(max-width:360px){.dpro-platforms{padding-left:12px;padding-right:12px}.dpro-platforms h3{font-size:20px}.dpro-platform-list{gap:6px}.dpro-platform-list li{min-height:95px}.dpro-platform-list span{font-size:14px}.dpro-platform-list img{width:36px;height:36px}}

/* readability.css?v=21.01 */
/* v21 — reading hierarchy shared by the page and its skill/work dialogs. */
:root{--copy:#505967;--fine:#596575;--link:#1761b5;--body-size:17px;--card-title:22px}
body{font-size:var(--body-size)}
.nav nav{font-size:14px;gap:24px}.nav .pill.small{min-height:42px;font-size:14px}.text-link{font-size:16px;line-height:1.7;min-height:44px;display:inline-flex;align-items:center}.pill{font-size:16px;min-height:48px}
.caption,.conditions,.audience,footer small,.works-note,.workshop-footnote{font-size:14px;line-height:1.85;color:var(--fine)}
.eyebrow{font-size:14px;color:var(--fine)}.chapter-nav{font-size:15px;flex-wrap:wrap}.hero-bottom p{font-size:22px}.hero-bottom .text-link{font-size:17px}.audience{margin-top:18px}
.card-caption{font-size:17px;padding:20px 24px}.plus,.rail-controls button{min-width:44px;min-height:44px;flex-shrink:0}.showcase-intro{font-size:20px;color:var(--copy)}.showcase-more{flex-wrap:wrap;gap:16px 28px}.showcase-more .text-link{font-size:16px}.showcase-footer .motion-global{font-size:14px;min-height:44px;color:var(--copy)}
.secondview-caption .text-link{font-size:16px}.secondview-kicker{font-size:14px;color:var(--fine)}.secondview-note{font-size:14px;color:var(--fine)}.secondview-stage .reel-play{font-size:14px;min-height:44px}.reel-chapters button{min-height:44px}.team-copy>p:not(.eyebrow):not(.caption){font-size:18px;color:var(--copy)}.team-copy .text-link{font-size:16px}.film-control{font-size:14px;min-height:44px}
.chapter-intro p{font-size:18px;color:var(--copy)}.chapter-intro .lead{font-size:clamp(25px,2.5vw,32px);color:var(--ink)}.connected-steps h3,.steps h3{font-size:23px}.connected-steps p,.steps p{font-size:17px;color:var(--copy)}.output-links button{font-size:16px;min-height:44px}.conditions{margin-top:28px}
.dpro-platform-list span{font-size:15px;color:#263442;line-height:1.5}.dpro-platform-list li{min-width:0;padding-left:8px;padding-right:8px}.dpro-platform-source p{font-size:14px;color:var(--fine)}.dpro-platform-source a{font-size:15px;line-height:1.8;min-height:44px}.dpro-platform-kicker{font-size:14px}.dpro-platform-source{gap:22px}
.pl-brand{font-size:16px}.pl-explain{font-size:17px;color:var(--copy)}.pl-detail{font-size:16px;min-height:44px}.pl-status,.pl-phase,.pl-crew,.pl-disclosure{font-size:14px;color:var(--fine)}.pl-track button{font-size:16px;min-height:58px;color:#4c5667}.pl-track button span{color:#5a6879}.pl-root .pl-link{font-size:15px;min-height:44px}.pl-toggle{font-size:14px;min-height:44px}.pl-viewer-hint{font-size:14px;color:var(--fine)}
.cycle-tabs button{font-size:16px;min-height:50px}#cycle-description p,.autonomy-note p{font-size:17px;color:var(--copy)}.autonomy-note .text-link{font-size:16px}.autonomy-note h3{font-size:28px}
.ab-lead,.ab-description{font-size:17px;color:var(--copy)}.ab-set{flex-basis:230px}.ab-thumbs{height:90px}.ab-set strong{font-size:16px;line-height:1.65}.ab-set small,.ab-meta,.ab-counter,.ab-side-label,.ab-badge,.ab-note,.ab-status{font-size:14px;color:var(--fine)}.ab-caption{font-size:16px;color:var(--copy)}.ab-filter button,.ab-choice select{font-size:16px;min-height:46px}.ab-choice select{width:100%;min-width:0}.ab-choice{min-width:0}.ab-pager button{width:44px;height:44px}.ab-open-hint,.ab-archive .ab-full,.ab-viewfoot{font-size:15px}.ab-view-title{font-size:16px}.ab-close,.pl-viewer-close{width:44px;height:44px}.ab-viewfoot button,.ab-original{min-height:44px}.ab-status{align-items:start;line-height:1.8}.ab-badge{white-space:normal;min-width:110px}
.workshop-lead{font-size:25px}.workshop-definition{font-size:18px;color:var(--copy)}.workshop-collection{font-size:16px;color:#4d6079;line-height:1.8}.crew-card-copy{padding:28px}.crew-catch{font-size:24px;line-height:1.5;text-wrap:balance}.crew-summary,.crew-card--wide .crew-summary{font-size:17px;line-height:1.85;color:var(--copy);min-height:0;margin:18px 0 24px}.crew-previews>span>span{font-size:14px;color:var(--fine);line-height:1.6}.crew-card-bottom{font-size:16px;line-height:1.7;gap:16px;color:var(--link)}.crew-card-bottom .plus{font-size:25px}.feature-copy p:not(.eyebrow){font-size:17px;color:var(--copy)}.feature-copy .text-link{font-size:16px}.feature-copy .eyebrow{font-size:14px}.crew-grid{gap:30px}.feature-copy{padding:40px}
.skill-index>summary{font-size:22px;line-height:1.6}.skill-index .library-head p{font-size:17px}.search-label span{font-size:16px;color:var(--copy)}.search-label input{font-size:17px;min-height:50px}.skill-filters button{font-size:16px;min-height:46px;padding:11px 18px}#skill-count{font-size:15px;color:var(--copy);margin:22px auto}.skill-index .skill-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.skill-index .skill-card-body{padding:26px;position:relative}.skill-index .skill-card strong{font-size:22px;line-height:1.5;padding:0;margin:20px 0 0;text-wrap:pretty}.skill-index .skill-card p{font-size:16px;line-height:1.85;color:var(--copy);margin-top:14px}.skill-card .skill-category{font-size:14px;color:var(--fine);padding-right:48px;min-height:35px;display:flex;align-items:center}.skill-card .view-output{font-size:15px;margin-top:22px;color:var(--link)}.skill-card-body>.skill-chip{position:absolute;top:22px;right:26px;width:30px;height:39px}.skill-card>span:first-child{margin-bottom:0}
/* Name, capability, action. The identifier lives in the detail disclosure. */
.related-skills{gap:14px;grid-template-columns:1fr}.related-label,.output-connections h3{font-size:19px;color:#343f50;margin-bottom:18px}.output-connections{padding-top:40px;max-width:1060px}.output-connections .related-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.related-skills .skill-tile,.machine-skill-list .skill-tile{display:flex;gap:20px;align-items:flex-start;text-align:left;width:100%;padding:24px;border-radius:18px;border:1px solid #dce4ed;background:linear-gradient(120deg,#f4f8fd,#fff 75%);box-shadow:0 5px 18px #213c5a05;color:#1e2d40;transition:background .2s,box-shadow .2s}
.related-skills .skill-tile:hover,.machine-skill-list .skill-tile:hover{border-color:var(--skill-accent);box-shadow:0 7px 24px #264e7510;background:#f0f5fc}
.skill-tile .skill-tile-copy{display:block;min-width:0;flex:1;margin:0}.skill-tile .skill-tile-name,.output-connections .skill-tile-name,.machine-skill-list .skill-tile-name{display:block;font-size:22px;line-height:1.5;font-weight:700;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}
.related-skills .skill-tile-description,.machine-skill-list .skill-tile-description{display:block;font-size:16px;line-height:1.85;font-weight:400;color:var(--copy);margin:10px 0 0}
.related-skills .skill-tile-action,.machine-skill-list .skill-tile-action{display:block;font-size:14px;font-weight:600;line-height:1.7;color:var(--link);margin:15px 0 0}
.skill-chip{--chip:var(--skill-accent,#315bb7);display:block!important;flex:0 0 39px;width:39px;height:51px;position:relative;margin:3px 0 0!important;border:1px solid color-mix(in srgb,var(--chip),white 40%);border-radius:8px 8px 5px 5px;background:linear-gradient(125deg,#fff 3%,color-mix(in srgb,var(--chip),white 85%) 40%,#fff 55%,color-mix(in srgb,var(--chip),white 78%));box-shadow:inset 3px 1px 0 #fff,3px 4px 0 color-mix(in srgb,var(--chip),white 65%),5px 7px 8px #29497514;transform:perspective(160px) rotateY(-12deg)}
.skill-chip:before{content:'';position:absolute;width:16px;height:16px;border:4px solid var(--chip);border-right-color:#fff;border-radius:50%;top:9px;left:8px;transform:rotate(-30deg)}.skill-chip:after{content:'';position:absolute;left:9px;right:8px;height:5px;bottom:1px;background:repeating-linear-gradient(90deg,#bfa76d 0 3px,transparent 3px 6px)}
#output-dialog{max-width:1200px;width:calc(100% - 48px);max-height:94svh;border-radius:26px}.dialog-head{padding:28px 32px 24px;gap:22px}.dialog-head h2{font-size:30px;line-height:1.45;overflow-wrap:anywhere}.dialog-head .eyebrow{font-size:14px;margin-bottom:10px}.dialog-head .close{width:44px;height:44px;flex:0 0 44px}.dialog-copy{padding:22px 32px 12px}.dialog-copy>p:not(.caption){font-size:18px;line-height:1.9;color:var(--copy)}.example-heading{gap:22px}.example-heading h3{font-size:25px;line-height:1.6}.example-heading a{font-size:16px;white-space:normal}#output-label{font-size:14px;color:var(--fine)}.dialog-copy .caption{font-size:14px;color:var(--fine)}#output-view{padding:0 32px 32px}.dialog-foot{padding:0 32px 28px}.dialog-foot button,#back-showcase{font-size:16px;min-height:44px}.showcase-detail{gap:38px;align-items:start}.showcase-detail-copy{padding-top:20px}.showcase-detail-copy h3{font-size:32px;line-height:1.5;margin-bottom:22px}.showcase-detail-copy>p:not(.caption):not(.related-label){font-size:18px;color:var(--copy)}.showcase-examples{display:flex;flex-wrap:wrap;gap:12px}.showcase-examples .pill{font-size:16px;min-height:48px;padding:13px 22px}.showcase-detail-copy>.caption{font-size:14px;color:var(--fine);margin:22px 0 30px}
.skill-metadata{border:0;padding:0;margin:0 0 20px}.skill-metadata[hidden]{display:none}.skill-metadata summary{display:inline-flex;align-items:center;gap:18px;font-size:14px;color:var(--fine);font-weight:500;min-height:44px}.skill-metadata code{display:block;font-size:14px;overflow-wrap:anywhere;color:#445971;padding:12px 16px;background:#f2f5f9;border-radius:10px}.movie-controls button,.movie-time{font-size:15px}.movie-controls button{min-height:48px}
.room-hero{grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}.room-hero h3{font-size:30px;line-height:1.5}.room-hero p:not(.crew-cast):not(.room-stat){font-size:18px;color:var(--copy)}.room-hero .room-stat{font-size:16px;color:var(--link)}.room-section-title{font-size:28px}.room-sample strong{font-size:22px;line-height:1.5}.room-sample small{font-size:14px;color:var(--fine)}.sample-description{font-size:16px;line-height:1.85;color:var(--copy)}.sample-action{font-size:15px;color:var(--link)}.room-sample>span{padding:25px}.machine-hint{font-size:17px;color:var(--copy)}.skill-machine strong{font-size:21px;line-height:1.5}.machine-description{font-size:16px;color:var(--copy);line-height:1.8}.skill-machine small{font-size:14px;color:var(--link)}.skill-machine summary{padding:24px;gap:20px}.machine-skill-list{padding:0 18px 18px;gap:14px}.machine-skill-list .skill-tile{padding:20px;gap:15px}.machine-skill-list .skill-chip{flex-basis:30px;width:30px;height:42px}.machine-skill-list .skill-chip:before{width:13px;height:13px;left:5px;top:7px;border-width:3px}
.rack-heading h4{font-size:20px}.rack-total{font-size:14px;color:var(--link);letter-spacing:0}.rack-cartridge{flex-basis:calc((100% - 16px)/2)}.rack-cartridges{gap:16px}.cartridge-glass{width:106px;height:147px}.cartridge-core{top:34px;height:65px}.cartridge-ring{width:32px;height:32px;border-width:5px}.cartridge-serial{font-size:14px}.cartridge-name{font-size:20px;line-height:1.6;margin-top:16px;min-height:3.2em}.cartridge-action{font-size:14px;color:var(--link)}.rack-stage:before{top:136px}.rack-stage:after{top:183px}.rack-hint,.rack-position{font-size:14px;color:var(--fine)}.rack-footer{gap:12px;flex-wrap:wrap;margin-top:10px}.rack-controls{margin-left:auto}.rack-controls button{width:44px;height:44px;font-size:20px}.rack-position{min-width:60px}.rack-filter{font-size:16px;color:var(--copy);flex-wrap:wrap;gap:10px}.rack-filter select{min-height:46px;font-size:16px;padding:10px}
.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:17px;line-height:1.95;color:var(--copy)}.creator-profile .creator-role{font-size:16px;color:var(--copy)}.creator-source{font-size:15px;min-height:44px}.creator-events-head>p{font-size:16px;color:var(--copy)}.seminar-copy .seminar-host,.seminar-copy time{font-size:14px;color:var(--fine);line-height:1.7}.seminar-copy h4{font-size:22px;line-height:1.65}.seminar-copy>p:not(.seminar-host){font-size:16px;line-height:1.85;color:var(--copy)}.seminar-copy a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}.seminar-archive-note{font-size:14px;color:var(--fine)}.seminar-dialog-head h2{font-size:24px}.seminar-dialog-foot{font-size:15px;line-height:1.8}.seminar-dialog-foot a{font-size:15px;min-height:44px}.seminar-close{width:44px;height:44px}
.edition-grid p{font-size:17px;color:var(--copy)}.edition-grid .edition-kicker{font-size:16px;color:var(--fine)}.edition-grid .pill{font-size:16px;max-width:390px;min-height:56px}.edition-grid h3{overflow-wrap:anywhere}.receive-flow li strong{font-size:18px;line-height:1.7}.receive-flow>p:not(.eyebrow){font-size:16px;color:var(--copy)}.receive-flow .receive-hint{font-size:14px!important;color:var(--fine)!important;line-height:1.85}.offer-note p{font-size:16px;color:var(--copy)}.offer-note small{font-size:14px;color:var(--fine)}.offer-note strong{font-size:22px}.setup-demo-note{font-size:14px!important;color:var(--fine)!important}.setup-demo .film-control{font-size:14px;min-height:44px}.first-request>p{font-size:16px}.first-request blockquote{font-size:23px}.first-request .text-link{font-size:16px}.faq summary{font-size:20px;line-height:1.6;min-height:44px;align-items:center}.faq details{font-size:17px}.faq details p{color:var(--copy)}footer p{font-size:17px}
@media(max-width:1100px){.skill-index .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-hero{grid-template-columns:1fr 1.15fr;gap:28px}.room-samples{grid-template-columns:1fr 1fr}.showcase-detail{gap:28px}.showcase-detail-copy h3{font-size:28px}.machine-grid{grid-template-columns:1fr}.dpro-platform-list{grid-template-columns:repeat(4,minmax(0,1fr))}.edition-grid{gap:28px}}
@media(max-width:800px){.room-hero,.showcase-detail{grid-template-columns:1fr}.room-hero>img{max-width:560px;margin:auto}.showcase-detail>img{max-width:440px;margin:auto}.room-hero-copy{width:100%}.room-hero h3{font-size:28px}.nav nav>a:not(.pill){display:none}.creator-intro{grid-template-columns:1fr;max-width:620px}.creator-portrait{max-width:400px;margin:auto}.creator-event-grid{grid-template-columns:1fr}.edition-grid{grid-template-columns:1fr;gap:32px}.edition-grid article+article{border-top:1px solid #d8dce2;padding-top:32px}.edition-grid .edition-description{min-height:0}.receive-flow ol{grid-template-columns:1fr;max-width:290px;margin:auto}.receive-flow li{justify-content:flex-start}.crew-card--wide{display:block}.dpro-platform-source{flex-direction:column;align-items:start}}
@media(max-width:600px){
:root{--body-size:16px;--pad:22px}.nav{height:64px;padding:0 16px}.nav .pill.small{font-size:13px;min-height:42px;padding:8px 13px}.brand{font-size:18px}.chapter-nav{font-size:14px;gap:15px}.hero-bottom p{font-size:20px}.hero-bottom .text-link{font-size:16px}.audience{font-size:14px;max-width:370px;padding:0 20px}.section{padding-top:64px;padding-bottom:64px}.secondview{padding-top:24px}.card-caption{font-size:16px;padding:18px}.showcase-intro{font-size:17px}.works-showcase .section-head{padding-bottom:58px}.showcase-more .text-link{font-size:16px}.showcase-footer>.caption{font-size:14px}.team-copy>p:not(.eyebrow):not(.caption){font-size:17px}.secondview-note{font-size:14px}.secondview-caption h3{font-size:23px}.secondview-caption .text-link{font-size:16px}.secondview-control{margin-top:14px}.secondview-kicker{font-size:14px}.chapter-intro p{font-size:17px}.connected-steps p,.steps p{font-size:16px}.connected-steps h3,.steps h3{font-size:22px}.conditions{font-size:14px}.dpro-platform-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dpro-platform-list span{font-size:15px}.dpro-platform-source p{font-size:14px}.dpro-platform-source a{font-size:15px}.dpro-platform-kicker{font-size:14px}.dpro-platforms h3{font-size:25px}.dpro-platform-head{gap:16px}.pl-explain{font-size:16px}.pl-track{display:grid;grid-template-columns:1fr 1fr}.pl-track button{font-size:15px;min-height:60px}.pl-root .pl-link{font-size:15px}.pl-disclosure{font-size:14px}.pl-crew{font-size:14px}.pl-status{font-size:14px}.cycle-tabs{grid-template-columns:1fr 1fr}#cycle-description p,.autonomy-note p{font-size:16px}.autonomy-note{padding:27px 24px;gap:15px}.autonomy-note h3{font-size:24px}.loop-mark{font-size:42px}.ab-lead,.ab-description,.ab-caption{font-size:16px}.ab-set{flex-basis:210px}.ab-filter button{font-size:15px}.ab-status{font-size:14px}.workshop-lead{font-size:21px}.workshop-definition{font-size:17px}.workshop-collection{font-size:15px}.crew-grid{grid-template-columns:1fr;gap:26px}.crew-card-copy{padding:26px 24px}.crew-catch,.crew-card--wide .crew-catch{font-size:23px}.crew-summary,.crew-card--wide .crew-summary{font-size:16px}.crew-card-bottom{font-size:16px}.crew-previews>span>span{font-size:14px}.feature-copy{padding:28px 24px}.feature-copy p:not(.eyebrow){font-size:16px}.feature-copy .text-link{font-size:16px}.workshop-footnote{font-size:14px}.skill-index>summary{font-size:21px}.skill-index .skill-grid{grid-template-columns:1fr}.skill-index .skill-card strong{font-size:22px}.skill-index .skill-card-body{padding:24px}.skill-index .skill-card p{font-size:16px}.skill-filters button{font-size:15px}.skill-index .library-head p{font-size:16px}
#output-dialog{width:calc(100% - 16px);max-height:96svh;border-radius:21px}.dialog-head{padding:22px 20px 18px;gap:14px}.dialog-head h2{font-size:25px}.dialog-head .eyebrow{font-size:14px}.dialog-copy{padding:20px 20px 10px}.dialog-copy>p:not(.caption){font-size:17px}.example-heading h3{font-size:23px}.example-heading a{font-size:16px}.showcase-open .example-heading a{font-size:14px}.dialog-copy .caption{font-size:14px}#output-view{padding:0 18px 25px}.showcase-detail-copy{padding:0 2px}.showcase-detail-copy h3{font-size:27px}.showcase-detail-copy>p:not(.caption):not(.related-label){font-size:17px}.showcase-detail-copy>.caption{font-size:14px}.showcase-examples .pill{font-size:16px;padding:13px 19px}.related-skills,.output-connections .related-skills{grid-template-columns:1fr}.related-label,.output-connections h3{font-size:18px}.related-skills .skill-tile,.machine-skill-list .skill-tile{padding:21px 18px;gap:17px}.skill-tile .skill-tile-name{font-size:21px}.related-skills .skill-tile-description,.machine-skill-list .skill-tile-description{font-size:16px}.skill-chip{flex-basis:31px;width:31px;height:44px}.skill-chip:before{width:13px;height:13px;left:5px;top:8px;border-width:3px}.skill-tile .skill-tile-action{font-size:14px}.room-content{padding:18px 0 0}.room-hero{gap:22px}.room-hero h3{font-size:27px}.room-hero p:not(.crew-cast):not(.room-stat){font-size:17px}.room-hero .room-stat{font-size:16px}.room-section-title{font-size:26px}.room-samples{grid-template-columns:1fr;gap:24px}.room-sample>span{padding:23px}.room-sample strong{font-size:22px}.sample-description{font-size:16px}.room-sample small{font-size:14px}.sample-action{font-size:16px}.skill-machine strong{font-size:20px}.machine-description{font-size:16px}.machine-hint{font-size:16px}.skill-machine summary{padding:22px 18px;gap:15px}.machine-cartridge{flex-basis:37px;height:50px}.rack-heading h4{font-size:20px}.rack-total{font-size:14px}.cartridge-name{font-size:18px;line-height:1.6}.cartridge-action{font-size:14px}.cartridge-glass{width:102px;height:147px}.rack-hint,.rack-position{font-size:14px}.rack-filter{font-size:16px}.rack-filter select{flex-basis:100%}.creator-profile>p:not(.eyebrow):not(.creator-role){font-size:16px}.creator-profile .creator-role{font-size:16px}.creator-events-head>p{font-size:16px}.seminar-copy h4{font-size:22px}.seminar-copy>p:not(.seminar-host){font-size:16px}.seminar-copy a,.creator-source{font-size:16px}.seminar-dialog-head h2{font-size:21px}.seminar-dialog-foot a{font-size:15px}.edition-grid p{font-size:17px}.edition-grid .edition-kicker{font-size:16px}.edition-grid .pill{font-size:16px}.receive-flow li strong{font-size:18px}.receive-flow>p:not(.eyebrow){font-size:16px}.offer-note p{font-size:16px}.offer-note strong{font-size:21px}.setup-demo .film-control{font-size:14px;min-height:44px}.first-request blockquote{font-size:20px}.faq summary{font-size:19px}.faq details{font-size:16px}.dialog-foot{padding:0 22px 24px}
}
@media(prefers-reduced-motion:reduce){.skill-tile{transition:none}}
.skill-index .skill-card strong{color:var(--ink)}
.room-hero h3,.room-section-title,.crew-catch,.showcase-detail-copy h3{text-wrap:balance}
.cartridge-serial{color:#526077}
@media(max-width:600px){.nav .pill.small{font-size:14px}}
.chapter-intro .lead{text-wrap:balance}
@media(max-width:600px){
.related-skills .skill-tile,.machine-skill-list .skill-tile{display:grid;grid-template-columns:31px minmax(0,1fr);gap:14px 17px;align-items:center}
.skill-tile .skill-tile-copy{display:contents}
.skill-tile .skill-tile-name{grid-column:2}
.skill-tile .skill-tile-description,.skill-tile .skill-tile-action{grid-column:1/-1;margin:0}
}
/* Keep card columns wide enough for the larger Japanese copy. */
@media(min-width:1101px) and (max-width:1399px){.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-card,.crew-card--final{grid-column:span 1}.crew-card--wide{grid-column:1/-1}}
.crew-catch{text-wrap:pretty}
.crew-previews{margin-top:auto}
.crew-previews>span>span{min-height:3.2em}

/* gallery.css?v=22.01 */
/* The common frame belongs to the gallery. Each work keeps its own art direction. */
.exhibit-card{padding:0}.exhibit{container-type:inline-size;position:relative;width:100%;aspect-ratio:2/3;display:flex;flex-direction:column;overflow:hidden;text-align:left;isolation:isolate;line-height:1.5;flex-shrink:0}.exhibit *{box-sizing:border-box}.exhibit-heading{display:block;padding:28px 28px 24px;flex-shrink:0}.exhibit-heading small{display:block;font-size:13px;font-weight:650;letter-spacing:.09em;margin-bottom:14px}.exhibit-heading strong{display:block;font-size:clamp(26px,8.4cqw,42px);font-weight:700;line-height:1.3;letter-spacing:-.035em}.exhibit-bottom{padding:17px 24px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;flex-shrink:0}.exhibit-bottom>span{font-size:12px;white-space:nowrap;letter-spacing:.04em}.exhibit video{display:block;width:100%;min-height:0;flex:1;object-fit:cover}.exhibit-detail{align-self:start;max-width:560px;border-radius:20px}.showcase-detail>.exhibit{width:100%}.exhibit-live{position:relative;display:block;flex:1;min-height:0;overflow:hidden}.exhibit-live iframe{border:0;width:100%;height:100%;display:block;pointer-events:none;background:transparent}.exhibit-live:has(iframe:not([src])){background-position:center;background-size:cover}.exhibit--motion .exhibit-live:has(iframe:not([src])){background-image:url('assets/cmo-feature.webp')}.exhibit--interactive .exhibit-live:has(iframe:not([src])){background-image:url('assets/fruit-game-thumb.webp')}
.exhibit--slides{background:#062957;color:white}.exhibit--slides .exhibit-heading{padding-top:32px}.exhibit--slides .exhibit-heading small{color:#9cd5ff}.deck-pages{margin:auto 22px;display:block}.deck-main{display:block;width:100%;box-shadow:0 12px 30px #0004}.deck-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.deck-thumbs img{width:100%;display:block}.exhibit--slides .exhibit-bottom{color:#c8dced;border-top:1px solid #ffffff25;margin-top:auto}
.exhibit--short{background:#fc714d;color:#291e19}.exhibit--short .exhibit-heading{padding:24px}.exhibit--short .exhibit-heading small{margin-bottom:8px}.exhibit--short video{object-position:50% 43%}.exhibit--short .exhibit-bottom{background:#271d18;color:#fff3e9}
.exhibit--film{background:#171b26;color:#f7ece4}.exhibit--film .exhibit-heading{padding-top:40px}.exhibit--film strong{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:500;font-size:11cqw}.exhibit--film .exhibit-heading small{color:#cdb7a6}.exhibit--film video{flex:0 0 auto;aspect-ratio:1/1;object-fit:cover}.cinema-credit{display:flex;flex:1;justify-content:center;flex-direction:column;text-align:center;font-size:12px;letter-spacing:.24em;color:#d9b995;padding:20px}.cinema-credit span{display:block;font-size:17px;letter-spacing:.08em;color:#f0dfce;margin-top:12px}
.exhibit--world{background:#eff1df;color:#2f482f}.exhibit--world .exhibit-heading{padding:24px 28px}.exhibit--world strong{font-weight:500;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:9.5cqw}.exhibit--world video{object-position:50% 50%}.exhibit--world .exhibit-bottom{background:#eff1df}
.exhibit--motion{background:#f0e6d6;color:#392c20}.exhibit--motion .exhibit-heading{padding:28px 24px 18px}.exhibit--motion .exhibit-heading strong{font-size:7.8cqw}.exhibit--motion .exhibit-heading small{color:#72634f}.exhibit--motion .exhibit-bottom{border-top:1px solid #b9a88d;color:#564734}.exhibit--motion .exhibit-bottom>span{font-size:10px;letter-spacing:.06em}
.exhibit--writing{background:#fffcf4;color:#352719;padding:26px 28px}.journal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #c4b8a4;padding-bottom:14px}.journal-top span{font-size:13px;letter-spacing:0}.journal-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:10cqw;line-height:1.48;letter-spacing:.03em;display:block;padding:24px 0 22px}.journal-image{display:block;width:45%;align-self:flex-end;max-height:30%;object-fit:contain;margin-top:-10px;margin-bottom:16px}.journal-copy{font-size:15px;line-height:1.9;display:block;max-height:5.7em;overflow:hidden}.journal-bottom{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #c4b8a4;margin-top:auto;padding-top:14px;color:#695846}
.exhibit--interactive{background:#5c1021;color:#ffdf91}.exhibit--interactive .exhibit-heading{padding:23px 26px 15px}.exhibit--interactive .exhibit-heading small{color:#f6d4bc}.exhibit--interactive .exhibit-heading strong{font-size:8.1cqw}.exhibit--interactive .exhibit-bottom{padding:14px 25px}.exhibit--interactive .exhibit-live{margin:0 12px}.exhibit--interactive iframe{border-radius:16px}
.exhibit--rag{background:#132f3b;color:#f4f9fa;padding:0 26px}.exhibit--rag .exhibit-heading{padding:30px 0 26px}.exhibit--rag .exhibit-heading small{color:#9cdae2}.exhibit--rag .exhibit-heading strong{font-size:8.2cqw;line-height:1.5;font-weight:600}.knowledge-query{display:block;border:1px solid #73919b;padding:17px 19px;border-radius:8px;margin-bottom:14px}.knowledge-query>span{display:block;color:#b1c9cc;font-size:13px;margin-bottom:6px}.knowledge-query strong{font-size:19px;font-weight:550;display:block}.knowledge-result{display:flex;flex-direction:column;gap:16px;background:#ecf3ef;color:#233f43;border-radius:8px;padding:22px}.knowledge-result small{font-size:13px;color:#456e6b}.knowledge-result strong{font-size:clamp(17px,5cqw,22px);line-height:1.7;font-weight:550}.source-line{display:block;font-size:13px;border-top:1px solid #b4cfca;padding-top:13px}.knowledge-files{display:flex;gap:7px;margin:20px 0 0}.knowledge-files span{font-size:13px;padding:6px 9px;border:1px solid #547a84;border-radius:3px}.exhibit--rag .exhibit-bottom{padding:22px 0;margin-top:auto;color:#b8d6d9}
.exhibit--strategy{background:#dce5d4;color:#283c2f;padding:27px}.strategy-top{font-size:13px;letter-spacing:.06em;display:flex;justify-content:space-between;gap:10px;align-items:start}.strategy-top span{font-size:13px;letter-spacing:0}.strategy-title{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:10.5cqw;line-height:1.4;padding:26px 0;display:block}.vision-sheet{background:#fffef7;padding:25px 24px;box-shadow:0 8px 24px #273a2310;border-top:4px solid #678057;display:flex;flex-direction:column;gap:14px}.vision-sheet small{font-size:12px;color:#5d7551;letter-spacing:.03em}.vision-sheet strong{font-size:19px;line-height:1.65;font-weight:600}.vision-sheet>span:not(.vision-rule){font-size:16px;line-height:1.7}.vision-rule{height:1px;background:#d8decf}.strategy-path{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin-top:auto;padding-top:22px}.strategy-path b{transform:rotate(-90deg);font-size:18px;font-weight:400}
#works .work-card:focus-visible{outline:3px solid #1263c5;outline-offset:5px}#works .showcase-intro{max-width:760px;line-height:1.8}#works .work-card{scroll-snap-align:start}
@media(max-width:600px){.exhibit-heading{padding:22px}.exhibit-heading small{font-size:12px;margin-bottom:12px}.exhibit-bottom{font-size:13px;padding:14px 18px}.exhibit-bottom>span{font-size:11px}.exhibit--writing{padding:22px}.journal-copy{font-size:14px}.exhibit--rag{padding:0 22px}.knowledge-result{padding:18px;gap:12px}.knowledge-query{padding:14px 17px}.knowledge-files{margin-top:15px}.exhibit--strategy{padding:23px}.vision-sheet{padding:20px}.strategy-top{display:block}.strategy-top span{display:block;margin-top:4px}.strategy-title{padding:20px 0}.vision-sheet strong{font-size:18px}.vision-sheet>span:not(.vision-rule){font-size:15px}.exhibit-detail{max-width:440px;margin:auto}.strategy-path{font-size:12px}}
@media(prefers-reduced-motion:reduce){.exhibit *{animation:none!important;transition:none!important}}
/* Reset the old full-cover image rule inside native work previews. */
.work-card .exhibit img,.showcase-detail .exhibit img{height:auto;aspect-ratio:auto;object-fit:contain}
.exhibit--slides .deck-main{aspect-ratio:3/2;width:100%;height:auto}.exhibit--slides .deck-thumbs img{aspect-ratio:3/2}.exhibit--film video{flex:1 1 0;aspect-ratio:auto}.cinema-credit{flex:0 0 auto;padding:20px}.work-card .exhibit .journal-image,.showcase-detail .exhibit .journal-image{height:25%;width:45%;object-fit:contain}
/* On narrow cards, preserve readable type by showing only the useful excerpt. */
@media(max-width:600px){
#works .work-card{flex-basis:max(300px,82vw)}
.exhibit--rag .exhibit-heading{padding:22px 0 18px}.exhibit--rag .exhibit-heading small{font-size:12px;margin-bottom:9px}.exhibit--rag .exhibit-heading strong{font-size:7.5cqw}
.knowledge-query{padding:12px 15px;margin-bottom:12px}.knowledge-query strong{font-size:17px}.knowledge-query>span{font-size:12px;margin-bottom:5px}
.knowledge-result{padding:16px;gap:12px}.knowledge-result small{display:none}.knowledge-result strong{font-size:16px;line-height:1.75}.source-line{font-size:12px;padding-top:10px}.knowledge-files,.exhibit--rag .exhibit-bottom{display:none}
.strategy-top{font-size:12px}.strategy-top span{font-size:12px}.strategy-title{padding:17px 0;font-size:9.3cqw}.vision-sheet{padding:18px;gap:11px}.vision-sheet strong{font-size:17px}.vision-sheet>span:not(.vision-rule){font-size:14px}.vision-sheet small{font-size:11px}.strategy-path{padding-top:18px;font-size:11px}
}
.exhibit--rag .knowledge-files{display:none}
@media(max-width:600px){.exhibit--rag .exhibit-bottom{display:flex;padding:16px 0;font-size:12px}.exhibit--strategy{padding:20px}}
@media(max-width:600px){.exhibit-detail.exhibit--rag,.exhibit-detail.exhibit--strategy{min-height:450px}}

/* audio-controls.css?v=23.01 */
.movie-controls .audio-toggle,.audio-toggle{border:1px solid #ccd6e3;border-radius:99px;padding:12px 18px;background:#eef4fc;color:#23466e;font:inherit;font-size:15px;white-space:nowrap;cursor:pointer}.movie-controls .audio-toggle[aria-pressed=true],.audio-toggle[aria-pressed=true]{background:#174c8a;color:white;border-color:#174c8a}.film-audio{position:absolute;left:20px;bottom:20px;z-index:3;background:#ffffffec;box-shadow:0 2px 16px #0002}.audio-original-note{font-size:14px;color:#66707a;line-height:1.6}.scene>.audio-toggle,.scene>.audio-original-note{margin-left:12px}.movie-controls{flex-wrap:wrap}@media(max-width:600px){.film-audio{left:10px;bottom:10px;padding:8px 12px;font-size:14px}.movie-controls .audio-toggle{padding:12px 14px;font-size:14px}.movie-controls .audio-original-note{flex-basis:100%}}

/* usability.css?v=26.09 */
/* Functional refinement; existing artwork and gallery art direction are preserved. */
.media-status{margin:14px 0;padding:16px 20px;border-radius:14px;background:#f4f5f7;color:#454952;font-size:16px;line-height:1.7}
.media-status[hidden],[hidden]#reset-skills{display:none}
#reset-skills{margin:8px 0 24px;min-height:44px}
#receive-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:28px;padding:30px;box-sizing:border-box;color:#1d1d1f;overflow:auto;overscroll-behavior:contain}
#receive-dialog::backdrop{background:#121821a6;backdrop-filter:blur(6px)}
.receive-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.receive-dialog-head .eyebrow{margin:0;color:#697180;font-size:14px}
.receive-close{flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;font-size:28px;background:#f0f1f4;color:#25272c}
#receive-title{font-size:clamp(25px,3.5vw,34px);line-height:1.4;margin:22px 0 18px}
#receive-dialog p{font-size:16px;line-height:1.8;color:#525966}
.receive-selection{display:flex;flex-direction:column;gap:8px;padding:20px;margin:24px 0;background:#f3f6fb;border-radius:16px}
.receive-selection span{font-size:14px;color:#697180}.receive-selection strong{font-size:22px;overflow-wrap:anywhere;line-height:1.5}
.receive-notice{margin:20px 0 26px}.receive-notice strong{font-size:18px}.receive-notice p{margin:10px 0}
#receive-form{width:100%;white-space:normal;box-sizing:border-box;line-height:1.5;text-align:center;font-size:17px;padding:16px 22px}
#receive-dialog .receive-status{font-size:14px;margin-bottom:0}
@media(max-width:600px){#receive-dialog{padding:22px;border-radius:24px}.receive-selection strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Edition multi-select: the whole choice is a comfortable tap target. */
.receive-both{text-align:center;margin:32px 0 0}.receive-both .text-link{font-size:19px}
.receive-choices{border:0;padding:0;margin:24px 0;min-width:0;display:grid;gap:12px}
.receive-choices legend{font-size:16px;font-weight:600;margin-bottom:12px}
.receive-choices label{display:flex;align-items:center;gap:16px;padding:18px;border:2px solid #dee3ec;border-radius:16px;cursor:pointer;background:#fff}
.receive-choices label:has(input:checked){border-color:#176ad3;background:#f0f6ff}
.receive-choices label:has(input:focus-visible){outline:3px solid #176ad3;outline-offset:3px}
.receive-choices input{width:24px;height:24px;flex-shrink:0;accent-color:#0869d6;cursor:pointer}
.receive-choices strong{display:block;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.receive-choices small{display:block;font-size:15px;line-height:1.6;color:#555e6c;margin-top:4px}
#receive-selection-status{font-weight:600;color:#176ad3;font-size:16px}
#receive-form[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
#receive-update[hidden]{display:none}
@media(max-width:600px){.receive-choices label{padding:14px;gap:12px}.receive-choices strong{font-size:18px}.receive-choices small{font-size:14px}.receive-both .text-link{font-size:17px}}

/* v26: スマホ・タブレットでは /setup 実演の一時停止ボタンが映像内の送信ボタンを隠すため、映像の下の帯へ出す(PCは枠外の角に収まるので変えない) */
@media(max-width:1100px){.setup-demo{display:flex;flex-direction:column}.setup-demo .film-control{position:static;align-self:flex-end;margin:10px 12px 12px;box-shadow:0 2px 10px #0000000f}}
/* v26: 作品の見本カードの文字も14px以上にそろえる(v21 本人「文字小さすぎないかな？」の基準。v22の見本で11〜13pxが戻っていた) */
.exhibit-heading small,.exhibit-bottom,.exhibit-bottom>span,.cinema-credit,.exhibit--motion .exhibit-bottom>span,.journal-top,.journal-top span,.journal-bottom,.knowledge-query>span,.knowledge-result small,.source-line,.knowledge-files span,.strategy-top,.strategy-top span,.vision-sheet small,.strategy-path,.exhibit--rag .exhibit-heading small,.exhibit--rag .exhibit-bottom{font-size:14px!important}
/* v26: 見本カードの細部。「動くLPパーツ」の説明を読点で折る/記事の抜粋は3行で「…」にして最終行が半分切れないようにする */
.exhibit--motion .exhibit-bottom{word-break:keep-all;overflow-wrap:anywhere}
.journal-copy{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;max-height:none!important;overflow:hidden}
@media(max-width:600px){.journal-copy{-webkit-line-clamp:2;line-clamp:2;flex-shrink:0}}
/* v26: スマホ・タブレットで押しやすく。iPhoneのSafariは標準の選択欄の高さ指定を無視するため自前の見た目にする/文字リンクは見た目を変えずに押せる範囲を広げる */
@media(max-width:1100px){
 .ab-choice select,#skill-sort,.rack-filter select{-webkit-appearance:none;appearance:none;min-height:46px;padding-right:36px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23586a80' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 13px center/12px 8px}
 .chapter-nav a{display:inline-block;padding:13px 4px;margin:-13px -4px}
 .nav nav a:not(.pill){padding:13px 4px;margin:0 -4px}
 .brand{display:inline-block;padding:9px 0;margin:-9px 0;white-space:nowrap}
}
@media(max-width:600px){.reel-chapters{width:250px}}
/* v26: 上のメニューの文字リンクは800px以下では隠す(style.css・readability.css の指定を、上の押しやすさの指定が上書きしないよう最後に書き直す) */
@media(max-width:800px){.nav nav>a:not(.pill){display:none}}
/* v26.09: 見出し・カードの見出し・リード・よくある質問は、語の途中で折らない(句読点と空白で折り、入りきらない時だけ任意の位置で折る)。長い本文の段落は対象外 */
h1,h2,h3,h4,.crew-catch,p.lead,.pl-title,.faq summary,.skill-log-summary-lead{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
@supports (word-break:auto-phrase){h1,h2,h3,h4,.crew-catch,p.lead,.pl-title,.faq summary,.skill-log-summary-lead{word-break:auto-phrase}}

/* skill-history.css?v=26.01 */
/* v26: スキルの版と歩み。文字は14px以上(readability.css の規則に合わせる) */

/* 工房の見出し: 歩みの要約 */
.skill-log-summary{max-width:760px;margin:26px 0 0;padding:24px 26px 22px;border-radius:22px;background:linear-gradient(125deg,#fff 0%,#f4f8fe 58%,#fdf6ec 100%);border:1px solid #e3e9f2;box-shadow:0 10px 30px #1b3a6008}
.skill-log-summary-lead{margin:0 0 14px;font-size:18px;font-weight:700;letter-spacing:-.03em;color:#1d2a3b;line-height:1.6}
.skill-log-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.skill-log-summary-stats div{padding:12px 14px 10px;border-radius:14px;background:#ffffffc9;border:1px solid #e6ecf3;min-width:0}
.skill-log-summary-stats dt{font-size:14px;line-height:1.5;color:var(--fine,#596575)}
.skill-log-summary-stats dd{margin:4px 0 0;font-size:40px;line-height:1.1;font-weight:760;letter-spacing:-.05em;color:#14395f;font-variant-numeric:tabular-nums}
.skill-log-summary-stats dd span{font-size:15px;font-weight:600;letter-spacing:0;color:#46607e;margin-left:4px}
.skill-log-summary-foot{margin:14px 0 0;font-size:15px;line-height:1.8;color:var(--copy,#505967)}
.skill-log-ranking{display:inline-block;margin-top:14px;font-size:16px;min-height:44px}

/* 版と回数の1行(全スキル一覧・関連スキルのタイル) */
.skill-log-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:9px 0 0;font-size:14px;line-height:1.6;color:#4d5d72}
.skill-log-version{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:650;line-height:1.4;color:#17467a;background:#eaf2fc;border:1px solid #d3e3f6;border-radius:6px;padding:1px 7px}
.skill-log-count{font-weight:650;color:#2c4a6c}
.skill-log-since{color:#6b7787;font-variant-numeric:tabular-nums}
.skill-tile .skill-log-meta{margin-top:10px}
.skill-index .skill-card .skill-log-meta{margin-top:8px}

/* カートリッジ: 版の刻印と回数 */
.cartridge-version{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;color:color-mix(in srgb,var(--room-color),#1b2533 38%);background:#fffffff0;border:1px solid color-mix(in srgb,var(--room-color),white 52%);border-radius:5px;padding:4px 6px;box-shadow:0 0 8px color-mix(in srgb,var(--room-color),transparent 72%)}
.cartridge-glass:has(.cartridge-version):after{opacity:0}
.cartridge-log{font-size:14px;line-height:1.5;color:#4f5f73;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cartridge-log.is-new{color:color-mix(in srgb,var(--room-color),#1b2533 30%);font-weight:650}

/* 詳細: 説明の下の1行 */
.skill-log-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-8px 0 22px;font-size:15px;line-height:1.6;color:#44546a}
.skill-log-inline[hidden]{display:none}
.skill-log-inline>span:not(.skill-log-version){font-variant-numeric:tabular-nums}
.skill-log-jump{border:0;background:none;padding:0;min-height:44px;font:inherit;font-size:15px;font-weight:600;color:var(--link,#1761b5);cursor:pointer}
.skill-log-jump:hover{text-decoration:underline}
.showcase-open .skill-log-inline,.room-open .skill-log-inline{display:none}

/* 詳細: このスキルの歩み */
.skill-log{margin:30px 0 8px;padding:26px 28px 20px;border-radius:22px;background:linear-gradient(140deg,#f7faff 0%,#fff 46%,#fbf7ef 100%);border:1px solid #e1e8f1;scroll-margin-top:120px;outline:none}
.skill-log:focus-visible{outline:3px solid #159bf7;outline-offset:4px}
.skill-log-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px}
.skill-log-eyebrow{flex-basis:100%;margin:0;font-size:14px;letter-spacing:.14em;font-weight:700;color:#6b82a0}
.skill-log-head h3{margin:0;font-size:24px;line-height:1.4;letter-spacing:-.03em;color:#1b2a3c}
.skill-log-package{margin:0;font-size:14px;color:var(--fine,#596575)}
.skill-log-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}
.skill-log-stats div{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e5ebf2;min-width:0}
.skill-log-stats dt{font-size:14px;line-height:1.5;color:var(--fine,#596575)}
.skill-log-stats dd{margin:4px 0 0;font-size:26px;line-height:1.2;font-weight:750;letter-spacing:-.04em;color:#15395f;white-space:nowrap;font-variant-numeric:tabular-nums}
.skill-log-stats div:first-child dd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.03em}
.skill-log-stats dd span{font-size:15px;font-weight:600;color:#46607e;margin-left:3px;letter-spacing:0}
.skill-log-track{margin:0 0 18px;padding:0 4px}
.track-line{position:relative;height:30px}
.track-line:before{content:'';position:absolute;left:0;right:0;top:14px;height:2px;background:#dfe6ef;border-radius:2px}
.track-life{position:absolute;right:0;top:13px;height:4px;border-radius:4px;background:linear-gradient(90deg,#8fb6e6,#2f6fbe)}
.track-day{position:absolute;top:8px;width:4px;height:16px;margin-left:-2px;border-radius:3px;background:#1f5fae;box-shadow:0 0 0 1px #fff}
.track-birth{position:absolute;top:6px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:4px solid #e0892c;box-sizing:border-box}
.track-now{position:absolute;right:-9px;top:6px;width:18px;height:18px;border-radius:5px;background:#14395f;box-shadow:0 0 0 3px #d8e6f7}
.track-months{position:relative;height:22px;margin-top:4px;border-top:1px dashed #d6dee8}
.track-months span{position:absolute;top:2px;transform:translateX(-50%);font-size:14px;color:#6b7787;white-space:nowrap}
.track-months span:before{content:'';position:absolute;left:50%;top:-6px;width:1px;height:6px;background:#c8d2de}
.track-ends{display:flex;justify-content:space-between;font-size:14px;color:#6b7787;margin-top:2px;font-variant-numeric:tabular-nums}
.track-caption{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:14px;color:#55657a}
.track-caption span{display:inline-flex;align-items:center;gap:7px}
.track-caption span:before{content:'';display:inline-block;flex:0 0 auto}
.legend-birth:before{width:12px;height:12px;border-radius:50%;border:3px solid #e0892c;box-sizing:border-box}
.legend-day:before{width:4px;height:14px;border-radius:2px;background:#1f5fae}
.legend-now:before{width:12px;height:12px;border-radius:3px;background:#14395f}
.skill-log-note{margin:0 0 12px;font-size:17px;line-height:1.9;color:#2f3d4f}
.skill-log-note strong{display:block;font-size:14px;letter-spacing:.06em;color:#8a5a1f;margin-bottom:4px}
.skill-log-method{border:0;padding:4px 0 0}
.skill-log-method summary{font-size:15px;color:var(--fine,#596575);min-height:44px;align-items:center;justify-content:flex-start;gap:10px}
.skill-log-method p{font-size:14px;line-height:1.85;color:var(--fine,#596575);margin:6px 0}

/* 詳細: 進化の実例(昔の作品→今の作品) */
.skill-log-evolution{margin:4px 0 14px;padding:18px;border-radius:18px;background:#fff;border:1px solid #e5ebf2}
.evolution-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#1b2a3c}
.evolution-title small{display:block;font-size:14px;letter-spacing:.06em;color:#8a5a1f;margin-bottom:2px}
.evolution-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.evolution-side{margin:0;min-width:0}
.evolution-side img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #e3e8ef;background:#eef2f7}
.evolution-side figcaption{margin-top:8px;font-size:14px;line-height:1.7;color:var(--copy,#505967)}
.evolution-side figcaption strong{display:block;font-size:14px;color:#8a5a1f}
.evolution-side.is-after figcaption strong{color:#17467a}
.evolution-arrow{font-size:26px;color:#8aa3c2;font-weight:700}
.evolution-change{margin:12px 0 0;font-size:15px;line-height:1.85;color:#2f3d4f}

/* 全スキル一覧: 件数と並び順 */
.skill-list-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;max-width:1320px;margin:10px auto 18px}
.skill-list-tools #skill-count{margin:0}
.skill-sort{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--copy,#505967)}
.skill-sort select{font:inherit;font-size:16px;min-height:44px;padding:8px 36px 8px 14px;border-radius:12px;border:1px solid #d9dfe8;background:#fff;color:#1d2a3b}

@media(max-width:900px){
 .skill-log-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .skill-log-summary{padding:20px 16px 18px;border-radius:18px;margin-top:22px}
 .skill-log-summary-lead{font-size:17px}
 .skill-log-summary-stats{grid-template-columns:1fr;gap:8px}
 .skill-log-summary-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 14px}
 .skill-log-summary-stats dd{font-size:30px;margin:0;white-space:nowrap}
 .skill-log-summary-foot{font-size:15px}
 .skill-log{padding:20px 16px 14px;border-radius:18px;margin-top:24px}
 .skill-log-head h3{font-size:22px}
 .skill-log-stats{gap:8px}
 .skill-log-stats div{padding:10px 12px}
 .skill-log-stats dd{font-size:19px;letter-spacing:-.03em}
 .skill-log-note{font-size:16px}
 .skill-log-inline{font-size:15px;gap:6px 12px}
 .skill-list-tools{margin:8px 0 14px}
 .skill-log-evolution{padding:14px}
 .evolution-pair{grid-template-columns:1fr;gap:8px}
 .evolution-arrow{justify-self:center;transform:rotate(90deg);line-height:1}
 .skill-sort{width:100%;justify-content:space-between}
 .skill-sort select{flex:1;max-width:260px}
 .cartridge-version{bottom:15px}
}
@media(prefers-reduced-motion:reduce){.skill-log{scroll-margin-top:100px}}

/* compact.css?v=36.01 */
/* v28: 魅せるHPへ、文字を減らして作品を前に出す(本人 2026-09-25「上の部分もうちょいコンパクトで」「全体でも改善して」)。
   戻す時は index.html の compact.css の1行を外す。 */

/* 1. 作品の詳細画面: 種類・題名・別タブ・閉じるを見出しの1段に。題名の2回目と枠の見出しは出さない */
#output-dialog .dialog-head{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"kicker link close" "title title close";column-gap:18px;row-gap:2px;align-items:center;padding:16px 28px 14px}
#output-dialog .dialog-titles{display:contents}
#output-dialog #output-kicker{grid-area:kicker;font-size:13px;letter-spacing:.04em;color:#6b7788;margin:0;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#output-dialog #output-title{grid-area:title;font-size:22px;line-height:1.4;margin:0}
#output-dialog .head-link{grid-area:link;font-size:14px;white-space:nowrap;padding:10px 0;margin:-10px 0;justify-self:end}
#output-dialog .dialog-head .close{grid-area:close;align-self:center;width:44px;height:44px}
#output-dialog.room-open .head-link{display:none}
#output-dialog.showcase-open .dialog-copy{display:none}

#output-dialog.work-open .dialog-copy{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;padding:14px 32px 2px}
#output-dialog.work-open .dialog-copy>*{flex:0 0 100%}
#output-dialog.work-open #back-showcase{order:0;flex:0 0 auto;min-height:40px;margin:0 0 4px}
#output-dialog.work-open #output-description{order:1;font-size:16px;line-height:1.7;margin:0 0 12px;color:#4d5868}
#output-dialog.work-open .skill-log-inline{order:2;flex:0 1 auto;margin:0 0 12px;font-size:14px}
#output-dialog.work-open .skill-metadata{order:3;flex:0 0 auto;margin:0 0 12px}
#output-dialog.work-open .skill-metadata summary{min-height:32px;font-size:13px}
#output-dialog.work-open .skill-metadata[open]{flex-basis:100%}
#output-dialog.work-open .example-heading{order:4;margin:0 0 12px}
#output-dialog.work-open:not(.skill-open) .example-heading{display:none}
#output-dialog.skill-open .example-heading{padding-top:12px;border-top:1px solid #eceff4}
#output-dialog.skill-open .example-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
#output-dialog.skill-open .example-heading span{font-size:13px}
#output-dialog.skill-open .example-heading h3{font-size:17px;line-height:1.5;margin:0}
#output-dialog.work-open #output-view>iframe{height:70vh}
#output-view .work-note{font-size:13px;line-height:1.7;color:#6b7788;margin:10px 4px 0}
#output-view .work-note+.output-connections{padding-top:28px}

@media(max-width:600px){
 #output-dialog .dialog-head{padding:12px 14px 10px 18px;column-gap:10px}
 #output-dialog #output-title{font-size:18px}
 #output-dialog .head-link{font-size:13px}
 #output-dialog.work-open .dialog-copy{padding:10px 18px 0}
 #output-dialog.work-open #output-description{font-size:14px;margin-bottom:10px}
 #output-dialog.skill-open .example-heading h3{font-size:15px}
 #output-dialog.work-open #output-view>iframe{height:64vh}
}

/* 2. LP本文: 見出し1つ+短い1行に。削った説明の空きを詰める */
#loop .pl-explain{display:none}
#loop .pl-title{margin-bottom:18px}
#works .showcase-footer{justify-content:flex-end}
#dpro .chapter-intro{display:block}
#dpro .connected-steps h3{margin:0}
#loop .pl-disclosure,#start .steps p,#dpro .conditions,#editions .offer-note p{text-wrap:balance}
#skills .skill-log-ranking{margin-left:14px}

/* 3. 隅々の点検(2026-09-25)で見つかった崩れの直し */
/* スキルのタイルの版・更新回数の行(style.css の span{display:block} に負けて縦に崩れていた) */
.related-skills .skill-log-meta,.machine-skill-list .skill-log-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0}
.related-skills .skill-log-meta>span,.machine-skill-list .skill-log-meta>span{display:inline-block;width:auto;margin:0;line-height:1.6}
@media(max-width:600px){.skill-tile .skill-log-meta{grid-column:1/-1}}
/* 詳細画面の種類ラベルは切らない。スマホでは別タブのリンクを見出しの下の行へ */
#output-dialog #output-kicker{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:600px){
 #output-dialog .dialog-head{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"kicker close" "title close" "link link"}
 #output-dialog .head-link{justify-self:start;padding:12px 0;margin:-6px 0 -12px}
}
/* 紹介映像: PC・タブレット横で、シーンの一言と作品リンクまで1画面に収める */
@media(min-width:1000px){.secondview-stage{width:min(100%,calc((100svh - 370px)*16/9))}.secondview-heading{margin-top:14px}.secondview-caption{margin-top:12px}}
/* 作品一覧: 1枚目を見出しの左端にそろえる */
#rail{scroll-padding-inline:var(--pad)}
/* ループ実演: PCで広告が舞台からはみ出さない */
@media(min-width:1001px){#loop .pl-ad{max-width:531px}}
@media(min-width:1500px){#loop .pl-ad{max-width:636px}}
/* 広告の原寸表示: 広告全体を1画面で */
.pl-viewer{height:fit-content}.pl-viewer-image{width:auto;max-width:min(100%,1024px);height:auto;max-height:calc(95vh - 120px);margin:0 auto}
/* 申込の画面: スマホでも申込フォームへのボタンを常に見える位置に */

/* 登壇バナーの拡大: 日付とリンクまで収める */
#seminar-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#seminar-dialog .seminar-dialog-head,#seminar-dialog .seminar-dialog-foot{flex:none}
#seminar-dialog-image{flex:1 1 auto;min-height:0;max-height:none;height:auto;object-fit:contain}

/* 4. 日本語を語の途中で折らない(見出し以外の短い文・ボタン・カードにも広げる。点検で見つかった所) */
.audience,footer small,.crew-card-bottom,.crew-previews span,.ab-set strong,.receive-both a,.offer-note strong,.receive-choices strong,#receive-form,.team-copy p,.cartridge-name,.steps p,.room-sample strong,.pill,.text-link,.skill-tile-name,.secondview-caption h3,.setup-demo-note,.showcase-detail-copy h3,.showcase-examples button,.work-note{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
@supports (word-break:auto-phrase){.audience,footer small,.crew-card-bottom,.crew-previews span,.ab-set strong,.receive-both a,.offer-note strong,.receive-choices strong,#receive-form,.team-copy p,.cartridge-name,.steps p,.room-sample strong,.pill,.text-link,.skill-tile-name,.secondview-caption h3,.setup-demo-note,.showcase-detail-copy h3,.showcase-examples button{word-break:auto-phrase}}
@media(max-width:600px){.audience{padding:0 16px}}

/* 5. 点検の細部(スキル詳細の上部・棚の本数・横向き・フッター・映像の空白) */
#output-dialog .dialog-head{background:#fff}
@media(max-width:600px){
 #output-dialog.work-open .skill-metadata{display:none}
 #output-dialog.work-open .skill-log-inline{font-size:13px;gap:4px 10px;margin-bottom:8px}
 #output-dialog.work-open #output-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #output-view .showcase-detail{gap:16px}#output-view .showcase-detail>img{max-height:40svh;width:auto;max-width:100%;margin:0 auto}
}

#output-view>video{background:transparent;object-fit:contain}
#team-film,#dpro-film{background:#eef1f6}
.footer-meta{font-size:14px;color:#6b7788;margin:10px 0 6px}.footer-meta a{color:inherit;display:inline-block;padding:10px 2px}
@media(orientation:landscape) and (max-height:500px){
 .nav{height:44px}
 .section{padding-top:36px}
 #output-dialog.work-open #output-description{display:none}
 #output-dialog.work-open #output-view>iframe{height:78vh}
}

/* 6. 確認のやり直しで見つかった残り(2026-09-25 夜) */
.nw{white-space:nowrap}
.footer-meta{color:#4d5868}.footer-meta span{white-space:nowrap}
/* 申込の画面: SEでは説明を詰めて選択欄とボタンを最初の画面に。固定のボタンは画面の高さに余裕がある時だけ(影はWebKitで黒く出るので付けない) */
@media(max-width:600px){#receive-dialog>p:first-of-type{display:none}#receive-title{margin:8px 0 6px}.receive-choices{margin:10px 0}.receive-choices strong{font-size:18px;white-space:nowrap;word-break:normal;overflow-wrap:normal}}
@media(max-width:600px){#receive-form{position:sticky;bottom:10px;z-index:2}}
@media(max-height:500px){#receive-form{position:sticky;bottom:8px;z-index:2}}
/* スキルの棚: 画面幅ではなく棚の幅で本数を決める(iPadの2列画面で細くなりすぎていた) */
.skill-rack{container-type:inline-size}
@container (min-width:520px){.rack-cartridge{flex-basis:calc((100% - 32px)/3)}}
@container (min-width:760px){.rack-cartridge{flex-basis:calc((100% - 48px)/4)}}
.machine-skill-list .skill-tile-name,.related-skills .skill-tile-name{color:#1d2330}
/* ファーストビュー: PC・タブレット横で、絵の下の一文まで最初の画面に。案内は上のメニューと重ならないよう、メニューが見える幅では出さない */
@media(min-width:601px){#top picture{display:block}#top picture img{max-height:calc(100svh - 190px);width:auto;max-width:100%;margin-inline:auto;display:block}}
@media(min-width:801px){#top .chapter-nav{display:none}}
@media(max-width:360px){#top .chapter-nav{padding:0 16px;gap:8px 12px;flex-wrap:wrap;justify-content:center}}
/* 詳細画面の映像: 左右の黒い帯を出さない */
#output-view .output-movie video{background:transparent;width:auto;max-width:100%;margin:0 auto;display:block}
/* 押しやすさ・見やすさ */
.work-card:focus-visible{outline-offset:-3px}
.film-audio,.ab-full,.skill-index>summary,#ab-history select{min-height:44px}
.seminar-close{min-width:44px;min-height:44px}
#rail-position{color:#5f6470}.connected-steps span{color:#5a6f8a}.receive-flow li span{color:#3f67ad}.steps article>span{color:#767986}
.seminar-dialog-head p,#seminar-dialog-date{color:#5f6b7c}
#seminar-dialog-title{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.work-note{text-wrap:pretty}
/* スマホの章の見出し画像: 読み込み前から縦長の高さを取っておく(移動先がずれない) */
@media(max-width:600px){picture.chapter-art img{aspect-ratio:2/3;height:auto}}
/* 全76スキルの一覧: スマホで検索と絞り込みを上に残す */
.skill-index .library-head{position:sticky;top:0;background:#fff;z-index:2}
:is(p,small,li,a,strong,h1,h2,h3,div) span.nw{all:unset;white-space:nowrap}

/* v28 2026-09-26: 見出しの語で折る(320px の Chrome で「名前で探/す」)。区切りは phrase.js の <wbr> */
.skill-index>summary{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
#output-description{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
/* v28 2026-09-26 セルフリファイン1: 押せる範囲だけ広げる(見た目・表示/非表示は変えない。display は足さない) */
.nav nav a:not(.pill){padding-block:12px;margin-block:-12px}
.chapter-nav a{padding-block:14px;margin-block:-14px}
.nav .pill.small{min-height:44px}
/* v28 2026-09-26 セルフリファイン2: 原寸表示の題も語で折る(スマホで「未来を持/ち帰る」) */
.ab-view-title,.pl-viewer-title{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
@supports (word-break:auto-phrase){.ab-view-title,.pl-viewer-title{word-break:auto-phrase}}
/* v28 2026-09-26 セルフリファイン3: スマホの足元で区切りの「・」が行頭に来ないよう、1行ずつ並べて点を隠す */
@media (max-width:600px){.footer-meta>span:first-child{display:block}.footer-meta .sep{display:none}.footer-meta>span+span{margin:0 7px}footer{padding:40px 20px}footer p{margin:10px 0 14px}.footer-meta{margin:6px 0 4px}#works .showcase-footer{justify-content:flex-start}}
.machine-description,.skill-tile-description{line-break:strict;word-break:auto-phrase}
/* v36(本人 9/27「動き止める必要特にない」ほかを抽象化): 見る人に要らない操作・入口の重複は出さない。要素はスクリプトが読むので残して隠す */
.pl-toggle,.pl-view-links,#seminar-original-link,.seminar-copy a,.ab-side .ab-full,.ab-original,.skill-id{display:none!important}
@media (max-width:800px){#top .hero-bottom .text-link{display:none}}
/* v36: スマホで縦に間延びさせない。8チームと登壇は横に送る1行、媒体は3列、A/B は左右に並べる(360px 以下は1列)。狭くなった文は語で折る(phrase.js が keep-all の要素に文節の区切りを入れる) */
@media (max-width:600px){.crew-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}.crew-grid>.crew-card{flex:0 0 84%;scroll-snap-align:start}.creator-event-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}.creator-event-grid>.creator-event{flex:0 0 84%;scroll-snap-align:start}.dpro-platform-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ab-pair{grid-template-columns:1fr 1fr;gap:10px}.ab-side-label{display:none}.ab-choice select{font-size:13px;padding-left:8px;padding-right:22px}}@media (max-width:360px){.ab-pair{grid-template-columns:1fr}.ab-side-label{display:inline}.dpro-platform-list span{font-size:13px}.dpro-platform-list li{padding-left:3px;padding-right:3px}}@media (min-width:361px) and (max-width:600px){.ab-caption{font-size:13px}}.ab-caption,.seminar-host,.dpro-platform-list span{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}.ab-caption,.seminar-host,.dpro-platform-list span{word-break:auto-phrase}

/* showcase-cards.css?v=44.01 */
/* 作品の紹介の中の、動画の表紙カード(v31)。文書の例は .showcase-examples の青いボタンのまま */
.showcase-video-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:470px;margin:6px 0 18px}
.showcase-video-cards.is-single{grid-template-columns:minmax(0,1fr);max-width:440px}
.showcase-video-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:0;margin:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.svc-frame{position:relative;display:block;width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#101426;box-shadow:0 8px 22px rgba(18,28,58,.16)}
.is-single .svc-frame{aspect-ratio:16/9}
.svc-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.svc-play{position:absolute;left:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.svc-play::after{content:"";position:absolute;left:15px;top:12px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--blue)}
.svc-kind{word-break:keep-all;overflow-wrap:anywhere;margin-top:9px;font-size:13px;font-weight:700;line-height:1.4;color:var(--blue)}
.svc-title{font-size:15px;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;word-break:auto-phrase}
.svc-meta{font-size:13px;line-height:1.4;color:var(--muted)}
.showcase-video-card:hover .svc-frame img{transform:scale(1.035)}
.showcase-video-card:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:16px}
@media (prefers-reduced-motion:reduce){.svc-frame img{transition:none}.showcase-video-card:hover .svc-frame img{transform:none}}
@media (max-width:600px){.showcase-video-cards{gap:12px;max-width:none}.svc-title{font-size:14px}}
.showcase-detail-copy>.showcase-examples{margin-bottom:16px}
/* 動画の画面: 動画を押せば再生。止まっている間は左下に再生マーク(カードと同じ形)。v32 */
.movie-stage{position:relative;width:fit-content;max-width:100%;margin:0 auto}
.movie-stage video{cursor:pointer}
/* 再生の印は動画の真ん中(v44・本人「再生ボタンの位置がちょっとだけ気になる」。角では絵に重なり置き忘れに見えた) */
.movie-stage::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%230768cc'/%3E%3C/svg%3E") 55% 50%/30px no-repeat;box-shadow:0 2px 12px rgba(0,0,0,.28);pointer-events:none;opacity:0;transition:opacity .2s}
.movie-stage.is-paused::after{opacity:1}
/* 作品の紹介の段落(紹介文・注記)も語で折る。320px で「AIパクく/ん5」と折れた(読者役の指摘)。v32 */
.showcase-detail-copy>p{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
/* 申込欄の対象の注記も語で折る(320px で「DIVE参/加者」)。v34 */
.offer-note p{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}

/* 文書の制作例のカードは再生の三角でなく「読む」の矢印(v43・漫画LP) */
.svc-play.svc-read::after{content:"→";left:0;top:0;width:100%;height:100%;display:grid;place-items:center;border:0;color:var(--blue);font-weight:700;font-size:20px;line-height:1}

/* next.v050.css */
/* v050: スキル工房の2つ目のピックアップ(今回の版の仲間)・一覧の札・はじめの一歩の1行(本人 2026-09-28 v049案・9/29「今回のverに加わります」) */
.workshop-feature-next .feature-copy .text-link{display:inline-block;margin-top:12px}
.workshop-feature-next .feature-copy p:not(.eyebrow){margin-top:10px;word-break:keep-all;overflow-wrap:anywhere}
.skill-new{display:inline-block;margin:4px 0 0;padding:2px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;line-height:1.5}
/* v049: チームの窓の説明とスキル名を文節で折る。WebKit(iPhone)は auto-phrase が効かず「ペ/ージ」「CMへ/。」と折れていた(v045 から)。keep-all にすると phrase.js が文節に <wbr> を入れる */
.machine-description{word-break:keep-all;overflow-wrap:anywhere}
/* v050: 2つ目のピックアップの見出しはスマホでも「、」の後で改行(iPhone 320px で「17の/仲間が」と折れた)・用語は折らない・相棒の版の注記を文節で折る(「今回の版か/ら」と折れた) */
.workshop-feature-next .feature-copy h3 br{display:inline}
.workshop-feature-next .nw{white-space:nowrap}
#editions small{word-break:keep-all;overflow-wrap:anywhere}
/* v050: アップデートの歩み(相棒の区画の注記の下・本人「簡単なアップデート履歴もこの辺りで、全部可視化したいね」) */
.update-history{max-width:620px;margin:34px auto 0;text-align:center}
.update-history .update-lead{margin:6px 0 12px;font-size:15px;line-height:1.7;color:#55555b;word-break:keep-all;overflow-wrap:anywhere}
.update-chart{display:block;width:100%;height:auto}
.update-chart .base{stroke:#d2d2d7;stroke-width:1}
.update-chart .line{fill:none;stroke:#0768cc;stroke-width:2.2;stroke-linejoin:round}
.update-chart .next{fill:none;stroke:#0768cc;stroke-width:2.2;stroke-dasharray:5 5}
.update-chart .d{fill:#0768cc;opacity:.45}
.update-chart .m{fill:#0768cc;stroke:#fff;stroke-width:2}
.update-chart .now{fill:#fff;stroke:#0768cc;stroke-width:3}
.update-marks{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:left}
.update-marks li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#fff;font-size:13px;color:#55555b}
.update-marks strong{font-size:15px;color:#1d1d1f}
.update-marks em{font-style:normal}
.update-marks .now{background:#eaf2fc}
.update-marks .now span,.update-marks .now strong,.update-marks .now em{color:#0a4f95}
.update-history small{display:block;margin-top:10px;font-size:12px;color:#55555b}
@media (max-width:600px){.update-marks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* lp-parts.v051.css */
/* LP parts kit v1 (2026-09-19). Pair with lp-parts.js. Catalog: references/parts-catalog.md
   Rules: content is fully readable without JS (enhancements live under html.lp-parts-on),
   never lock scrolling, never draw reader-facing text over a generated image. */

:root { --lp-ease: cubic-bezier(.2, .7, .2, 1); --lp-part-radius: 14px; }
[data-lp-part] img { display: block; max-width: 100%; height: auto; }

/* 1. reveal: image opens like a curtain when it enters the viewport */
.lp-parts-on [data-lp-part="reveal"] {
  clip-path: inset(0 0 100% 0); transform: translateY(18px);
  transition: clip-path .9s var(--lp-ease), transform .9s var(--lp-ease);
}
.lp-parts-on [data-lp-part="reveal"][data-lp-reveal="wipe"] { clip-path: inset(0 100% 0 0); transform: none; }
.lp-parts-on [data-lp-part="reveal"][data-lp-reveal="iris"] { clip-path: circle(0% at 50% 50%); transform: none; }
.lp-parts-on [data-lp-part="reveal"].is-in { clip-path: inset(0 0 0 0); transform: none; }
.lp-parts-on [data-lp-part="reveal"][data-lp-reveal="iris"].is-in { clip-path: circle(75% at 50% 50%); }

/* 2. depth: layered stills drift at different speeds. Put reader text only on a data-depth="0" layer */
[data-lp-part="depth"] { position: relative; overflow: hidden; border-radius: var(--lp-part-radius); }
[data-lp-part="depth"] > * { width: 100%; }
.lp-parts-on [data-lp-part="depth"] > *:not(:first-child) { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.lp-parts-on [data-lp-part="depth"] > [data-depth]:not([data-depth="0"]) {
  transform: translate3d(0, calc(var(--lp-p, 0) * var(--lp-d, 0) * 70px), 0) scale(1.14); will-change: transform;
}
/* first child = a complete still that works alone (no JS, reduced motion). Layers above it are extras */
html:not(.lp-parts-on) [data-lp-part="depth"] > *:not(:first-child) { display: none; }

/* 3. compare: before/after slider driven by a real range input (keyboard and screen reader friendly) */
[data-lp-part="compare"] { position: relative; --pos: 50%; border-radius: var(--lp-part-radius); overflow: hidden; touch-action: pan-y; }
[data-lp-part="compare"] > img { width: 100%; }
.lp-parts-on [data-lp-part="compare"] > img:nth-of-type(2) { position: absolute; inset: 0; height: 100%; object-fit: cover; clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
.lp-parts-on [data-lp-part="compare"]::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: var(--pos); width: 2px; margin-left: -1px;
  background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 0 18px rgba(255,255,255,.7); pointer-events: none;
}
[data-lp-part="compare"] > input[type="range"] { display: none; }
.lp-parts-on [data-lp-part="compare"] > input[type="range"] {
  display: block; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; touch-action: pan-y;
}
.lp-parts-on [data-lp-part="compare"] > input[type="range"]:focus-visible { opacity: 1; appearance: none; -webkit-appearance: none; background: transparent; outline: 3px solid Highlight; outline-offset: -3px; }
.lp-parts-on [data-lp-part="compare"] > input[type="range"]:focus-visible::-webkit-slider-thumb { -webkit-appearance: none; width: 1px; height: 1px; }
.lp-parts-on [data-lp-part="compare"] > input[type="range"]:focus-visible::-moz-range-thumb { width: 1px; height: 1px; border: 0; }

/* 4. foil: card tilts and a foil sheen follows the finger. Sheen is light only, no text */
[data-lp-part="foil"] { perspective: 900px; touch-action: pan-y; }
[data-lp-part="foil"] > * {
  position: relative; border-radius: var(--lp-part-radius); overflow: hidden;
  transform: rotateX(calc(var(--ry, 0) * -9deg)) rotateY(calc(var(--rx, 0) * 11deg));
  transition: transform .5s var(--lp-ease); box-shadow: 0 24px 50px -22px rgba(0,0,0,.55);
}
[data-lp-part="foil"].is-live > * { transition: none; }
.lp-parts-on [data-lp-part="foil"] > *::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; mix-blend-mode: soft-light; opacity: calc(var(--lp-sheen, 0) * .9);
  transition: opacity .4s;
  background:
    radial-gradient(circle at calc(50% + var(--rx, 0) * 50%) calc(50% + var(--ry, 0) * 50%), rgba(255,255,255,.5), transparent 38%),
    linear-gradient(calc(115deg + var(--rx, 0) * 40deg), transparent 30%, rgba(255,120,200,.5) 42%, rgba(120,220,255,.5) 50%, rgba(255,230,120,.5) 58%, transparent 70%);
}

/* 5. stack: cards pile up while you scroll (pure CSS sticky, never blocks scrolling) */
[data-lp-part="stack"] > * { margin-bottom: 28px; border-radius: var(--lp-part-radius); overflow: hidden; }
@supports (position: sticky) {
  .lp-parts-on [data-lp-part="stack"] > * { position: sticky; top: calc(14px + var(--lp-i, 0) * 16px); box-shadow: 0 -10px 30px -18px rgba(0,0,0,.5); }
}

/* 6. rail: swipe gallery with snap, each item opens in a dialog and returns to the same spot */
[data-lp-part="rail"]:where(:not([data-lp-rail="phone"])) {
  display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  padding: 4px max(16px, 8vw) 16px; scrollbar-width: none; overscroll-behavior-x: contain;
}
[data-lp-part="rail"]::-webkit-scrollbar { display: none; }
[data-lp-part="rail"]:where(:not([data-lp-rail="phone"])) > * { flex: 0 0 min(76%, 420px); scroll-snap-align: center; }
/* 6b. rail only on phones: data-lp-rail="phone" keeps the page's own grid on wider screens and turns it into one swipe row
   up to 600px (2026-09-27 AIパクくん5 HP v036: 8 big team cards stacked 4,579px tall on an iPhone). The next card peeks
   and the right edge fades until the end is reached; no rounded overflow:hidden parent (the edge cards would be cut round) */
@media (max-width: 600px) {
  [data-lp-part="rail"][data-lp-rail="phone"] {
    display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    padding-bottom: 8px; scrollbar-width: none; overscroll-behavior-x: contain;
  }
  [data-lp-part="rail"][data-lp-rail="phone"] > * { flex: 0 0 84%; min-width: 0; scroll-snap-align: start; }
  .lp-parts-on [data-lp-part="rail"][data-lp-rail="phone"]:not([data-lp-at-end]) {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent); mask-image: linear-gradient(90deg, #000 90%, transparent);
  }
}
[data-lp-zoom] { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: var(--lp-part-radius); overflow: hidden; }
dialog.lp-zoom { border: 0; padding: 0; background: transparent; max-width: 100vw; max-height: 100dvh; width: 100vw; height: 100dvh; overflow: auto; }
dialog.lp-zoom::backdrop { background: rgba(8,8,10,.92); }
dialog.lp-zoom img { width: min(100%, 1100px); margin: 56px auto 24px; }
dialog.lp-zoom .lp-zoom__close {
  position: fixed; top: 10px; right: 10px; min-width: 48px; min-height: 48px; border-radius: 24px; border: 1px solid rgba(255,255,255,.5);
  background: rgba(20,20,22,.8); color: #fff; font-size: 15px; padding: 0 16px; cursor: pointer;
}
html:has(dialog.lp-zoom[open]) { overflow: hidden; }

/* 7. ritual: a box the reader opens. If they scroll past, it opens by itself (no gate, no lock) */
[data-lp-part="ritual"] { position: relative; }
[data-lp-part="ritual"] .lp-ritual__frame { position: relative; display: block; width: 100%; padding: 0; border: 0; background: none; border-radius: var(--lp-part-radius); overflow: hidden; }
[data-lp-part="ritual"] .lp-ritual__frame > img { width: 100%; }
.lp-parts-on [data-lp-part="ritual"] .lp-ritual__frame { cursor: pointer; }
.lp-parts-on [data-lp-part="ritual"] .lp-ritual__frame > img:nth-of-type(2) { position: absolute; inset: 0; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity .9s var(--lp-ease), transform 1.2s var(--lp-ease); }
.lp-parts-on [data-lp-part="ritual"].is-open .lp-ritual__frame > img:nth-of-type(2) { opacity: 1; transform: none; }
.lp-parts-on [data-lp-part="ritual"].is-open .lp-ritual__frame { cursor: default; }
.lp-parts-on [data-lp-part="ritual"]:not(.is-open) .lp-ritual__frame::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 50% 58%, rgba(255,226,150,.35), transparent 38%); animation: lp-breathe 2.6s ease-in-out infinite;
}
.lp-parts-on [data-lp-part="ritual"] .lp-ritual__inside { display: none; }
.lp-parts-on [data-lp-part="ritual"].is-unfolded .lp-ritual__inside { display: block; animation: lp-rise .8s var(--lp-ease) both; }
@keyframes lp-breathe { 50% { opacity: .35; } }
@keyframes lp-rise { from { opacity: 0; transform: translateY(16px); } }

/* 8. count: real numbers in HTML text count up once */
[data-lp-part="count"] { font-variant-numeric: tabular-nums; }

/* 9. dock: bottom call-to-action that appears after the first view and steps aside near the offer/form */
[data-lp-part="dock"] { display: none; }
.lp-parts-on [data-lp-part="dock"] {
  display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  transform: translateY(110%); transition: transform .45s var(--lp-ease); pointer-events: none;
}
.lp-parts-on [data-lp-part="dock"].is-in { transform: none; pointer-events: auto; }

/* 10. progress: thin reading progress bar */
.lp-parts-on [data-lp-part="progress"] {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 50; transform-origin: 0 50%;
  transform: scaleX(var(--lp-p, 0)); background: var(--lp-accent, #b4472e); pointer-events: none;
}

/* 11. scene: pinned stage where stills cross-fade as you scroll naturally (contain, never crop baked text) */
.lp-parts-on [data-lp-part="scene"].is-live { position: relative; height: calc(var(--lp-frames, 2) * 85svh); }
.lp-parts-on [data-lp-part="scene"].is-live .lp-scene__pin { position: sticky; top: 0; height: 100svh; overflow: hidden; }
.lp-parts-on [data-lp-part="scene"].is-live .lp-scene__pin > * { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: var(--lp-o, 0); transform: scale(calc(1.05 - var(--lp-o, 0) * .05)); will-change: opacity, transform; }

/* 12. spotlight: a dark mood image is lit where the finger or the scroll points. Do not hide essential copy in the dark */
[data-lp-part="spotlight"] { position: relative; border-radius: var(--lp-part-radius); overflow: hidden; touch-action: pan-y; }
.lp-parts-on [data-lp-part="spotlight"]::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at calc(var(--mx, .5) * 100%) calc(var(--my, .3) * 100%), transparent 0 22%, rgba(4,6,14,.7) 58%);
}

/* 13. marquee: works flow sideways, pause when off screen. Falls back to a swipeable row */
[data-lp-part="marquee"] { overflow-x: auto; scrollbar-width: none; }
[data-lp-part="marquee"]::-webkit-scrollbar { display: none; }
[data-lp-part="marquee"] > .lp-marquee__track { display: flex; gap: 12px; width: max-content; }
.lp-parts-on [data-lp-part="marquee"].is-auto > .lp-marquee__track { padding-right: 12px; } /* keeps the loop seamless: half the track = one full set + its gap */
[data-lp-part="marquee"] > .lp-marquee__track > * { flex: 0 0 auto; height: clamp(120px, 34vw, 220px); width: auto; border-radius: 10px; }
.lp-parts-on [data-lp-part="marquee"].is-auto { overflow: hidden; }
.lp-parts-on [data-lp-part="marquee"].is-auto > .lp-marquee__track { animation: lp-marquee var(--lp-marquee-s, 38s) linear infinite; }
.lp-parts-on [data-lp-part="marquee"].is-off > .lp-marquee__track,
.lp-parts-on [data-lp-part="marquee"].is-held > .lp-marquee__track { animation-play-state: paused; }
@keyframes lp-marquee { to { transform: translateX(-50%); } }

/* Motion preference: show everything, move nothing */
@media (prefers-reduced-motion: reduce) {
  .lp-parts-on [data-lp-part="reveal"] { clip-path: none !important; transform: none !important; transition: none; }
  .lp-parts-on [data-lp-part="depth"] > [data-depth] { transform: none !important; }
  .lp-parts-on [data-lp-part="depth"] > *:not(:first-child) { display: none; }
  .lp-parts-on [data-lp-part="foil"] > * { transform: none; }
  .lp-parts-on [data-lp-part="ritual"] .lp-ritual__frame::after { animation: none; }
  .lp-parts-on [data-lp-part="ritual"] .lp-ritual__frame > img:nth-of-type(2) { transition: none; }
}

/* 14. pair: two things side by side to compare, also on phones (2026-09-27 HP v036: A/B banners were stacked, 1,911px tall).
   One column only below 360px. Keep choosers and captions short enough for half the width (the audit reports select_text_cut) */
[data-lp-part="pair"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 2.5vw, 22px); }
[data-lp-part="pair"] > * { min-width: 0; }
[data-lp-part="pair"] img { width: 100%; height: auto; }
@media (max-width: 360px) { [data-lp-part="pair"] { grid-template-columns: 1fr; } }

/* motion.v056.css */
/* AIパクくん5 HP v051 の動き(motion.v051.js と対)。効果は html.mv-on の下だけ。「動きを減らす」設定では最初から完成形 */

/* 2. orbit: ループの絵の輪を光が回る(絵はそのまま・光だけを重ねる) */
.mv-orbit{position:relative}
.mv-orbit>svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .6s}
.mv-orbit.is-live>svg{opacity:1}
.mv-orbit__head{fill:url(#mv-orbit-glow)}
.mv-orbit__tail{fill:url(#mv-orbit-glow)}
.mv-orbit__station{fill:url(#mv-orbit-halo);opacity:0}

/* 5. chat: 相棒が返事をする(はじめの一歩) */
.mv-chat{max-width:980px;margin:52px auto 10px}
.mv-chat__window{position:relative;background:#fff;border:1px solid #eef0f6;border-radius:26px;box-shadow:0 30px 60px -28px rgba(35,60,102,.28);overflow:hidden}
.mv-chat__top{height:60px;display:flex;align-items:center;gap:18px;padding:0 24px;background:#fcfcff;border-bottom:1px solid #f0f1f5}
.mv-chat__top i{width:10px;height:10px;border-radius:50%;background:#d9dde7;display:inline-block;margin-right:6px}
.mv-chat__top b{font-size:19px;font-weight:750;letter-spacing:-.02em}
.mv-chat__top span:last-child{margin-left:auto;font-size:14px;color:#7b8492}
.mv-chat__log{height:clamp(330px,34vw,400px);overflow-y:auto;padding:22px 24px 12px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;overscroll-behavior:contain}
.mv-chat__empty{margin:auto;color:#9198a5;font-size:17px}
.mv-chat__msg{max-width:min(620px,88%);opacity:1;transform:none;transition:opacity .28s,transform .36s cubic-bezier(.2,1.2,.4,1)}
.mv-on .mv-chat.is-playing .mv-chat__msg:not(.is-in){opacity:0;transform:translateY(10px) scale(.98)}
.mv-chat__me{align-self:flex-end;background:#e8f0ff;border-radius:20px 20px 5px 20px;padding:11px 18px;font-size:15px;line-height:1.7}
.mv-chat__code{font:500 20px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px 20px}
.mv-chat__ai{align-self:flex-start;font-size:15px;line-height:1.75}
.mv-chat__ai p{margin:4px 0 0}
.mv-chat__who{display:block;color:#4574ce;font-size:14px;font-weight:700}
.mv-chat__welcome{display:grid;grid-template-columns:minmax(0,210px) 1fr;gap:22px;align-items:center;max-width:100%}
.mv-chat__welcome img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.mv-chat__welcome .hello{font-size:34px;font-weight:800;letter-spacing:-.045em;margin:0 0 6px;line-height:1.25}
.mv-chat__welcome .small{font-size:17px;margin:4px 0 0}
.mv-chat__skills{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:10px 0 0;padding:0}
.mv-chat__skills li{font-size:13px;font-weight:650;color:#2242a6;background:#eef3ff;border-radius:999px;padding:5px 11px}
.mv-chat__skills li:has(a){padding:0;background:none}
.mv-chat__skills a{display:inline-flex;align-items:center;min-height:30px;font-size:13px;font-weight:650;color:#2242a6;background:#eef3ff;border-radius:999px;padding:5px 11px;text-decoration:none;transition:background .2s}
.mv-chat__skills a:hover{background:#dfe8ff}
.mv-chat__skills a::after{content:" →";opacity:.6}
.mv-chat__work{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;max-width:380px;margin:10px 0 0;padding:8px;border-radius:14px;background:#fff;border:1px solid #e3e8f2;text-decoration:none;color:inherit;box-shadow:0 10px 22px -18px rgba(24,50,68,.5);transition:transform .2s,box-shadow .2s}
.mv-chat__work:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(24,50,68,.55)}
.mv-chat__work img{width:120px;aspect-ratio:16/10;object-fit:cover;border-radius:9px;display:block;background:#eef1f5}
.mv-chat__work span{display:grid;gap:3px;min-width:0}.mv-chat__work small{font-size:12px;color:#5b6474;line-height:1.4}.mv-chat__work b{font-size:13.5px;color:#0768cc}

.mv-chat__think{align-self:flex-start;display:flex;gap:6px;padding:12px 4px}
.mv-chat__think span{width:8px;height:8px;border-radius:50%;background:#9db6e4;animation:mv-dot 1s ease-in-out infinite}
.mv-chat__think span:nth-child(2){animation-delay:.15s}.mv-chat__think span:nth-child(3){animation-delay:.3s}
@keyframes mv-dot{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}
.mv-chat__composer{margin:6px 18px 18px;display:flex;align-items:center;gap:6px;min-height:54px;padding:8px 10px 8px 20px;border:1px solid #d4dbe9;border-radius:18px;background:#fff}
.mv-chat__entry{font:500 17px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mv-chat__caret{width:2px;height:22px;background:#487bee;display:none}
.mv-chat__composer.is-typing .mv-chat__caret{display:inline-block;animation:mv-caret 1s steps(1) infinite}
.mv-chat__ph{color:#9a9fa9;font-size:15px}
.mv-chat__composer.is-typing .mv-chat__ph{display:none}
.mv-chat__send{margin-left:auto;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#1769e0;color:#fff;display:grid;place-items:center;font-size:20px}
@keyframes mv-caret{50%{opacity:0}}
.mv-chat__asks{display:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px auto 0}
/* 頼み方は最初から見せる(実演の間に隠すと、速く読む人には空白に見える・出す時にページが伸びる)。実演の途中で押されたら実演を飛ばす */
.mv-on .mv-chat__asks{display:flex}
.mv-chat__asks p{width:100%;text-align:center;margin:0 0 4px;font-size:14px;color:#6c7486;font-weight:600}
.mv-chat__asks button{min-height:44px;border:1px solid #cfdcf6;background:#fff;color:#1d4ed8;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:650;transition:background .2s,transform .2s,box-shadow .2s}
.mv-chat__asks button:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(29,78,216,.5)}
.mv-chat__asks button[aria-pressed="true"]{background:linear-gradient(135deg,#1d4ed8,#6d4cff);color:#fff;border-color:transparent}
@media(max-width:600px){
  .mv-chat{margin:36px -6px 6px}
  .mv-chat__window{border-radius:20px}
  .mv-chat__top{height:52px;padding:0 16px;gap:12px}.mv-chat__top b{font-size:17px}
  .mv-chat__log{height:350px;padding:14px 14px 8px}
  .mv-chat__welcome{grid-template-columns:1fr;gap:10px}
  .mv-chat__welcome img{aspect-ratio:16/6.4;object-fit:cover;object-position:center top;border-radius:12px}
  .mv-chat__welcome .hello{font-size:28px;margin-bottom:4px}
  .mv-chat__welcome .small{font-size:15px}
  .mv-chat__ai,.mv-chat__me{font-size:14px}
  .mv-chat__composer{margin:4px 12px 12px}
  .mv-chat__asks button{font-size:14px;padding:9px 15px}
}

/* 3. growth: スキルの歩み(1本目から・押すとその日のスキル) */
.update-history.mv-growth{max-width:700px}
.mv-growth__chart{position:relative;margin-top:4px}
.mv-growth__svg{touch-action:pan-y;cursor:pointer;-webkit-tap-highlight-color:transparent}
.update-chart .band{fill:#eef4ff}
.update-chart .grid{stroke:#ececf1;stroke-width:1}
.update-chart .m{fill:#0768cc;stroke:#fff;stroke-width:2}
.update-chart .sel{fill:none;stroke:#0768cc;stroke-width:2.2;opacity:.6;transition:cx .18s ease-out,cy .18s ease-out}
.update-history.is-waiting .update-chart .now,.update-history.is-waiting .update-chart .sel{opacity:0}
.update-history .update-chart .now{transition:opacity .3s}
.update-history.is-drawn .update-chart .now{animation:mv-now 1.6s ease-out 1}
@keyframes mv-now{0%{stroke-width:3}30%{stroke-width:7;filter:drop-shadow(0 0 6px rgba(7,104,204,.55))}100%{stroke-width:3}}
.update-chart .d,.update-chart .m{transition:opacity .25s}
.mv-growth__v5{position:absolute;top:1px;right:1.5%;font-size:12px;font-weight:700;color:#3a64b8;pointer-events:none}
.mv-growth__axis{position:relative;height:18px;margin-top:2px;font-size:12px;color:#5d5d63}
.mv-growth__axis span{position:absolute;top:0;white-space:nowrap}
.mv-growth__ctrl{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}
.mv-growth__ctrl button{min-height:44px;min-width:44px;border-radius:999px;border:1px solid #d9e2f5;background:#fff;color:#1d3f7a;font-size:20px;font-weight:700;line-height:1;transition:background .2s,border-color .2s}
.mv-growth__ctrl button:hover:not(:disabled){background:#f2f6ff;border-color:#b8cdf2}
.mv-growth__ctrl button:disabled{opacity:.35;cursor:default}
.mv-growth__ctrl .mv-growth__play{font-size:14.5px;padding:0 18px;display:inline-flex;align-items:center;gap:8px}
.mv-growth__play span{font-size:11px}
.mv-growth__panel{margin-top:12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e6e9ef;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
.mv-growth__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 10px}
.mv-growth__date{font-size:17px;font-weight:800;color:#1d1d1f}
.mv-growth__plus{font:800 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#0768cc}
.mv-growth__total{font-size:14px;color:#55555b;font-variant-numeric:tabular-nums}
.mv-growth__tag{font-size:12.5px;font-weight:700;color:#0a4f95;background:#eaf2fc;border-radius:999px;padding:4px 10px}
.mv-growth__skills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mv-growth__skills a{display:inline-flex;align-items:center;min-height:36px;padding:6px 13px;border-radius:999px;background:#f4f7fb;border:1px solid #e1e8f2;color:#1d3f7a;font-size:14px;font-weight:650;text-decoration:none;transition:background .2s,border-color .2s}
.mv-growth__skills a:hover{background:#eaf2fc;border-color:#b8cdf2}
.mv-growth__hint{margin:8px 0 0;font-size:12.5px;color:#55555b;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:600px){.mv-growth__axis{font-size:12px}.mv-growth__v5{font-size:12px}.mv-growth__skills a{font-size:13.5px;padding:5px 12px;min-height:44px}.mv-chat__skills a{min-height:44px}}
@media (prefers-reduced-motion: reduce){.update-chart .sel{transition:none}}

/* 4. ロゴの「5」がときどき光る(14秒に1回・一瞬)。ヘッダーの手続きボタンの光は Fable の指摘で入れない */
.mv-on .brand span{background:linear-gradient(100deg,#4e75dc 0 42%,#9fd8ff 47%,#c9a2ff 50%,#ffb4d6 53%,#4e75dc 58% 100%);background-size:320% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:mv-five 14s ease-in-out 2.5s infinite}
@keyframes mv-five{0%,86%{background-position:100% 0}96%,100%{background-position:0 0}}

/* 5. xray: このページの作り方を透かす */
.mv-xray-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 13px 6px 9px;border-radius:999px;border:1px solid #d9e2f5;
  background:linear-gradient(135deg,#fff,#f2f6ff);color:#1d3f7a;font-size:14px;font-weight:650;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s}
.mv-xray-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(35,74,160,.45)}
.mv-xray-toggle svg{width:22px;height:22px;flex:0 0 auto}
.mv-xray-toggle .lens-ring{fill:none;stroke:url(#mv-lens-grad);stroke-width:2.4}
.mv-xray-toggle .lens-handle{stroke:#1d3f7a;stroke-width:2.6;stroke-linecap:round}
.mv-xray-toggle .lens-glint{fill:#9fc3ff}
.mv-xray-toggle[aria-pressed="true"]{background:linear-gradient(135deg,#1d4ed8,#6d4cff);color:#fff;border-color:transparent}
.mv-xray-toggle[aria-pressed="true"] .lens-handle{stroke:#fff}
.mv-xray-wrap{position:relative;display:inline-flex}
.mv-xray-hint{position:absolute;top:calc(100% + 12px);right:-6px;z-index:31;width:max-content;max-width:300px;padding:10px 15px;border-radius:14px;border:0;
  background:#1d3f7a;color:#fff;font-size:13.5px;font-weight:650;line-height:1.55;text-align:left;white-space:pre-line;box-shadow:0 12px 28px -12px rgba(29,63,122,.6);
  opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .35s,transform .35s}
.mv-xray-hint::before{content:"";position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#1d3f7a;transform:rotate(45deg);border-radius:2px}
.mv-xray-hint.is-shown{opacity:1;transform:none;pointer-events:auto;cursor:pointer}
@media(max-width:600px){.mv-xray-toggle{padding:6px 10px;min-height:44px;min-width:44px;justify-content:center}.mv-xray-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .nav nav{gap:8px}.mv-xray-hint{right:-58px}.mv-xray-hint::before{right:74px}}
@media(max-width:360px){.brand{font-size:16px}.brand span{font-size:21px}}
/* タブレット幅: ヘッダーの項目を語の途中で折らない・「作り方」は虫めがねだけ */
.nav nav>a{white-space:nowrap}
@media(min-width:601px) and (max-width:1100px){.nav nav{gap:18px}.mv-xray-toggle{padding:6px 10px;min-width:44px;min-height:44px;justify-content:center}.mv-xray-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}

/* 透かした時の見え方: 方眼の地・各パーツの点線の枠と札 */
.xray-grid{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;transition:opacity .45s;
  background-image:linear-gradient(rgba(47,111,235,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,235,.10) 1px,transparent 1px),
  linear-gradient(rgba(47,111,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,235,.05) 1px,transparent 1px);
  background-size:96px 96px,96px 96px,24px 24px,24px 24px}
.xray-on .xray-grid{opacity:1}
.xray-on [data-made-how]{position:relative;outline:1.5px dashed rgba(47,111,235,.85);outline-offset:6px;border-radius:14px;transition:outline-color .2s,box-shadow .25s}
.xray-on [data-made-how].mv-made-hot{outline:2px solid #6d4cff;box-shadow:0 0 0 8px rgba(109,76,255,.14),0 0 38px 6px rgba(109,76,255,.22)}
.xray-on [data-made-how] img,.xray-on [data-made-how] video{filter:saturate(.8) contrast(1.02)}
.mv-tag{display:none}
.xray-on .mv-tag{display:flex;flex-direction:column;gap:6px;position:absolute;z-index:26;left:10px;top:10px;max-width:min(340px,calc(100% - 20px));
  text-align:left;font:650 12.5px/1.5 -apple-system,BlinkMacSystemFont,'Hiragino Sans','Noto Sans JP',sans-serif;letter-spacing:.01em;
  color:#fff;background:linear-gradient(135deg,rgba(29,78,216,.95),rgba(109,76,255,.95));padding:8px 11px 9px;border-radius:12px;
  box-shadow:0 10px 26px -10px rgba(29,78,216,.6);opacity:0;transform:translateY(-6px) scale(.96);transition:opacity .35s,transform .45s cubic-bezier(.2,1.3,.4,1)}
.xray-on .mv-tag.is-in{opacity:1;transform:none}
.mv-tag__how{display:block}
.mv-tag__skills{display:flex;flex-wrap:wrap;gap:5px}
.mv-tag__skills a{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:12px;border:1px solid rgba(255,255,255,.35)}
.mv-tag__skills a:hover,.mv-tag__skills a:focus-visible{background:#fff;color:#2242a6}
@keyframes mv-tag{from{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}
.mv-xray-beam{position:fixed;left:0;right:0;top:0;height:120px;z-index:45;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(120,170,255,.16) 70%,rgba(139,123,255,.55) 98%,transparent);
  animation:mv-beam .64s cubic-bezier(.55,.05,.35,1) forwards}
@keyframes mv-beam{from{transform:translateY(-120px)}to{transform:translateY(100vh)}}
.mv-xray-panel{position:fixed;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:41;transform:translateX(-50%);
  width:min(640px,calc(100% - 24px));padding:16px 18px 14px;border-radius:20px;background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 48px -18px rgba(29,63,122,.45),0 0 0 1px rgba(78,117,220,.16);color:#1d1d1f}
.mv-xray-panel[hidden]{display:none}
.mv-xray-panel p{margin:0 0 10px;font-size:14px;line-height:1.7;font-weight:600}
.mv-xray-panel ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.mv-xray-panel li a{display:inline-flex;align-items:center;min-height:30px;font:650 12.5px/1 -apple-system,BlinkMacSystemFont,sans-serif;color:#2242a6;background:#eef3ff;border-radius:999px;padding:6px 11px;text-decoration:none}
.mv-xray-panel li a:hover{background:#dfe8ff}
.mv-xray-panel .mv-xray-count{font-size:12.5px;color:#5b6474;margin:-4px 0 10px;font-weight:600}
.mv-xray-panel [data-mv-xray-close]{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:#eef0f5;color:#3a3a3c;font-size:20px;line-height:1}
.mv-tag__no{display:block;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;opacity:.72;margin-bottom:5px}
.mv-xray-tour{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e8ebf2}
.mv-xray-tour button{min-height:40px;border:1px solid #d9e2f5;background:#fff;color:#1d3f7a;border-radius:999px;font-weight:700;font-size:14px;padding:0 14px}
.mv-xray-tour button[data-xt="prev"]{min-width:40px;padding:0;font-size:18px}
.mv-xray-tour button[data-xt="next"]{margin-left:auto;background:linear-gradient(135deg,#4d6cf5,#7a5cf0);border-color:transparent;color:#fff}
.mv-xray-tour [data-xt-count]{font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#3f4b63;font-variant-numeric:tabular-nums}
@media(max-width:600px){.xray-on .mv-tag{font-size:12px;left:8px;top:8px;padding:7px 9px 8px}.mv-xray-panel{bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));padding:14px 14px 12px}}

@media (prefers-reduced-motion: reduce){
  .mv-orbit>svg{display:none}
  .mv-chat__think span,.mv-chat__composer.is-typing .mv-chat__caret{animation:none}
  .mv-on .brand span{animation:none!important}
  .mv-xray-hint{transition:none}
  .mv-on .brand span{color:#4e75dc;background:none}
  .xray-on .mv-tag{transition:none}
}

/* 6. 媒体の帯(部品セット marquee): 両端をぼかして切れ目を見せない・1周約40秒・触ると止まる */
.mv-media{margin:0 calc(-1 * clamp(20px,3.2vw,52px));padding:4px 0 6px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mv-media .dpro-platform-list{display:flex!important;grid-template-columns:none!important;gap:12px;width:max-content;padding:0 clamp(20px,3.2vw,52px)}
.mv-media .dpro-platform-list li{flex:0 0 auto;width:132px;min-height:126px}
.mv-media .dpro-platform-list img{width:60px!important;height:60px!important;border-radius:0}
.mv-on .mv-media{--lp-marquee-s:40s}
.lp-parts-on .mv-media.is-auto .lp-marquee__track{padding-right:12px}
/* 点検の道具は「はみ出しを隠す枠」の中の見切れを崩れと数える。帯は横に送れる枠にする(見た目は同じ・指でも送れる) */
.lp-parts-on .mv-media.is-auto{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.mv-media::-webkit-scrollbar{display:none}
@media(max-width:600px){.mv-media{margin:0 -20px}.mv-media .dpro-platform-list{padding:0 20px}.mv-media .dpro-platform-list li{width:104px;min-height:104px;padding:14px 4px 12px;gap:10px}.mv-media .dpro-platform-list img{width:44px!important;height:44px!important}.mv-media .dpro-platform-list span{font-size:13px}}

/* 7. 相棒の結晶(部品セット foil): 傾きは小さく、影はページの柔らかさに合わせる */
.mv-edition{max-width:1030px;margin:-12px auto 0}
.mv-edition>*{border-radius:30px;box-shadow:0 30px 60px -34px rgba(35,60,102,.35);transform:rotateX(calc(var(--ry,0) * -3.5deg)) rotateY(calc(var(--rx,0) * 4.5deg))}
.lp-parts-on .mv-edition>*::after{mix-blend-mode:soft-light;opacity:calc(var(--lp-sheen,0) * .55)}
.mv-edition .edition-art{margin:0;max-width:none;border-radius:0}
@media(max-width:600px){.mv-edition{margin:0 auto}.mv-edition>*{border-radius:15px}}

/* 2b. ループの絵の枠(光を重ねるため picture を包む) */
.mv-orbit__pic{display:block}
@media(max-width:600px){.mv-orbit__pic img{aspect-ratio:2/3;height:auto}}

/* 8. A/B比較: 比較の画面は窓で。ページにはサムネの列だけ */
.ab-archive .ab-filter{display:none}
.ab-archive .ab-set{flex-basis:clamp(210px,21vw,264px)}
.ab-archive .ab-set small{font-size:13px;color:#555d6b}
.mv-ab-dialog{padding:0;border:0;border-radius:24px;width:min(1080px,calc(100% - 28px));max-height:92svh;overflow:auto;overscroll-behavior:contain}
.mv-ab-dialog::backdrop{background:rgba(20,24,36,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mv-ab-dialog .ab-board{border:0;border-radius:0;margin:0}
.mv-ab-close{position:sticky;top:10px;float:right;margin:10px 10px -46px 0;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#e9e9ec;color:#3a3a3c;font-size:24px;line-height:1}

@media(max-width:600px){.mv-ab-dialog{width:calc(100% - 14px);border-radius:18px}}

/* 9. 工房の動くLPパーツ: 中身が読み込まれてから高さを知らせるまでの間も、最終の比率で場所を取る(v045 から、読み込み後に 219→543px などへ伸びてページがずれていた)。
   実測の最終の高さ/幅: スマホ 1.41〜1.45・タブレット縦 1.40・PC 0.64(枠の幅で中の並びが切り替わる) */
.feature-motion{aspect-ratio:1.56}
@media(min-width:601px) and (max-width:1023px){.feature-motion{aspect-ratio:.716}.feature-motion .feature-poster{object-fit:contain;background:#eee5d9}}
@media(max-width:600px){.feature-motion{aspect-ratio:.7}}
/* 10. DPro とループの題の絵(遅れて読む・2048×1152)は、読み込み前から16:9で場所を取る。WebKit は src の無い img に width/height の比率を当てず、40px前後から634pxへ伸びていた(v050 から) */
@media(min-width:601px){#dpro picture.chapter-art img,#loop .mv-orbit__pic img{aspect-ratio:16/9;height:auto}}

/* 11. 相棒の結晶(v052): 押せると分かる印・押した時の仕掛け。勝手には動かない */
.mv-crystals{position:relative;max-width:1030px;margin:-12px auto 0}
.mv-crystals .edition-art{display:block;width:100%;margin:0;max-width:none}
.mv-crystal{position:absolute;border:0;border-radius:26px;background:transparent;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:box-shadow .25s,background .25s}
.mv-crystal:hover,.mv-crystal:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 7px var(--mv-c,#4e9dff),0 18px 48px -12px var(--mv-c,#4e9dff);background:rgba(255,255,255,.08)}
.mv-crystal[data-crystal="astra"]{--mv-c:#3b8cff}.mv-crystal[data-crystal="opus"]{--mv-c:#f08a4b}
.mv-crystal__cue{position:absolute;left:50%;bottom:-14px;transform:translate(-50%,6px);white-space:nowrap;font-size:13px;font-weight:700;color:#fff;background:var(--mv-c);border-radius:999px;padding:6px 14px;box-shadow:0 8px 18px -8px var(--mv-c);opacity:0;transition:opacity .2s,transform .25s}
.mv-crystal__cue::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,transparent 40%),rgba(255,255,255,.35)}
.mv-crystal:hover .mv-crystal__cue,.mv-crystal:focus-visible .mv-crystal__cue{opacity:1;transform:translate(-50%,0)}
@media (hover:none){.mv-crystal__cue{opacity:1;transform:translate(-50%,0);font-size:12px;padding:5px 12px}}
.mv-pop{position:absolute;z-index:6;top:6%;bottom:auto;min-height:88%;width:min(420px,46%);display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:16px;border-radius:24px;
  background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 60px -24px rgba(24,50,68,.45),0 0 0 1px rgba(24,50,68,.06);
  opacity:0;transform:scale(.92);transition:opacity .25s,transform .35s cubic-bezier(.2,1.3,.4,1)}
.mv-pop[data-pop="astra"]{left:4%;transform-origin:30% 60%}.mv-pop[data-pop="opus"]{right:4%;transform-origin:70% 60%}
.mv-pop.is-on{opacity:1;transform:none}
.mv-pop__term{border-radius:14px;background:#f4f7fb;border:1px solid #dfe7f1;overflow:hidden}
.mv-pop__bar{display:block;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5a6b80;padding:8px 12px;border-bottom:1px solid #dfe7f1;letter-spacing:.08em}
.mv-pop__lines{margin:0;padding:10px 12px;min-height:6.4em;font:500 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1d3f7a;white-space:pre-wrap}
.mv-pop__think{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fdf4ee;border:1px solid #f4dccb;font-weight:700;color:#b4562a}
.mv-pop__spark{display:inline-block;font-size:22px;line-height:1;color:#d97a45;animation:mv-spark 1.1s linear infinite}
@keyframes mv-spark{to{transform:rotate(360deg)}}
.mv-pop__verb{font:600 14px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}
.mv-pop__who{position:relative;overflow:hidden;min-height:0;opacity:0;transform:translateY(24px) scale(.7);transition:opacity .25s,transform .45s cubic-bezier(.2,1.6,.4,1)}
.mv-pop__who img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(24,50,68,.18))}
.mv-pop.is-who .mv-pop__who{opacity:1;transform:none}
.mv-pop__bubble{position:relative;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e3e8ef;opacity:0;transform:translateY(8px);transition:opacity .3s .15s,transform .35s .15s}
.mv-pop.is-who .mv-pop__bubble{opacity:1;transform:none}
.mv-pop__bubble b{display:block;font-size:12.5px;color:#5a6b80}
.mv-pop__bubble p{margin:2px 0 10px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.mv-pop__acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mv-pop__acts .pill{padding:10px 18px;gap:10px}
.mv-pop__acts button{border:0;background:#eef1f5;color:#3a4552;border-radius:999px;min-height:44px;padding:8px 16px;font-weight:650}
@media(max-width:600px){.mv-crystals{margin:0 auto}.mv-pop{width:auto;left:3%!important;right:3%!important;top:3%;bottom:auto;min-height:94%}.mv-pop__who{min-height:200px}.mv-pop__lines{min-height:5.6em;font-size:12px}.mv-pop__bubble p{font-size:17px}}
@media (prefers-reduced-motion: reduce){.mv-chat__work{transition:none}.mv-pop,.mv-pop__who,.mv-pop__bubble{transition:none}.mv-pop__spark{animation:none}}

/* 12. 会話の実演の顔アイコン(公式の設定画から・v052) */
.mv-chat__withav{display:flex;gap:10px;align-items:flex-start}
.mv-chat__av{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 30%;flex:0 0 auto;background:#f2f4fa;box-shadow:0 0 0 2px #fff,0 4px 10px -4px rgba(24,50,68,.35)}

/* v052: スキルのカードと札はリンク(移る物はリンク)。見た目はボタンの時のまま */
a.skill-card{display:block;text-decoration:none}
a.skill-tile{text-decoration:none}
a.skill-card:focus-visible,a.skill-tile:focus-visible{outline:3px solid #0768cc;outline-offset:3px}

/* v052: 作り方の札に生成費(本人 9/30「それぞれのパーツにいくらかかったか、全部で幾らかまで見えたら面白い」) */
.mv-tag__cost{display:inline-flex;margin-top:6px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.2);font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.mv-xray-total{margin:-2px 0 10px!important;font-size:15px!important;font-weight:800!important;color:#1d2330}
.mv-xray-total b{font:800 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4d45e0;font-variant-numeric:tabular-nums}
.mv-xray-total small{display:block;margin-top:4px;font-size:12px;font-weight:600;color:#55555b;line-height:1.6}
@media(max-width:600px){.mv-xray-panel>p:first-of-type,.mv-xray-panel .mv-xray-count,.mv-xray-panel ul{display:none}.mv-xray-total{margin:0 34px 8px 0!important;font-size:14px!important}.mv-xray-total b{font-size:17px}.mv-xray-total small{font-size:11.5px}.mv-xray-tour{margin-top:8px;padding-top:8px}}
.mv-xray-total b{white-space:nowrap}
/* v052 9/30: 吹き出しは中身に合わせて伸ばす(タブレットで枠が低く、端末の行が切れ・キャラの絵が高さ0になった)。絵の行に下限 */
.mv-pop__who{min-height:clamp(170px,22vw,300px)}
.mv-pop__term,.mv-pop__think,.mv-pop__bubble{flex-shrink:0;min-height:min-content}
@media(min-width:601px) and (max-width:1100px){.mv-pop{width:min(440px,58%)}}
/* 9/30 「作り方」のアイコン=お金を調べる虫めがね(レンズの中に ¥ の金貨) */
.mv-xray-toggle .lens-coin{fill:url(#mv-coin-grad);stroke:#c98a0c;stroke-width:.6}
.mv-xray-toggle .lens-yen{fill:none;stroke:#7a4b00;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.mv-xray-toggle .lens-glint{fill:none;stroke:#fff;stroke-width:1.2;stroke-linecap:round;opacity:.85}
.mv-xray-toggle:hover .lens-coin{animation:mv-coin-shine .9s ease-out 1}
@keyframes mv-coin-shine{0%{filter:none}40%{filter:brightness(1.25) drop-shadow(0 0 2px #ffd35c)}100%{filter:none}}
@media (prefers-reduced-motion: reduce){.mv-xray-toggle:hover .lens-coin{animation:none}}
/* 9/30 ヒーロー下の説明文: 真ん中そろえ・PC は「使う、」で改行して2行・スマホは言葉の切れ目で折る */
.search-intro.mv-intro{text-align:center;padding:6px 24px 30px}
.search-intro.mv-intro p{margin:0 auto;max-width:44em;font-size:16px;line-height:1.9;color:#3a3a3c;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
@media (max-width:700px){.mv-intro__br{display:none}.search-intro.mv-intro{padding:4px 22px 26px}.search-intro.mv-intro p{font-size:15px}}
.mv-nw{display:inline-block;white-space:nowrap}
.mv-xray-hint{word-break:keep-all;overflow-wrap:anywhere}
/* 9/30 セルフリファイン: 320幅で「使いたい方/へ」と語の途中で折れた→文節で折る */
.edition-kicker,.receive-choices small{word-break:keep-all;overflow-wrap:anywhere}
.receive-choices small{text-wrap:balance}
/* 9/30 本人の画面(約280px幅)で「つくりた/い。」と折れ、ヘッダーのボタンが2行になった → 文節で折る・とても狭い幅は少し小さく */
.hero-bottom p{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:340px){.hero-bottom p{font-size:18px}header .pill.small{padding-left:12px;padding-right:12px;font-size:12.5px;white-space:nowrap}header .brand{font-size:15px}.mv-xray-toggle{min-width:44px;padding:6px 8px}}
@media (max-width:330px){.mv-pill-tail{display:none}}

/* v056: controls fit the viewing area without shrinking the character artwork. */
.mv-pop{display:flex;flex-direction:column;min-height:0;max-height:var(--mv-pop-room,calc(100dvh - 100px));overflow-y:auto;overscroll-behavior:contain}
.mv-pop__who{flex:1 0 auto}
.mv-pop__bubble{position:sticky;bottom:0;z-index:1;background:#fff}
.mv-quiz__meta:focus-visible{outline:2px solid #4d6cf5;outline-offset:6px;border-radius:3px}
.mv-cost-row{display:flex;align-items:baseline;gap:10px}
.mv-cost-row .mv-xray-total{margin:0!important}
.mv-cost-short{display:none}
.mv-cost-details{flex:none;padding:0;border:0;margin:0;min-width:0}
.mv-cost-details summary{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer;color:#2242a6;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.mv-cost-details summary::after{display:none}
.mv-cost-details[open] summary::after{content:'−'}
.mv-cost-note{position:absolute;left:0;right:0;bottom:calc(100% + 8px);padding:16px 20px;border:1px solid #d9e2f5;border-radius:16px;background:#fff;box-shadow:0 8px 30px #243a6520;font-size:13px;line-height:1.7;max-height:40dvh;overflow:auto}
@media(max-width:600px){
 .mv-xray-panel{padding:4px 10px 8px;max-width:calc(100vw - 24px)}
 .mv-cost-row{align-items:center;padding-right:44px;gap:6px;justify-content:space-between;min-height:44px}
 .mv-cost-full{display:none}.mv-cost-short{display:inline;font-size:12px}
 .mv-cost-row .mv-xray-total{font-size:12px!important;white-space:nowrap}
 .mv-cost-row .mv-xray-total b{font-size:16px}
 .mv-xray-panel [data-mv-xray-close]{top:4px;right:4px;width:44px;height:44px;background:transparent}
 .mv-xray-tour{margin-top:0;padding-top:4px}
 .mv-xray-tour button{min-height:44px}
 .mv-xray-tour button[data-xt="prev"]{min-width:44px}
}

/* search-intro.v037.css */
.search-intro{max-width:1000px;margin:0 auto;padding:26px 32px 32px;color:var(--ink,#183244);font-size:15px;line-height:1.9}.search-intro p{margin:0 0 12px;max-width:780px}.search-intro nav{display:flex;gap:22px;flex-wrap:wrap}.search-intro a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue,#16658a);font-weight:600;text-underline-offset:4px}.search-intro a:focus-visible{outline:3px solid #dc9529;outline-offset:4px}@media(max-width:600px){.search-intro{padding:22px;font-size:14px}.search-intro nav{gap:18px}}

/* existing inline style */
.work-card{text-decoration:none;color:inherit;display:block}.work-card:focus-visible{outline:3px solid #176588;outline-offset:4px}
/* movie-fullscreen.v064.css */
/* A persistent, labelled control; the native player handles fullscreen on iPhone. */
.movie-controls .movie-fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;white-space:nowrap}
.movie-fullscreen::before{content:"";width:17px;height:17px;flex:none;background:linear-gradient(#fff,#fff) left top/6px 2px,linear-gradient(#fff,#fff) left top/2px 6px,linear-gradient(#fff,#fff) right top/6px 2px,linear-gradient(#fff,#fff) right top/2px 6px,linear-gradient(#fff,#fff) left bottom/6px 2px,linear-gradient(#fff,#fff) left bottom/2px 6px,linear-gradient(#fff,#fff) right bottom/6px 2px,linear-gradient(#fff,#fff) right bottom/2px 6px;background-repeat:no-repeat}
.movie-controls button:focus-visible{outline:3px solid #79b6ff;outline-offset:3px}
.movie-fullscreen-notice{font-size:14px;color:#6b7687;margin:0 3px 12px}
#output-view .output-movie:is(:fullscreen,:-webkit-full-screen){display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#090c12;color:#fff;overflow:auto}
#output-view .output-movie:is(:fullscreen,:-webkit-full-screen) .movie-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;max-width:none;margin:0;overflow:hidden}
#output-view .output-movie:is(:fullscreen,:-webkit-full-screen) video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;object-fit:contain;background:#090c12}
#output-view .output-movie:is(:fullscreen,:-webkit-full-screen) .movie-controls{flex-shrink:0;box-sizing:border-box;width:100%;margin:0;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#151b25}
#output-view .output-movie:is(:fullscreen,:-webkit-full-screen) .movie-time{color:#d4dfef}
#output-view .output-movie:is(:fullscreen,:-webkit-full-screen) .movie-fullscreen-notice{color:#d4dfef;padding:0 16px}
@media(max-width:600px){.movie-controls .movie-fullscreen{order:1}.movie-controls .movie-time{order:2}}

/* portfolio-preview.v069.css */
.portfolio-preview{max-width:800px;margin:auto;padding:0 0 20px;display:flex;flex-direction:column;align-items:center;gap:22px}.portfolio-preview .portfolio-open{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:28px;background:#0868cc;color:white;font-weight:700;text-decoration:none;align-self:flex-start}.portfolio-preview .portfolio-screen{display:block;width:100%;max-width:640px;height:auto;border-radius:16px;box-shadow:0 8px 26px #10233d16}.portfolio-open:focus-visible{outline:3px solid #173efb;outline-offset:4px}@media(max-width:600px){.portfolio-preview{gap:18px}.portfolio-preview .portfolio-open{width:100%;box-sizing:border-box}}

/* /media-loading.v078.css */
:where(img[data-perf-sized]){height:auto;aspect-ratio:var(--perf-aspect)}

/* start-panel.v073.css */
/* v073: apply the owner-selected v068 conversation-entry panel. */
#start .mv-chat__asks { display:block; margin:0; padding:26px 24px 30px; border-top:1px solid #e6ecf7; background:#f5f8ff; }
#start .mv-chat__asks #demo-ask-title { margin:0; font-size:21px; line-height:1.6; font-weight:700; letter-spacing:-.035em; color:#253451; }
#start .mv-chat__asks #demo-ask-hint { margin:5px 0 18px; font-size:14px; line-height:1.75; font-weight:400; color:#5c6980; }
#start .mv-chat__choices { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
#start .mv-chat__asks button { min-height:48px; padding:11px 20px; font-size:15px; line-height:1.5; }
#start .mv-chat__asks button:focus-visible { outline:3px solid #1769e0; outline-offset:4px; }
@media(max-width:600px) {
  #start .mv-chat__asks { padding:22px 18px 26px; }
  #start .mv-chat__asks #demo-ask-title { font-size:19px; }
  #start .mv-chat__asks #demo-ask-hint { max-width:24em; margin:6px auto 18px; font-size:13px; }
  #start .mv-chat__choices { display:grid; grid-template-columns:1fr; gap:10px; }
  #start .mv-chat__asks button { width:100%; min-height:48px; padding:12px 10px; font-size:14px; }
}

/* sales.v082.css */
/* v082 価格の欄(既存の版のカードと同じ白地・青・細い線の作法) */
.sales-price{margin:56px auto 0;max-width:880px;text-align:center}
.sales-price h3{font-size:clamp(26px,4.2vw,40px);line-height:1.35;letter-spacing:-.01em;margin:8px 0 14px;word-break:keep-all;overflow-wrap:anywhere}
.sales-lead{font-size:17px;line-height:1.9;color:var(--copy,#3a3a3f);max-width:640px;margin:0 auto 28px;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.sales-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 auto 22px;max-width:760px}
.sales-plan{background:#fff;border:1px solid #e1e4ea;border-radius:24px;padding:28px 22px 24px;box-shadow:0 1px 2px rgba(20,30,50,.04)}
.sales-plan-name{font-size:16px;font-weight:700;color:var(--muted,#66666c);margin:0 0 6px}
.sales-plan-price{font-size:clamp(34px,5vw,46px);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2;color:var(--ink,#1d1d1f)}
.sales-plan-price span{font-size:16px;font-weight:600;letter-spacing:0;margin-left:2px}
.sales-plan-sub{font-size:15px;color:var(--muted,#66666c);margin:8px 0 0;line-height:1.7}
.sales-bonus{max-width:760px;margin:0 auto 18px;border:1px solid #d8dce2;border-radius:20px;padding:18px 22px;text-align:left}
.sales-bonus-title{font-size:15px;font-weight:700;color:#3f67ad;margin:0 0 6px}
.sales-bonus ul{margin:0;padding-left:1.2em;font-size:16px;line-height:1.9}
.sales-terms{list-style:none;padding:0;margin:0 auto 6px;max-width:760px;font-size:15px;line-height:1.85;color:var(--copy,#3a3a3f)}
.sales-terms li{word-break:keep-all;overflow-wrap:anywhere}
.sales-cta{font-size:17px;min-height:56px;min-width:240px;margin-top:22px}
.sales-note{margin-top:18px}
.sales-note a{color:var(--blue,#0768cc);text-decoration:underline;text-underline-offset:3px}
.sales-bonus{background:#fff}
.sales-lead br.pc{display:inline}
@media (max-width:600px){
 .sales-price{margin-top:44px}
 .sales-plans{grid-template-columns:1fr;gap:12px}
 .sales-plan{padding:22px 18px 20px}
 .sales-lead{font-size:16px;text-align:left}
 .sales-terms{text-align:left}
 .sales-lead br.pc{display:none}
}

/* v083: 折らない印(.nw)の中に phrase.js が区切りを入れないように */
.sales-price .nw,#receive-dialog .nw{word-break:normal}

/* dialog.v084.css */
/* v084 申し込みの窓: 「購入する/無料で受け取る」のまとまりの見出し */
#receive-dialog .receive-mode{margin:14px 0 4px;padding:0;border:0}
#receive-dialog .receive-group{font-size:15px;font-weight:700;color:#3f67ad;letter-spacing:.02em;padding:0;margin:0 0 8px}
#receive-dialog .receive-mode+.receive-mode{margin-top:18px}
#receive-dialog .nw{word-break:normal;white-space:nowrap}
#receive-dialog [data-for][hidden]{display:none!important}
#receive-dialog .receive-status a{white-space:nowrap}
@media(max-width:600px){#receive-dialog>p.receive-lead{display:block;font-size:14px;line-height:1.7;margin:2px 0 0}}
@media(max-width:360px){#receive-dialog .receive-choices strong{font-size:16px;white-space:normal}}

/* dialog.v085.css */
/* v085 窓の無料の2つの右上の「?」(押すと解説LP)。見た目は小さく、押せる範囲は広く */
#receive-dialog .receive-mode label{position:relative}
#receive-dialog .receive-mode+.receive-mode label{padding-right:52px}
#receive-dialog .receive-help{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:1px solid #b9c7e6;background:#fff;color:#3f67ad;font-size:15px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:1}
#receive-dialog .receive-help::before{content:"";position:absolute;inset:-8px}
#receive-dialog .receive-help:hover{background:#f2f6ff}
#receive-dialog .receive-help:focus-visible{outline:3px solid #1769e0;outline-offset:3px}
.sales-help-link{display:inline-block;margin-left:.5em;color:var(--blue,#0768cc);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;word-break:normal}

/* /logo.v086.css */
/* Approved wordmark A, unchanged PNG. Header and footer sizing. */
a.brand-image{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;line-height:1;text-decoration:none}
a.brand-image img.site-wordmark{display:block;width:170px;height:auto;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:600px){a.brand-image img.site-wordmark{width:150px}}
@media(max-width:360px){a.brand-image img.site-wordmark{width:124px}}

.hero>.hero-wordmark{display:flex;justify-content:center;max-width:1500px;margin:auto;line-height:0}
.hero>.hero-wordmark>img{display:block;width:40.5%;height:auto;aspect-ratio:1762/348;object-fit:contain}
.hero>.hero-wordmark+picture>img{aspect-ratio:2048/978}
@media(max-width:600px){.hero>.hero-wordmark{padding-top:5.86vw}.hero>.hero-wordmark>img{width:77%}.hero>.hero-wordmark+picture>img{aspect-ratio:1024/1304}}

/* reviewed LP reader branch */
/* A labelled entrance stays beside the existing close control. */
#output-dialog .work-fullscreen-button{grid-area:link;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #cbd8ed;border-radius:999px;background:#edf3ff;color:#2456a7;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
#output-dialog .work-view-actions{grid-area:link;justify-self:end;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#output-dialog .work-view-actions[hidden],#output-dialog .work-fullscreen-button[hidden],.manga-restart-button[hidden],.work-fullscreen-toolbar[hidden],.work-toolbar-actions>button[hidden]{display:none}
.manga-restart-button{min-height:44px;padding:9px 12px;border:1px solid #d9dfe9;border-radius:999px;background:#fff;color:#263142;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.work-fullscreen-button::before{content:"";width:16px;height:16px;background:linear-gradient(currentColor,currentColor) left top/6px 2px,linear-gradient(currentColor,currentColor) left top/2px 6px,linear-gradient(currentColor,currentColor) right top/6px 2px,linear-gradient(currentColor,currentColor) right top/2px 6px,linear-gradient(currentColor,currentColor) left bottom/6px 2px,linear-gradient(currentColor,currentColor) left bottom/2px 6px,linear-gradient(currentColor,currentColor) right bottom/6px 2px,linear-gradient(currentColor,currentColor) right bottom/2px 6px;background-repeat:no-repeat}
#output-dialog.work-expanded-dialog{overflow:hidden;scrollbar-gutter:auto}
#output-dialog #output-view.work-expanded{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:#f5f6f8;overflow:hidden}
#output-dialog #output-view.work-expanded>iframe{display:block;flex:1 1 0;min-height:0!important;max-height:none!important;width:100%;border:0;border-radius:0;margin:0;background:#fff}
#output-dialog #output-view.work-expanded>iframe:not(.fit){height:0!important}
/* Manga reads as one phone-width page, even on a wide desktop display. */
#output-dialog #output-view.work-expanded.manga-page-view>iframe{width:min(100%,420px);margin:0 auto;box-shadow:0 0 0 1px #e1e5ec}
/* Auto-height documents keep one outer scroller, including in expanded mode. */
#output-dialog #output-view.work-expanded:has(>iframe.fit){display:block;overflow:auto;overscroll-behavior:contain}
#output-view.work-expanded:has(>iframe.fit)>.work-fullscreen-toolbar{position:sticky;top:0;z-index:2}
#output-view.work-expanded:has(>iframe.fit)>.work-note{position:sticky;bottom:0;z-index:2}
#output-dialog #output-view.work-expanded>img{display:block;flex:1 1 0;min-height:0;max-height:none;max-width:100%;width:100%;height:0;object-fit:contain;border-radius:0;margin:0}
#output-view.work-expanded>.work-fullscreen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:6px max(12px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left));padding-top:max(6px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e6e8ee;color:#263142}
.work-fullscreen-toolbar>span{font-size:14px;line-height:1.4;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-toolbar-actions{display:flex;flex:none;align-items:center;gap:6px}
.work-toolbar-actions>button{flex:none;min-height:44px;border:1px solid #d9dfe9;border-radius:999px;padding:9px 16px;background:#fff;color:#263142;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
#output-dialog .work-fullscreen-button:hover,.manga-restart-button:hover,.work-toolbar-actions>button:hover{background:#dfeafd}
#output-dialog .work-fullscreen-button:focus-visible,.manga-restart-button:focus-visible,.work-toolbar-actions>button:focus-visible{outline:3px solid #3270cf;outline-offset:2px}
#output-view.work-expanded>.work-note{flex:none;max-height:18vh;overflow:auto;margin:0;padding:6px max(16px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-size:12px;line-height:1.5;background:#fff;border-top:1px solid #e6e8ee}
#output-view.work-expanded>:not(iframe):not(img):not(.work-fullscreen-toolbar):not(.work-note){display:none!important}
@media(max-width:600px){#output-dialog .work-view-actions{justify-self:start;margin-top:6px}#output-dialog .work-fullscreen-button{font-size:13px;padding:8px 12px}.work-fullscreen-toolbar>span{font-size:12px}.work-toolbar-actions>button{font-size:13px;padding:8px 12px}#output-view.work-expanded>.work-note{font-size:11px}}

/* v090: separate the application action from the following receipt steps. */
.sales-price + .receive-flow{margin-top:32px}
@media(max-width:600px){.sales-price + .receive-flow{margin-top:24px}}

/* v091: fit free eligibility cards inside a 320px dialog. */
#receive-dialog .receive-mode label>span{min-width:0}
@media(max-width:360px){#receive-dialog .receive-choices small .nw{white-space:normal}}