:root{--ink:#29282d;--muted:#65616a;--rose:#a94d7d;--rose-dark:#85375f;--blush:#f7edf2;--paper:#fcfafb;--line:#e8e0e5;--font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 var(--font);word-break:normal}img,svg{display:block;max-width:100%;height:auto}a{color:var(--rose-dark);text-underline-offset:4px;overflow-wrap:anywhere}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--rose);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.45;letter-spacing:-.035em;font-weight:700}h1{font-size:54px}h2{font-size:30px}h3{font-size:21px}p+p{margin-top:14px}strong{font-weight:700}.wrap{width:min(1060px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:60}.skip:focus{top:8px}.topbar{position:sticky;top:0;z-index:20;background:#fffefef2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar .wrap{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;font-weight:700}.topbar a{text-decoration:none;color:var(--ink);padding:12px 0}.brand{letter-spacing:.055em}.brand span{color:var(--rose)}.hero{padding:38px 0 46px;background:white;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"title visual" "intro visual";column-gap:46px;align-items:start}.hero-grid>*{min-width:0}.hero-title{grid-area:title;align-self:end;text-align:left}.hero-intro{grid-area:intro;text-align:left}.hero-art{grid-area:visual;align-self:center;margin:0}.hero-art img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.hero-art figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.eyebrow{font-size:11px;letter-spacing:.11em;color:var(--rose-dark);font-weight:700}.hero h1{margin:10px 0 14px}.hero .lead{font-size:20px;line-height:1.85;max-width:660px;margin:0}.hero .sub{margin-top:16px;color:var(--muted);font-size:15px}.hero .date{margin-top:18px;color:var(--muted);font-size:11px}.journey{display:flex;justify-content:center;gap:24px;margin:30px auto 0;padding:17px 0 0;border-top:1px solid var(--line);max-width:690px;font-size:13px}.journey div{display:flex;gap:8px;align-items:center}.journey span{font-size:11px;color:var(--rose);font-weight:700}.jump-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:24px 0}.jump-nav a{display:flex;align-items:center;min-height:44px;padding:7px 13px;border:1px solid var(--line);background:white;border-radius:99px;font-size:12px;color:var(--ink);text-decoration:none}.jump-nav a:hover{background:var(--blush)}.section{padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}.section-head{max-width:760px;margin-bottom:28px}.section-head .number{display:block;font-size:11px;letter-spacing:.12em;color:var(--rose-dark);font-weight:700;margin-bottom:8px}.section-head p{margin-top:13px;color:var(--muted);max-width:700px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;min-width:0}.content-grid>*{min-width:0}.source{margin-top:20px;font-size:11px;color:var(--muted)}.source a{color:var(--muted)}.small{font-size:13px;color:var(--muted)}.note{padding:18px 22px;background:var(--blush);border-left:3px solid var(--rose);font-size:14px;margin-top:23px}.note .label{display:block;font-size:11px;font-weight:700;color:var(--rose-dark);margin-bottom:5px}.access-list{margin:0}.access-list div{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:18px 0;border-bottom:1px solid var(--line)}.access-list div:first-child{border-top:1px solid var(--line)}.access-list dt{font-weight:700;font-size:15px}.access-list dd{margin:0;font-size:14px;color:var(--muted)}.access-summary{display:flex;gap:14px;align-items:center;padding:20px 24px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:24px}.access-summary svg{width:35px;height:35px;flex-shrink:0;color:var(--rose)}.access-summary p{font-size:14px}.access-summary strong{display:block}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{position:relative;padding:0 0 23px 40px;counter-increment:steps}.steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:12px;color:var(--rose);font-weight:700}.steps li:last-child{padding-bottom:0}.steps h3{font-size:18px;margin-bottom:7px}.steps p{font-size:14px;color:var(--muted)}.screenshot{margin-top:26px}.screenshot img{width:100%;border:1px solid var(--line);border-radius:14px;background:white}.screenshot figcaption{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.8}.screenshot .edit-label{font-weight:700;color:var(--rose-dark)}.image-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.image-guide div{border-top:1px solid var(--line);padding-top:14px;font-size:13px}.image-guide strong{display:block;margin-bottom:5px;font-size:14px}.image-guide span{color:var(--rose);margin-right:6px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:99px;font-size:13px;font-weight:700;text-decoration:none}.button:hover{background:#4a414a}.button.secondary{color:var(--ink);background:white;border-color:var(--line)}.setup-action{margin-top:25px}.workspaces{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workspace{padding:28px;background:white;border:1px solid var(--line);border-radius:16px;min-width:0}.workspace .mini{display:block;font-size:11px;color:var(--rose-dark);font-weight:700;margin-bottom:13px}.workspace svg{width:64px;height:64px;color:var(--rose);margin-bottom:18px}.workspace h3{font-size:23px;margin-bottom:12px}.workspace p{font-size:14px;color:var(--muted)}.workspace ul{padding-left:19px;font-size:14px;margin:18px 0 0}.workspace li+li{margin-top:6px}.workspace .condition{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.workspace .condition strong{color:var(--rose-dark)}.device-line{margin-top:22px;padding:18px 20px;background:var(--blush);display:flex;align-items:center;gap:16px;font-size:14px}.device-line svg{width:35px;height:35px;flex-shrink:0;color:var(--rose)}.four-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.four-parts div{padding:15px 16px;border-top:2px solid #d6adbf;background:white;min-width:0}.four-parts strong{display:block;font-size:14px;margin-bottom:5px}.four-parts p{font-size:12px;color:var(--muted)}.prompt-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;min-width:0}.prompt-heading{padding:24px 26px 21px}.prompt-heading .mini{font-size:11px;color:var(--rose-dark);font-weight:700;letter-spacing:.04em}.prompt-heading h3{margin:7px 0 10px}.prompt-heading p{font-size:13px;color:var(--muted)}.prompt-body{background:#f5f2f4;padding:20px 26px 24px;border-top:1px solid var(--line)}.copy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.copy-row span{font-size:11px;color:var(--muted)}.copy-button{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:44px;padding:8px 15px;border:1px solid #d4c7cf;border-radius:99px;background:white;color:var(--ink);font-size:12px;font-weight:700}.copy-button[data-copied=true]{color:var(--rose-dark)}pre{margin:0;font:14px/1.95 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}.prompt-list{display:grid;grid-template-columns:1fr 1fr;gap:23px}.prompt-list .prompt-card:last-child{grid-column:1/-1}.call-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:32px;align-items:center}.call-grid>*{min-width:0}.call-grid .screenshot{margin:0}.call-steps{padding-left:20px;font-size:14px;margin:0}.call-steps li+li{margin-top:12px}.experience{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:14px}.experience .label{font-size:11px;font-weight:700;color:var(--rose-dark);display:block;margin-bottom:7px}.experience p{color:var(--muted)}.experience details{margin-top:12px}.experience summary{min-height:44px;cursor:pointer;font-size:13px;color:var(--rose-dark)}.experience details p{padding-top:10px;font-size:13px}.context-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}.context-flow div{position:relative;padding:20px;background:white;border:1px solid var(--line);border-radius:13px;font-size:13px}.context-flow span{display:block;font-size:11px;color:var(--rose-dark);margin-bottom:9px}.context-flow strong{display:block;font-size:15px;margin-bottom:8px}.context-flow p{color:var(--muted)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:700;font-size:15px;cursor:pointer;min-height:54px;padding:17px 0}.faq details p{font-size:14px;color:var(--muted);padding-bottom:22px}.umi-note{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:center;padding:40px 0}.umi-note img{width:88px;max-height:145px;object-fit:contain;margin:auto}.umi-note h2{font-size:25px;margin:7px 0 12px}.umi-note p{font-size:14px;color:var(--muted);max-width:710px}.sources{padding:28px 0 48px;border-top:1px solid var(--line)}.sources h2{font-size:18px;margin-bottom:15px}.sources ol{padding-left:20px;font-size:12px;margin:0;color:var(--muted)}.sources li+li{margin-top:8px}.sources p{margin-top:20px;font-size:11px;color:var(--muted)}.footer{background:white;border-top:1px solid var(--line);padding:24px 16px;text-align:center;font-size:11px;color:var(--muted)}.footer a{display:inline-block;margin-top:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);max-width:calc(100vw - 32px);padding:12px 20px;border-radius:99px;background:var(--ink);color:white;font-size:13px;text-align:center;opacity:0;pointer-events:none;z-index:50;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.topbar .wrap{min-height:50px;font-size:11px}.hero{padding:28px 0 32px}.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "visual" "intro";row-gap:20px}.hero-title,.hero-intro{text-align:center}.hero h1{margin-bottom:0}.hero-art{width:100%;max-width:490px;margin-inline:auto}.hero-art figcaption{text-align:left;font-size:10px;margin-top:9px}.hero .lead{margin-inline:auto}.hero h1{font-size:36px}.hero .lead{font-size:17px}.hero .sub{font-size:14px}.journey{gap:16px;font-size:12px;margin-top:24px;flex-wrap:wrap}.section{padding:37px 0}.section-head{margin-bottom:23px}h2{font-size:26px}.section-head p{font-size:15px}.content-grid,.workspaces,.call-grid,.prompt-list{grid-template-columns:1fr;gap:22px}.access-list div{grid-template-columns:1fr;gap:7px;padding:17px 0}.access-summary{padding:17px 18px}.image-guide{grid-template-columns:1fr;gap:11px}.image-guide div{padding-top:10px}.workspace{padding:24px}.workspace h3{font-size:22px}.four-parts{grid-template-columns:1fr 1fr;gap:10px}.prompt-heading{padding:21px}.prompt-body{padding:17px 21px 21px}.prompt-heading h3{font-size:19px}.context-flow{grid-template-columns:1fr;gap:12px}.context-flow div{padding:18px}.context-flow p{font-size:13px}.note{padding:16px 18px}.device-line{padding:16px;font-size:13px}.umi-note{grid-template-columns:72px 1fr;gap:18px;padding:30px 0}.umi-note img{width:65px;max-height:112px}.umi-note h2{font-size:22px}.umi-note p{font-size:13px}.jump-nav{justify-content:flex-start;padding:20px 0 0}.sources{padding-bottom:36px}}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.brand{font-size:10px;letter-spacing:.015em}.topbar .wrap{font-size:10px;gap:8px}.hero h1{font-size:32px}.hero .lead{font-size:16px}.journey{gap:12px;font-size:11px}.journey div{gap:6px}h2{font-size:24px}.workspace{padding:20px}.prompt-heading{padding:18px}.prompt-body{padding:16px 18px 20px}.umi-note{grid-template-columns:1fr;text-align:center}.umi-note img{width:60px;max-height:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}
@media print{.topbar,.jump-nav,.copy-button,.toast,.setup-action{display:none}.wrap{width:100%}.hero{padding-top:0}.section{padding:24px 0}.prompt-card,.workspace{break-inside:avoid}details>p{display:block}}

.conversation-copy{max-width:760px}.conversation-copy p{font-size:16px}.conversation-copy .small{font-size:13px;margin-top:22px;color:var(--muted)}

.usage-note{max-width:760px;margin-top:24px;border-left:3px solid #bdb7c3;background:#f3f1f5;padding:16px 20px;font-size:13px;color:#403540}.usage-note a{display:inline-block;margin-top:8px;font-size:11px}
.note:not(.personal-note){background:#f2f1f4;border-left-color:#b9b4bf}.personal-note,.experience,.umi-note{background:#f7e7ef;color:#403540;border:1px solid #e9cad9;border-radius:16px;padding:28px}.personal-note p,.experience p,.umi-note p{color:#403540}.personal-note .label,.experience .label,.umi-note .eyebrow{color:#85375f}.experience details{border-top:1px solid #dfb8cd;margin-top:17px;padding-top:10px}.experience summary{color:#85375f}.experience details p{color:#403540}.umi-note{margin:32px 0;gap:24px}.umi-note p{font-size:14px}.personal-note{margin-top:23px}
@media(max-width:800px){.personal-note,.experience,.umi-note{padding:22px}.umi-note{gap:18px;margin:27px 0}.umi-note p{font-size:14px}.usage-note{padding:15px 17px}}

.uw-figure{--uw-ink:#29282d;--uw-muted:#6a6168;--uw-rose:#985577;--uw-green:#356650;color:var(--uw-ink);margin:42px 0 0;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.7}
.uw-heading{margin-bottom:27px}.uw-heading .uw-kicker{margin:0 0 8px;color:#85375f;font-size:11px;font-weight:700;letter-spacing:.15em}.uw-heading h2{margin:0;font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1.45}.uw-heading h2 span{display:inline-block;white-space:nowrap}
.uw-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.uw-panel{padding:23px 23px 18px;min-width:0;overflow:hidden;border-top:3px solid #c79ab0;background:#fbf0f5;border-radius:0 0 10px 10px}.uw-panel.uw-after{background:#eef7f1;border-top-color:#9ac8ad}
.uw-tag{margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#85375f}.uw-after .uw-tag{color:#356650}.uw-tag span{letter-spacing:.015em;margin-left:10px}.uw-panel h3{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0;font-weight:700}.uw-graph{display:block;width:100%;height:auto;margin-top:13px;overflow:visible;color:var(--uw-rose)}.uw-after .uw-graph{color:var(--uw-green)}.uw-graph text{font-family:inherit;fill:var(--uw-ink)}.uw-name{font-size:19px;font-weight:700}.uw-short{font-size:13px;fill:#356650!important}.uw-link,.uw-branch{stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.uw-job{fill:white;stroke:#e2bfce;stroke-width:1}.uw-after .uw-job{stroke:#bddbcc}.uw-project{font-size:11px;fill:#756970!important;letter-spacing:.07em}.uw-task{font-weight:650}.uw-summary{border-top:1px solid #e6ccda;padding-top:12px;margin:12px 0 0!important;font-size:14px;text-align:center;color:#765067}.uw-after .uw-summary{border-color:#c9e1d2;color:#356650}.uw-figure figcaption{margin-top:18px;font-size:14px;color:#655b65;line-height:1.8}.uw-mobile{display:none}
@media(max-width:800px){.uw-figure{margin-top:34px}.uw-heading{margin-bottom:21px}.uw-heading h2{font-size:26px}.uw-heading .uw-kicker{font-size:10px}.uw-panels{grid-template-columns:1fr;gap:24px}.uw-panel{padding:20px 12px 17px}.uw-panel h3{font-size:21px;padding-inline:6px}.uw-tag{padding-inline:6px;font-size:10px}.uw-desktop{display:none}.uw-mobile{display:block}.uw-graph{margin-top:10px}.uw-summary{font-size:14px;line-height:1.7;margin-top:5px!important}.uw-figure figcaption{font-size:14px;margin-top:16px}.uw-panels .uw-graph{max-width:390px;margin-inline:auto}}
@media(max-width:350px){.uw-heading h2{font-size:24px}.uw-panel h3{font-size:19px}.uw-summary{font-size:13px}}