:root{color-scheme:light;--bg:#f5f6f3;--paper:#fff;--ink:#17201c;--muted:#5d6862;--border:#d8ded8;--soft:#edf1ed;--accent:#096b5d;--accent-dark:#075247;--warm:#9a4d18;--blue:#31567e;--radius:8px;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-padding-top:7rem}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);letter-spacing:0;scroll-behavior:smooth;font-size:16px}body{min-width:320px;margin:0;line-height:1.65}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--warm)}[data-i18n=ja],html[data-language=ja] [data-i18n=en]{display:none}html[data-language=ja] [data-i18n=ja]{display:revert}.skip-link{z-index:20;color:#fff;background:var(--ink);border-radius:6px;padding:.55rem .8rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:10;border-bottom:1px solid var(--border);background:#fffffff5;position:sticky;top:0}.site-header__inner,.site-main,.site-footer__inner{width:min(100% - 32px, var(--max));margin:0 auto}.site-header__inner{align-items:center;gap:1rem;min-height:68px;display:flex}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:.6rem;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{border:1px solid var(--ink);background:#fff;border-radius:6px;place-items:center;width:2rem;height:2rem;font-size:.9rem;display:grid}.site-nav{align-items:center;gap:.2rem;margin-left:auto;display:flex}.site-nav a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:.42rem .58rem;font-size:.91rem;font-weight:680;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);background:var(--soft)}.site-nav .site-nav__launch{color:#fff;background:var(--accent);margin-left:.25rem}.site-nav .site-nav__launch:hover{color:#fff;background:var(--warm)}.language-switch{border:1px solid var(--border);background:#fff;border-radius:6px;display:inline-flex;overflow:hidden}.language-switch button{border:0;border-left:1px solid var(--border);min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:.25rem .52rem;font-size:.8rem;font-weight:700}.language-switch button:first-child{border-left:0}.language-switch button[aria-pressed=true]{color:#fff;background:var(--accent)}.site-main{padding:3.25rem 0 5rem}.hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);align-items:start;gap:2.2rem;padding:.7rem 0 3rem;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:800}.hero h1,.page-title h1{letter-spacing:0;max-width:900px;margin:0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.04}.hero p,.page-title p{max-width:760px;color:var(--muted);margin:1.2rem 0 0;font-size:1.08rem}.hero .hero-note{max-width:680px;margin-top:1rem;font-size:.9rem}.hero-actions,.action-row{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.button{border:1px solid var(--accent);color:#fff;background:var(--accent);border-radius:6px;justify-content:center;align-items:center;min-height:2.7rem;padding:.56rem .88rem;font-weight:750;text-decoration:none;display:inline-flex}.button:hover{color:#fff;border-color:var(--warm);background:var(--warm)}.button.secondary{color:var(--accent);background:0 0}.button.secondary:hover{color:var(--ink);border-color:var(--border);background:var(--soft)}.section{border-top:1px solid var(--border);padding:2.6rem 0}.section:first-child{border-top:0}.section h2{margin:0 0 .85rem;font-size:1.72rem;line-height:1.2}.section h3{margin:1.25rem 0 .35rem}.lead{max-width:780px;color:var(--muted);font-size:1.04rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.policy-card,.status-panel,.callout,.tool-card,.summary-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);padding:1.15rem}.feature-card h2,.policy-card h2,.tool-card h2,.summary-card h2{margin:0;font-size:1.05rem}.feature-card p,.policy-card p,.tool-card p,.summary-card p{color:var(--muted);margin-bottom:0}.tool-card{flex-direction:column;display:flex}.tool-card .action-row{margin-top:auto;padding-top:1rem}.tool-card__visual{border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--soft);margin:-1.15rem -1.15rem 1rem;display:block;overflow:hidden}.tool-card__visual img{object-fit:cover;object-position:top center;vertical-align:bottom;width:100%;height:178px;transition:transform .2s}.tool-card__visual:hover img{transform:scale(1.018)}.tool-card__visual img[data-i18n=en],.tool-preview img[data-i18n=en],.hero-product-preview img[data-i18n=en]{display:block}.tool-card__visual img[data-i18n=ja],.tool-preview img[data-i18n=ja],.hero-product-preview img[data-i18n=ja],html[data-language=ja] .tool-card__visual img[data-i18n=en],html[data-language=ja] .tool-preview img[data-i18n=en],html[data-language=ja] .hero-product-preview img[data-i18n=en]{display:none}html[data-language=ja] .tool-card__visual img[data-i18n=ja],html[data-language=ja] .tool-preview img[data-i18n=ja],html[data-language=ja] .hero-product-preview img[data-i18n=ja]{display:block}.tool-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);margin:2rem 0 2.6rem;overflow:hidden}.tool-preview img{object-fit:cover;object-position:top center;vertical-align:bottom;width:100%;height:clamp(240px,42vw,460px)}.tool-preview figcaption{color:var(--muted);padding:.65rem .85rem;font-size:.85rem}.status-panel h2{margin-top:0;font-size:1rem}.hero-product-preview{border:1px solid var(--border);background:var(--paper);border-radius:12px;margin:0;overflow:hidden;box-shadow:0 18px 44px #11201a1f}.hero-product-preview img{object-fit:cover;object-position:top left;vertical-align:bottom;width:100%;min-height:310px}.hero-product-preview figcaption{color:var(--muted);padding:.8rem 1rem;font-size:.88rem}.hero-product-preview .status-tag{margin:0 .35rem 0 0}.status-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.status-list li{border-top:1px solid var(--border);padding-top:.8rem}.status-list li:first-child{border-top:0;padding-top:0}.status-tag{color:var(--accent-dark);background:#e3f1ed;border:1px solid #b7d7d0;border-radius:999px;margin-bottom:.25rem;padding:.12rem .48rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-tag.blue{color:var(--blue);background:#e9eff7;border-color:#c5d4e7}.status-tag.warm{color:#74380f;background:#fff2e8;border-color:#e8c8ae}.callout{border-left:4px solid var(--accent)}.callout p{margin:0}.section-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.section-map a{border:1px solid var(--border);border-radius:var(--radius);min-height:100%;color:var(--ink);background:var(--paper);padding:1rem;text-decoration:none;display:block}.section-map a:hover{border-color:var(--accent)}.section-map strong{margin-bottom:.25rem;display:block}.section-map span{color:var(--muted);font-size:.92rem}.visual-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.visual-feature{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:var(--paper);text-decoration:none;overflow:hidden}.visual-feature:hover{color:var(--ink);border-color:var(--accent)}.visual-feature img{aspect-ratio:16/9;object-fit:cover;object-position:top left;vertical-align:bottom;border-bottom:1px solid var(--border);width:100%}.visual-feature>span{gap:.15rem;padding:.8rem 1rem;display:grid}.visual-feature small{color:var(--muted)}.section-action{flex-wrap:wrap;gap:.7rem;margin-top:1.35rem;display:flex}.start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.start-card{border:1px solid var(--border);border-radius:var(--radius);min-height:100%;color:var(--ink);background:var(--paper);grid-template-columns:auto 1fr;gap:.2rem .75rem;padding:1.15rem;text-decoration:none;display:grid}.start-card:hover{color:var(--ink);border-color:var(--accent);box-shadow:0 10px 24px #11201a0f}.start-card__number{color:#fff;background:var(--accent);border-radius:50%;grid-row:1/3;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:800;display:grid}.start-card strong{align-self:center;font-size:1.02rem}.start-card>span:last-child{color:var(--muted);grid-column:2;font-size:.9rem;line-height:1.5}.featured-tools .visual-feature small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tool-library-title{max-width:960px}.mode-key{flex-wrap:wrap;gap:.5rem;margin-top:1.3rem;display:flex}.tool-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.tool-library-card{background:var(--paper);border:2px solid #bdc8c1;border-radius:12px;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden;box-shadow:0 10px 26px #11201a17}.tool-library-card__visual{background:var(--soft);border-bottom:2px solid #bdc8c1;display:block;overflow:hidden}.tool-library-card__visual img{object-fit:cover;object-position:top center;width:100%;height:238px;transition:transform .2s;display:block}.tool-library-card__visual:hover img{transform:scale(1.015)}.tool-library-card__visual img[data-i18n=ja],html[data-language=ja] .tool-library-card__visual img[data-i18n=en]{display:none}html[data-language=ja] .tool-library-card__visual img[data-i18n=ja]{display:block}.tool-library-card__body{background:linear-gradient(#fff 0%,#fbfcfb 100%);flex-direction:column;padding:1.2rem;display:flex}.tool-library-card__heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.tool-library-card__heading h2{margin:.25rem 0 0;font-size:1.35rem;line-height:1.2}.tool-library-card__heading small{color:var(--muted);text-align:right;flex:none;font-size:.72rem}.tool-library-card__body>p{color:var(--muted);margin:.85rem 0 0}.tool-library-card__actions{flex-wrap:wrap;gap:.65rem;margin-top:auto;padding-top:1.2rem;display:flex}.phone-shooting-callout{background:linear-gradient(135deg,#edf8f4,#fff);border:2px solid #9fc3b9;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.35rem;display:grid;box-shadow:0 12px 30px #096b5d17}.phone-shooting-callout h2{margin:.55rem 0 0}.phone-shooting-callout p{max-width:760px;color:var(--muted);margin:.65rem 0 0}.phone-shooting-points{gap:.5rem;min-width:170px;display:grid}.phone-shooting-points strong{color:var(--accent-dark);background:#fff;border:1px solid #b8d6ce;border-radius:6px;padding:.55rem .7rem;font-size:.82rem}.moved-page{min-height:55vh}.guide-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:center;gap:2rem;padding:.75rem 0 3rem;display:grid}.guide-hero h1{margin:0;font-size:clamp(2.7rem,6vw,5.3rem);line-height:1}.guide-hero__lead{max-width:720px;color:var(--muted);margin:1.2rem 0 0;font-size:1.12rem}.guide-hero__visual{border:1px solid var(--border);background:var(--paper);border-radius:12px;margin:0;overflow:hidden;box-shadow:0 18px 44px #11201a1a}.guide-hero__visual img{object-fit:cover;object-position:top left;width:100%;min-height:300px;display:block}.guide-hero__visual figcaption{color:var(--muted);padding:.75rem .9rem;font-size:.85rem}.workflow-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.workflow-steps li{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:1.15rem;display:grid}.workflow-steps__number{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.workflow-steps strong{padding-top:.15rem;display:block}.workflow-steps p{color:var(--muted);margin:.45rem 0 0;font-size:.9rem;line-height:1.55}.guide-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.guide-topic-grid a{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);background:var(--paper);gap:.3rem;padding:1rem;text-decoration:none;display:grid}.guide-topic-grid a:hover{color:var(--ink);border-color:var(--accent)}.guide-topic-grid a>span{color:var(--muted);font-size:.88rem}.edition-note{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem;display:flex}.edition-note h2{margin:.4rem 0}.edition-note p{max-width:760px;color:var(--muted);margin:0}.app-shell{gap:1rem;display:grid}.app-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);padding:1.2rem}.app-panel h2{margin-top:0}.app-form{gap:1rem;display:grid}.app-form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:.35rem;display:grid}.field>span,.field>label{font-weight:750}.field small{color:var(--muted)}input,select,textarea,button{font:inherit}input[type=text],input[type=url],input[type=number],input[type=file],select,textarea{border:1px solid var(--border);width:100%;min-height:2.7rem;color:var(--ink);background:#fff;border-radius:6px;padding:.58rem .68rem}textarea{resize:vertical;min-height:13rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem}button.button{cursor:pointer}button.button:disabled{opacity:.55;cursor:not-allowed}.app-output{border:1px dashed var(--border);min-height:3rem;color:var(--muted);background:var(--soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;padding:.8rem}.app-output[data-state=ok]{color:var(--accent-dark);background:#edf8f5;border-color:#9cc9be}.app-output[data-state=error]{color:#8a2c22;background:#fff1ef;border-color:#e1b3ad}.app-table{border-collapse:collapse;width:100%}.app-table th,.app-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem}.app-table th{background:var(--soft)}.app-table-wrap{overflow-x:auto}.range-row{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.privacy-note{color:var(--muted);font-size:.9rem}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mode-grid article{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);padding:1rem}.mode-grid h2{margin-top:0;font-size:1.05rem}.edition-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.edition-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);padding:1.35rem}.edition-card--recommended{border-color:#9cc9be;box-shadow:0 12px 30px #096b5d14}.edition-heading{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-bottom:.8rem;display:flex}.edition-heading h2,.edition-card>h2{margin:0;font-size:1.4rem}.edition-card .lead{margin-top:.6rem}.edition-card__visual{object-fit:cover;object-position:top left;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;vertical-align:bottom;width:calc(100% + 2.7rem);height:210px;margin:-1.35rem -1.35rem 1rem}.first-project-card{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:start;gap:1.5rem;display:grid}.first-project-card h2{max-width:760px;margin-top:.55rem}.first-project-card>img{aspect-ratio:16/10;object-fit:cover;object-position:top left;border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:0 12px 28px #11201a1a}.check-list,.step-list{gap:.7rem;margin:1rem 0 0;padding-left:1.25rem;display:grid}.check-list li::marker{color:var(--accent)}.step-list li::marker{color:var(--accent);font-weight:800}.edition-table td:nth-child(2){min-width:12rem}.section small code{overflow-wrap:anywhere;word-break:break-all}.guide-shell{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.guide-sidebar{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);max-height:calc(100vh - 112px);padding:.85rem;position:sticky;top:88px;overflow:auto}.guide-sidebar strong{margin-bottom:.5rem;font-size:.85rem;display:block}.guide-sidebar a{color:var(--muted);border-radius:4px;padding:.35rem .45rem;font-size:.84rem;line-height:1.35;text-decoration:none;display:block}.guide-sidebar a:hover{color:var(--ink);background:var(--soft)}.guide-content{min-width:0}.guide-doc .L.ja,html[data-language=ja] .guide-doc .L.en{display:none}html[data-language=ja] .guide-doc .L.ja{display:block}.guide-doc .part{border-top:1px solid var(--border);padding:2.5rem 0}.guide-doc{overflow-wrap:anywhere}.guide-doc .part:first-child{border-top:0}.guide-doc h1{margin:0 0 1.2rem;font-size:2rem;line-height:1.2}.guide-doc h2{margin:2rem 0 .7rem;font-size:1.35rem;line-height:1.25}.guide-doc h3{margin:1.4rem 0 .5rem;font-size:1.05rem}.guide-doc p,.guide-doc li{min-width:0;max-width:82ch}.guide-doc table{border-collapse:collapse;contain:inline-size;width:100%;max-width:100%;display:block;overflow-x:auto}.guide-doc th,.guide-doc td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.65rem}.guide-doc th{background:var(--soft)}.guide-doc pre{border-radius:var(--radius);color:#f5f7f5;background:#17201b;padding:1rem;overflow-x:auto}.guide-doc code{border:1px solid var(--border);background:var(--soft);border-radius:4px;padding:.1rem .25rem}.guide-doc :not(pre)>code{overflow-wrap:anywhere;word-break:break-word;white-space:normal}.guide-doc pre code{color:inherit;background:0 0;border:0;padding:0}.guide-doc svg{max-width:100%;height:auto}.site-footer{border-top:1px solid var(--border);background:var(--paper)}.site-footer__inner{color:var(--muted);grid-template-columns:1fr auto;gap:2rem;padding:1.5rem 0;font-size:.9rem;display:grid}.site-footer p{margin:.25rem 0 0}@media (width<=940px){.site-header__inner{flex-wrap:wrap;padding:.75rem 0}.site-nav{scrollbar-width:thin;order:3;width:100%;margin-left:0;padding-bottom:.2rem;overflow-x:auto}.site-nav .site-nav__launch{order:-1;margin-left:0}.language-switch{margin-left:auto}.guide-shell{grid-template-columns:1fr}.guide-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid;position:static}.guide-sidebar strong{grid-column:1/-1}.guide-hero{grid-template-columns:1fr}.tool-library-card__visual img{height:210px}}@media (width<=760px){.hero,.grid,.grid.two,.section-map,.visual-feature-grid,.start-grid,.tool-library-grid,.workflow-steps,.guide-topic-grid,.site-footer__inner,.app-form.two,.mode-grid,.edition-grid,.first-project-card{grid-template-columns:1fr}.hero h1,.page-title h1{font-size:2.35rem}.site-main{padding-top:2.2rem}.edition-note{flex-direction:column;align-items:flex-start}.phone-shooting-callout{grid-template-columns:1fr}.phone-shooting-points{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.phone-shooting-points strong{text-align:center}}@media (width<=520px){.site-header__inner,.site-main,.site-footer__inner{width:min(100% - 20px,var(--max))}.site-nav>a:first-child{display:none}.site-nav a{padding:.35rem .42rem}.guide-sidebar,.phone-shooting-points{grid-template-columns:1fr}}