/* Gemini 創作提示詞手冊 · WordPress 版 1.0.0 · 樣式只作用在 #gph 內 */ #gph#gph{all:initial;display:block} #gph#gph :where(h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,dl,dt,dd,figure,figcaption,pre,code,table,caption,thead,tbody,tfoot,tr,th,td,button,input,textarea,select,label,nav,header,footer,main,article,section,aside,small,b,strong,i,em,mark,span,div,blockquote,hr){all:revert} #gph#gph,#gph#gph *,#gph#gph *::before,#gph#gph *::after{box-sizing:border-box} #gph#gph{--paper:#f3f5f8; --sheet:#ffffff; --ink:#172033; --ink-2:#45516a; --ink-3:#66728a; --line:#dbe0e8; --line-2:#c3cbd8; --tint:#edf1f6; --tint-2:#e2e8f1; --accent:#2347c6; --accent-2:#1a3696; --accent-soft:#e2e8fb; --c-text:#2347c6; --c-image:#946000; --c-music:#ad2d66; --c-veo:#0a766b; --c-omni:#b9410f; --c-flow:#2b742e; --f-subj:#d9e5ff; --f-act:#d5f0dc; --f-ctx:#fbedc9; --f-cam:#e7defb; --f-sty:#fadde7; --f-aud:#d0eeec; --f-ex:#ebe6d8; --warn:#8a5600; --warn-soft:#fff2d4; --note-soft:#e5edfc; --ok:#2b742e; --shadow:0 1px 2px rgb(23 32 51 / .06), 0 6px 18px rgb(23 32 51 / .05); --font-display:"LXGW WenKai TC","Kaiti TC","BiauKai","DFKai-SB",serif; --font-body:"Noto Sans TC","PingFang TC","Heiti TC","Microsoft JhengHei",system-ui,sans-serif; --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --r:10px; --r-s:6px; --bar:56px;} @media (prefers-color-scheme: dark){#gph#gph[data-theme="auto"]{--paper:#0e131b; --sheet:#151c27; --ink:#e5e9f0; --ink-2:#b5bece; --ink-3:#8f9aad; --line:#273142; --line-2:#3a4760; --tint:#1a2230; --tint-2:#222c3b; --accent:#88a4ff; --accent-2:#b0c2ff; --accent-soft:#1d2948; --c-text:#8ea8ff; --c-image:#f0c050; --c-music:#f287b7; --c-veo:#55d2c1; --c-omni:#ff9768; --c-flow:#8ad183; --f-subj:#24345c; --f-act:#1d3d29; --f-ctx:#3f3217; --f-cam:#33284f; --f-sty:#4b2435; --f-aud:#183e3c; --f-ex:#37322a; --warn:#f0c050; --warn-soft:#3a2f12; --note-soft:#1b2740; --ok:#8ad183; --shadow:0 1px 2px rgb(0 0 0 / .4), 0 6px 18px rgb(0 0 0 / .25); color-scheme:dark;}} #gph#gph[data-theme="dark"]{--paper:#0e131b; --sheet:#151c27; --ink:#e5e9f0; --ink-2:#b5bece; --ink-3:#8f9aad; --line:#273142; --line-2:#3a4760; --tint:#1a2230; --tint-2:#222c3b; --accent:#88a4ff; --accent-2:#b0c2ff; --accent-soft:#1d2948; --c-text:#8ea8ff; --c-image:#f0c050; --c-music:#f287b7; --c-veo:#55d2c1; --c-omni:#ff9768; --c-flow:#8ad183; --f-subj:#24345c; --f-act:#1d3d29; --f-ctx:#3f3217; --f-cam:#33284f; --f-sty:#4b2435; --f-aud:#183e3c; --f-ex:#37322a; --warn:#f0c050; --warn-soft:#3a2f12; --note-soft:#1b2740; --ok:#8ad183; --shadow:0 1px 2px rgb(0 0 0 / .4), 0 6px 18px rgb(0 0 0 / .25); color-scheme:dark;} #gph#gph *,#gph#gph *::before,#gph#gph *::after{box-sizing:border-box} #gph#gph [hidden]{display:none!important} #gph#gph{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.75;letter-spacing:.01em} #gph#gph a{color:var(--accent);text-underline-offset:.18em} #gph#gph a:hover{color:var(--accent-2)} #gph#gph :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px} #gph#gph h1,#gph#gph h2,#gph#gph h3,#gph#gph h4{line-height:1.3;text-wrap:balance;margin:0;color:var(--ink)} #gph#gph h1,#gph#gph h2{font-family:var(--font-display);font-weight:700} #gph#gph h2{font-size:1.42rem;margin:2.6rem 0 .75rem} #gph#gph h3{font-size:1.02rem;margin:1.5rem 0 .45rem} #gph#gph p{margin:.75rem 0} #gph#gph ul,#gph#gph ol{padding-left:1.25rem} #gph#gph li{margin:.2rem 0} #gph#gph code{font-family:var(--font-mono);font-size:.84em;background:var(--tint);padding:.08em .35em;border-radius:4px;overflow-wrap:anywhere} #gph#gph small{font-size:.85em} #gph#gph .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #gph#gph .bar{position:sticky;top:var(--gph-offset,0px);z-index:40;height:var(--bar);display:flex;align-items:center;gap:.6rem;padding-inline:16px;background:var(--sheet);background:color-mix(in srgb,var(--sheet) 90%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)} #gph#gph .brand{font-family:var(--font-display);font-weight:700;font-size:1.12rem;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #gph#gph .brand:hover{color:var(--ink)} #gph#gph .bar .sp{flex:1} #gph#gph .bar .lbl{font-size:.8rem;color:var(--ink-3);white-space:nowrap} #gph#gph.gph-max-560 .bar .lbl{display:none} #gph#gph .bar .toc-btn{display:none} #gph#gph.gph-max-1099 .bar .toc-btn{display:inline-flex} #gph#gph .seg{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:2px;background:var(--sheet);gap:2px;flex:none} #gph#gph .seg button{appearance:none;border:0;background:transparent;color:var(--ink-2);font:500 .78rem/1 var(--font-body);padding:.42rem .68rem;border-radius:999px;cursor:pointer} #gph#gph .seg button[aria-pressed="true"]{background:var(--ink);color:var(--sheet)} #gph#gph .seg button:hover:not([aria-pressed="true"]){background:var(--tint)} #gph#gph .btn{appearance:none;display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line-2);background:var(--sheet);color:var(--ink);font:500 .8rem/1 var(--font-body);padding:.5rem .8rem;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none} #gph#gph .btn:hover{background:var(--tint);color:var(--ink)} #gph#gph .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--sheet)} #gph#gph .btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--sheet)} #gph#gph .btn.done,#gph#gph .btn.done:hover{background:var(--ok);border-color:var(--ok);color:var(--sheet)} #gph#gph .shell{max-width:80rem;margin:0 auto;padding-inline:16px;display:grid;grid-template-columns:minmax(0,1fr);column-gap:3rem} #gph#gph.gph-min-1100 .shell{grid-template-columns:15.5rem minmax(0,1fr);padding-inline:28px} #gph#gph main{min-width:0;max-width:50rem;padding-block:0 5rem} #gph#gph .toc{font-size:.9rem} #gph#gph.gph-min-1100 .toc{position:sticky;top:calc(var(--bar) + var(--gph-offset,0px));align-self:start;max-height:calc(100vh - var(--bar) - var(--gph-offset,0px));overflow:auto;padding-block:1.5rem 2rem;overscroll-behavior:contain} #gph#gph.gph-max-1099 .toc{display:none;position:fixed;left:0;right:0;top:calc(var(--bar) + var(--gph-offset,0px));max-height:min(78vh,42rem);overflow:auto;background:var(--sheet);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:.5rem 16px 1.25rem;z-index:39} #gph#gph.gph-max-1099 .toc.open{display:block} #gph#gph .toc-h{font:500 .7rem/1.2 var(--font-mono);letter-spacing:.09em;color:var(--ink-3);text-transform:uppercase;margin:1.1rem .55rem .35rem} #gph#gph .toc ol{list-style:none;margin:0;padding:0} #gph#gph .toc li{margin:0} #gph#gph .toc a{display:flex;align-items:center;gap:.55rem;padding:.3rem .55rem;border-radius:6px;color:var(--ink-2);text-decoration:none;line-height:1.45} #gph#gph .toc a:hover{background:var(--tint);color:var(--ink)} #gph#gph .toc a.on{background:var(--accent-soft);color:var(--accent-2);font-weight:500} #gph#gph .toc .sub a{padding-left:1.65rem;font-size:.85rem} #gph#gph .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-3);flex:none} #gph#gph .k-text .dot{background:var(--c-text)} #gph#gph .k-image .dot{background:var(--c-image)} #gph#gph .k-music .dot{background:var(--c-music)} #gph#gph .k-veo .dot{background:var(--c-veo)} #gph#gph .k-omni .dot{background:var(--c-omni)} #gph#gph .k-flow .dot{background:var(--c-flow)} #gph#gph .hero{padding-block:2.75rem 1rem} #gph#gph .eyebrow{font:500 .74rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .65rem} #gph#gph .eyebrow.k-text{color:var(--c-text)} #gph#gph .eyebrow.k-image{color:var(--c-image)} #gph#gph .eyebrow.k-music{color:var(--c-music)} #gph#gph .eyebrow.k-veo{color:var(--c-veo)} #gph#gph .eyebrow.k-omni{color:var(--c-omni)} #gph#gph .eyebrow.k-flow{color:var(--c-flow)} #gph#gph .hero h1{font-size:clamp(2.15rem,6vw,3.35rem);letter-spacing:.02em} #gph#gph .lede{font-size:1.07rem;color:var(--ink-2);max-width:43rem} #gph#gph .meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.82rem;color:var(--ink-3);margin-top:1rem} #gph#gph .howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));gap:.75rem;margin:1.6rem 0 0;padding:0;list-style:none;counter-reset:h} #gph#gph .howto li{counter-increment:h;margin:0;padding:.85rem 1rem;border-radius:var(--r);background:var(--tint);font-size:.9rem;color:var(--ink-2);line-height:1.6} #gph#gph .howto li::before{content:"0" counter(h);display:block;font:500 .74rem/1 var(--font-mono);color:var(--accent);letter-spacing:.06em;margin-bottom:.45rem} #gph#gph .howto b{color:var(--ink)} #gph#gph .models{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr));gap:.6rem;margin:1.25rem 0 0} #gph#gph .mcard{display:flex;flex-direction:column;gap:.2rem;padding:.8rem .95rem;border:1px solid var(--line);border-radius:var(--r);background:var(--sheet);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s} #gph#gph .mcard:hover{border-color:var(--line-2);color:var(--ink)} @media (prefers-reduced-motion:no-preference){#gph#gph .mcard:hover{transform:translateY(-1px)}} #gph#gph .mcard .k{font:500 .68rem/1.2 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem;color:var(--ink-3)} #gph#gph .mcard b{font-size:1rem;line-height:1.35} #gph#gph .mcard .d{font-size:.8rem;color:var(--ink-3);line-height:1.5} #gph#gph .ch{padding-block:3rem .5rem;border-top:1px solid var(--line);margin-top:2.75rem} #gph#gph .ch-h h1{font-size:clamp(1.75rem,4.2vw,2.2rem);margin-bottom:.35rem} #gph#gph [id]{scroll-margin-top:calc(var(--bar) + var(--gph-offset,0px) + 16px)} #gph#gph .specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));gap:.9rem 1.6rem;margin:1.5rem 0;padding:1rem 1.15rem;background:var(--tint);border-radius:var(--r)} #gph#gph .specs div{min-width:0} #gph#gph .specs dt{font:500 .68rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)} #gph#gph .specs dd{margin:.2rem 0 0;font-size:.88rem;line-height:1.6;color:var(--ink)} #gph#gph .formula{display:flex;flex-wrap:wrap;align-items:stretch;gap:.4rem;margin:1rem 0} #gph#gph .fx{display:flex;flex-direction:column;justify-content:center;padding:.45rem .7rem;border-radius:var(--r-s);line-height:1.25;color:var(--ink)} #gph#gph .fx b{font-size:.94rem} #gph#gph .fx small{font:500 .68rem/1.3 var(--font-mono);color:var(--ink-2);letter-spacing:.02em} #gph#gph .subj{background:var(--f-subj)} #gph#gph .act{background:var(--f-act)} #gph#gph .ctx{background:var(--f-ctx)} #gph#gph .cam{background:var(--f-cam)} #gph#gph .sty{background:var(--f-sty)} #gph#gph .aud{background:var(--f-aud)} #gph#gph .exx{background:var(--f-ex)} #gph#gph .plus{align-self:center;color:var(--ink-3);font-family:var(--font-mono);font-size:.9rem} #gph#gph .anno{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.15rem;margin:1rem 0} #gph#gph .anno p{margin:0;line-height:2.05} #gph#gph .anno mark{color:var(--ink);border-radius:3px;padding:.12em .28em;-webkit-box-decoration-break:clone;box-decoration-break:clone} #gph#gph .anno .zh{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--line);font-size:.9rem;color:var(--ink-2);line-height:1.8} #gph#gph .anno .src{font-size:.76rem;color:var(--ink-3);margin-top:.6rem} #gph#gph .note{margin:1.25rem 0;padding:.85rem 1.05rem;border-radius:var(--r);background:var(--note-soft);font-size:.92rem;color:var(--ink)} #gph#gph .note p{margin:.3rem 0} #gph#gph .note ul{margin:.3rem 0} #gph#gph .nl{display:block;font:500 .68rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.35rem} #gph#gph .note.warn{background:var(--warn-soft)} #gph#gph .note.warn .nl{color:var(--warn)} #gph#gph .note.teach{background:var(--tint)} #gph#gph .note.teach .nl{color:var(--c-flow)} #gph#gph .tbl{overflow-x:auto;margin:1rem 0;border:1px solid var(--line);border-radius:var(--r);background:var(--sheet)} #gph#gph .tbl table{border-collapse:collapse;width:100%;font-size:.87rem;line-height:1.6} #gph#gph .tbl th,#gph#gph .tbl td{padding:.6rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} #gph#gph .tbl tr:last-child td{border-bottom:0} #gph#gph .tbl thead th{background:var(--tint);font-weight:700;white-space:nowrap} #gph#gph .tbl tbody th{font-weight:700;white-space:nowrap} #gph#gph .tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} #gph#gph .tbl.wide table{min-width:44rem} #gph#gph .tbl.mid table{min-width:34rem} #gph#gph .tbl caption{caption-side:bottom;text-align:left;padding:.55rem .8rem;font-size:.78rem;color:var(--ink-3);border-top:1px solid var(--line)} #gph#gph .y{color:var(--ok);font-weight:700} #gph#gph .n{color:var(--ink-3)} #gph#gph .slate{font:500 .74rem/1.4 var(--font-mono);white-space:nowrap;color:var(--ink)} #gph#gph .rules{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.85rem 1.8rem} #gph#gph .rules li{position:relative;margin:0;padding-left:1.15rem;font-size:.92rem;color:var(--ink-2);line-height:1.65} #gph#gph .rules li::before{content:"";position:absolute;left:0;top:.6em;width:.45rem;height:.45rem;border-radius:2px;background:var(--accent)} #gph#gph .rules li b{color:var(--ink)} #gph#gph .rules.one{grid-template-columns:minmax(0,1fr)} #gph#gph .dd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin:1rem 0} #gph#gph.gph-max-640 .dd{grid-template-columns:minmax(0,1fr)} #gph#gph .dd > div{padding:.9rem 1rem;border-radius:var(--r);background:var(--tint);font-size:.9rem} #gph#gph .dd h3{margin:0 0 .4rem;font-size:.95rem} #gph#gph .dd ul{margin:0;padding-left:1.1rem} #gph#gph .dd .do h3{color:var(--ok)} #gph#gph .dd .dont h3{color:var(--c-omni)} #gph#gph .pc{margin:1.1rem 0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden} #gph#gph .pc-h{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding:.6rem .7rem .6rem 1.05rem;border-bottom:1px solid var(--line)} #gph#gph .pc-t{flex:1 1 12rem;min-width:0;font-weight:700;font-size:.94rem;line-height:1.45} #gph#gph .pc-ctl{display:flex;align-items:center;gap:.4rem;flex:none} #gph#gph .pc-tags{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.3rem} #gph#gph .tag{font:500 .68rem/1.55 var(--font-mono);padding:.04rem .45rem;border-radius:4px;background:var(--tint);color:var(--ink-2);white-space:nowrap} #gph#gph .pc pre{margin:0;padding:.95rem 1.1rem 1.05rem;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);font-size:.92rem;line-height:1.75;color:var(--ink);tab-size:2} #gph#gph .pc figcaption{padding:.65rem 1.1rem .8rem;border-top:1px dashed var(--line);font-size:.85rem;color:var(--ink-2);background:var(--tint);line-height:1.65} #gph#gph .pc figcaption b{color:var(--ink)} #gph#gph .steps{list-style:none;margin:1.25rem 0;padding:0;counter-reset:st} #gph#gph .steps>li{counter-increment:st;position:relative;padding-left:2.9rem;margin:0 0 1.9rem} #gph#gph .steps>li::before{content:counter(st);position:absolute;left:0;top:.02rem;width:2rem;height:2rem;border-radius:50%;background:var(--ink);color:var(--sheet);display:grid;place-items:center;font:500 .85rem/1 var(--font-mono)} #gph#gph .steps>li>h3{margin:0 0 .35rem;font-size:1.06rem;line-height:1.6} #gph#gph.gph-max-520 .steps>li{padding-left:2.45rem} #gph#gph.gph-max-520 .steps>li::before{width:1.75rem;height:1.75rem;font-size:.8rem} #gph#gph .ui{display:inline-block;font-size:.8rem;line-height:1.35;padding:.06rem .42rem;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:var(--sheet);color:var(--ink);white-space:nowrap;font-weight:500} #gph#gph .path{font-size:.9rem;color:var(--ink-2)} #gph#gph .turns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem;margin:1rem 0;padding:0;list-style:none;counter-reset:t} #gph#gph .turns li{counter-increment:t;margin:0;padding:.75rem .9rem;border-radius:var(--r);background:var(--tint);font-size:.88rem;line-height:1.6} #gph#gph .turns li::before{content:"第 " counter(t) " 輪";display:block;font:500 .7rem/1.2 var(--font-mono);color:var(--c-omni);margin-bottom:.3rem;letter-spacing:.04em} #gph#gph .builder{margin:1.25rem 0;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden} #gph#gph .bd-tabs{display:flex;gap:.25rem;overflow-x:auto;padding:.45rem;border-bottom:1px solid var(--line);background:var(--tint)} #gph#gph .bd-tabs button{appearance:none;border:0;background:transparent;color:var(--ink-2);font:500 .84rem/1 var(--font-body);padding:.55rem .8rem;border-radius:7px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem} #gph#gph .bd-tabs button[aria-selected="true"]{background:var(--sheet);color:var(--ink);box-shadow:0 0 0 1px var(--line-2)} #gph#gph .bd-body{display:grid;grid-template-columns:minmax(0,1fr)} #gph#gph.gph-min-860 .bd-body{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)} #gph#gph .bd-form{padding:1rem 1.1rem 1.2rem;display:grid;gap:1rem;align-content:start} #gph#gph .bd-formula{font-size:.82rem;color:var(--ink-3)} #gph#gph .bd-f label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;font-weight:700;font-size:.9rem} #gph#gph .bd-f label small{font-weight:400;color:var(--ink-3);font-size:.78rem} #gph#gph .bd-f input,#gph#gph .bd-f textarea{width:100%;margin-top:.3rem;font:inherit;font-size:.9rem;line-height:1.5;padding:.5rem .65rem;border:1px solid var(--line-2);border-radius:7px;background:var(--paper);color:var(--ink)} #gph#gph .bd-f textarea{min-height:3.9rem;resize:vertical} #gph#gph .bd-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem} #gph#gph .bd-chips button{appearance:none;border:1px dashed var(--line-2);background:transparent;color:var(--ink-2);font:400 .76rem/1.35 var(--font-body);padding:.24rem .5rem;border-radius:999px;cursor:pointer;text-align:left} #gph#gph .bd-chips button:hover{border-style:solid;color:var(--ink);background:var(--tint)} #gph#gph .bd-out{padding:1rem 1.1rem 1.2rem;border-top:1px solid var(--line);background:var(--tint);display:flex;flex-direction:column;gap:.65rem;min-width:0} #gph#gph.gph-min-860 .bd-out{border-top:0;border-left:1px solid var(--line)} #gph#gph .bd-out-h{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-weight:700;font-size:.9rem} #gph#gph .bd-pre{margin:0;min-height:11rem;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);font-size:.92rem;line-height:1.75;background:var(--sheet);border:1px solid var(--line);border-radius:7px;padding:.85rem .95rem;color:var(--ink)} #gph#gph .bd-actions{display:flex;flex-wrap:wrap;gap:.4rem} #gph#gph .bd-tip{font-size:.8rem;color:var(--ink-3);margin:0} #gph#gph .cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:1rem;margin:1.25rem 0} #gph#gph .cs{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.4rem;min-width:0} #gph#gph .cs-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem} #gph#gph .cs h2{margin:0;font-size:1.18rem;display:flex;align-items:center;gap:.5rem} #gph#gph .cs-body{font-size:.85rem;line-height:1.65;color:var(--ink-2)} #gph#gph .cs-body h3{font:500 .68rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin:.9rem 0 .3rem} #gph#gph .cs-body h3:first-child{margin-top:.2rem} #gph#gph .cs-body ul{margin:0;padding-left:1.05rem} #gph#gph .cs-body li{margin:.12rem 0} #gph#gph .cs-body p{margin:.2rem 0} #gph#gph .cs-body .formula{margin:.15rem 0;gap:.3rem} #gph#gph .cs-body .fx{padding:.25rem .45rem} #gph#gph .cs-body .fx b{font-size:.8rem} #gph#gph .cs-body code{font-size:.8em} #gph#gph .vocab{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;margin:1rem 0} #gph#gph .vocab .tbl{margin:0} #gph#gph .vocab td:first-child{font-family:var(--font-mono);font-size:.8rem;white-space:nowrap;color:var(--ink)} #gph#gph .pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.75rem;margin:1.25rem 0} #gph#gph .pcard{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)} #gph#gph .pcard:hover{border-color:var(--line-2);color:var(--ink)} #gph#gph .pno{font:500 .7rem/1.2 var(--font-mono);color:var(--c-flow);letter-spacing:.09em;text-transform:uppercase} #gph#gph .pcard b{font-family:var(--font-display);font-size:1.22rem;line-height:1.35} #gph#gph .pcard .d{font-size:.84rem;color:var(--ink-2);line-height:1.55} #gph#gph .pcard dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .75rem;margin:.45rem 0 0;font-size:.8rem} #gph#gph .pcard dt{color:var(--ink-3)} #gph#gph .pcard dd{margin:0;color:var(--ink-2)} #gph#gph .proj{margin-top:3.25rem;padding-top:2rem;border-top:2px solid var(--ink)} #gph#gph .proj > h3{font-size:clamp(1.45rem,3.6vw,1.8rem);margin:0 0 .3rem} #gph#gph .chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.8rem 0} #gph#gph .chip{font:500 .72rem/1.4 var(--font-mono);padding:.22rem .6rem;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);background:var(--sheet);white-space:nowrap} #gph#gph .check{margin:1.5rem 0;padding:1rem 1.1rem;background:var(--tint);border-radius:var(--r)} #gph#gph .check-h{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.4rem} #gph#gph .check-p{font:500 .8rem var(--font-mono);color:var(--ink-3)} #gph#gph .check label{display:flex;gap:.6rem;align-items:flex-start;padding:.2rem 0;font-size:.92rem;cursor:pointer;line-height:1.6} #gph#gph .check input{margin-top:.32rem;accent-color:var(--accent);width:1rem;height:1rem;flex:none} #gph#gph .gloss-tools{display:flex;gap:.5rem;align-items:center;margin:1rem 0} #gph#gph .gloss-tools input{flex:1;min-width:0;font:inherit;font-size:.92rem;padding:.55rem .85rem;border:1px solid var(--line-2);border-radius:999px;background:var(--sheet);color:var(--ink)} #gph#gph .gloss{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:0 2rem;margin:0} #gph#gph .gloss div{padding:.65rem 0;border-bottom:1px solid var(--line);min-width:0} #gph#gph .gloss dt{font-weight:700} #gph#gph .gloss dt small{font:500 .74rem var(--font-mono);color:var(--ink-3);margin-left:.4rem} #gph#gph .gloss dd{margin:.15rem 0 0;font-size:.88rem;color:var(--ink-2);line-height:1.65} #gph#gph .src-list{padding-left:1.2rem;font-size:.88rem} #gph#gph .src-list li{margin:.35rem 0} #gph#gph .src-list span{color:var(--ink-3);font-size:.8rem} #gph#gph .foot{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink-3)} #gph#gph .to-top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;box-shadow:var(--shadow)} #gph#gph img{max-width:100%} #gph#gph .page{padding-block:2.25rem .5rem} #gph#gph .page > .ch-h{margin-bottom:.5rem} #gph#gph .toc li.cur > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph .toc .here{list-style:none;margin:.25rem 0 .55rem 1.05rem;padding:0 0 0 .55rem;border-left:1px solid var(--line)} #gph#gph .toc .here a{font-size:.82rem;padding:.2rem .5rem;color:var(--ink-3);line-height:1.4} #gph#gph .toc .here a:hover{color:var(--ink)} #gph#gph .toc .here a.on{color:var(--accent-2);background:transparent;font-weight:500} #gph#gph .pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin:3.5rem 0 0} #gph#gph .pg{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1.05rem;border:1px solid var(--line);border-radius:var(--r);background:var(--sheet);color:var(--ink);text-decoration:none;min-width:0} #gph#gph .pg:hover{border-color:var(--line-2);color:var(--ink)} #gph#gph .pg span{font:500 .7rem/1.2 var(--font-mono);letter-spacing:.08em;color:var(--ink-3)} #gph#gph .pg b{font-family:var(--font-display);font-size:1.08rem;line-height:1.4} #gph#gph .pg.prev{grid-column:1} #gph#gph .pg.next{grid-column:2;text-align:right} #gph#gph .pg.prev span::before{content:"← "} #gph#gph .pg.next span::after{content:" →"} #gph#gph.gph-max-560 .pager{grid-template-columns:minmax(0,1fr)} #gph#gph.gph-max-560 .pg.next{grid-column:1} #gph#gph .home h2{font-size:1.2rem;margin:2.4rem 0 .7rem} #gph#gph .home .models{margin-top:0} #gph#gph{--gph-offset:calc(var(--gph-admin,0px) + var(--gph-header,0px))} body.admin-bar #gph#gph{--gph-admin:32px} @media screen and (max-width:782px){body.admin-bar #gph#gph{--gph-admin:46px}} @media screen and (max-width:600px){body.admin-bar #gph#gph{--gph-admin:0px}} #gph#gph .gph-page{display:none} #gph#gph:not([data-active]) .gph-page[data-key="home"]{display:block} #gph#gph .toc .here{display:none} #gph#gph[data-active="home"] .gph-page[data-key="home"]{display:block} #gph#gph[data-active="home"] .toc .here[data-for="home"]{display:block} #gph#gph[data-active="home"] .toc li[data-key="home"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="start"] .gph-page[data-key="start"]{display:block} #gph#gph[data-active="start"] .toc .here[data-for="start"]{display:block} #gph#gph[data-active="start"] .toc li[data-key="start"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="gemini"] .gph-page[data-key="gemini"]{display:block} #gph#gph[data-active="gemini"] .toc .here[data-for="gemini"]{display:block} #gph#gph[data-active="gemini"] .toc li[data-key="gemini"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="nanobanana"] .gph-page[data-key="nanobanana"]{display:block} #gph#gph[data-active="nanobanana"] .toc .here[data-for="nanobanana"]{display:block} #gph#gph[data-active="nanobanana"] .toc li[data-key="nanobanana"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="lyria"] .gph-page[data-key="lyria"]{display:block} #gph#gph[data-active="lyria"] .toc .here[data-for="lyria"]{display:block} #gph#gph[data-active="lyria"] .toc li[data-key="lyria"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="veo"] .gph-page[data-key="veo"]{display:block} #gph#gph[data-active="veo"] .toc .here[data-for="veo"]{display:block} #gph#gph[data-active="veo"] .toc li[data-key="veo"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="omni"] .gph-page[data-key="omni"]{display:block} #gph#gph[data-active="omni"] .toc .here[data-for="omni"]{display:block} #gph#gph[data-active="omni"] .toc li[data-key="omni"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="builder"] .gph-page[data-key="builder"]{display:block} #gph#gph[data-active="builder"] .toc .here[data-for="builder"]{display:block} #gph#gph[data-active="builder"] .toc li[data-key="builder"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="cheatsheet"] .gph-page[data-key="cheatsheet"]{display:block} #gph#gph[data-active="cheatsheet"] .toc .here[data-for="cheatsheet"]{display:block} #gph#gph[data-active="cheatsheet"] .toc li[data-key="cheatsheet"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="flow"] .gph-page[data-key="flow"]{display:block} #gph#gph[data-active="flow"] .toc .here[data-for="flow"]{display:block} #gph#gph[data-active="flow"] .toc li[data-key="flow"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="projects"] .gph-page[data-key="projects"]{display:block} #gph#gph[data-active="projects"] .toc .here[data-for="projects"]{display:block} #gph#gph[data-active="projects"] .toc li[data-key="projects"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="p1"] .gph-page[data-key="p1"]{display:block} #gph#gph[data-active="p1"] .toc .here[data-for="p1"]{display:block} #gph#gph[data-active="p1"] .toc li[data-key="p1"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="p2"] .gph-page[data-key="p2"]{display:block} #gph#gph[data-active="p2"] .toc .here[data-for="p2"]{display:block} #gph#gph[data-active="p2"] .toc li[data-key="p2"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="p3"] .gph-page[data-key="p3"]{display:block} #gph#gph[data-active="p3"] .toc .here[data-for="p3"]{display:block} #gph#gph[data-active="p3"] .toc li[data-key="p3"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="p4"] .gph-page[data-key="p4"]{display:block} #gph#gph[data-active="p4"] .toc .here[data-for="p4"]{display:block} #gph#gph[data-active="p4"] .toc li[data-key="p4"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="teach"] .gph-page[data-key="teach"]{display:block} #gph#gph[data-active="teach"] .toc .here[data-for="teach"]{display:block} #gph#gph[data-active="teach"] .toc li[data-key="teach"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="glossary"] .gph-page[data-key="glossary"]{display:block} #gph#gph[data-active="glossary"] .toc .here[data-for="glossary"]{display:block} #gph#gph[data-active="glossary"] .toc li[data-key="glossary"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700} #gph#gph[data-active="sources"] .gph-page[data-key="sources"]{display:block} #gph#gph[data-active="sources"] .toc .here[data-for="sources"]{display:block} #gph#gph[data-active="sources"] .toc li[data-key="sources"] > a{background:var(--accent-soft);color:var(--accent-2);font-weight:700}