:root{--paper: #fcfbf8;--sheet: #fbf6ea;--ink: #1d1b18;--faded: #5b564e;--rule: #e4e1d9;--rule-soft: #efece5;--accent: #99392c;--serif: "EB Garamond Variable", "Iowan Old Style", Palatino, Georgia, serif;--sans: "Inter Variable", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}.page{max-width:1180px;margin:0 auto;padding:1.6rem 1.4rem 3rem}header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}h1{font-family:var(--serif);font-weight:500;font-size:1.9rem;margin:0}h1 .sub{color:var(--faded);font-style:italic;font-weight:400;font-size:1.25rem}.gh{color:var(--accent);font-size:.85rem;text-decoration:none}.gh:hover{text-decoration:underline;text-underline-offset:3px}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:1.8rem;align-items:start}.canvas-wrap{position:relative}.stage canvas{display:block;width:100%;height:auto;background:var(--sheet);border:1px solid var(--rule);border-radius:4px;box-shadow:0 10px 30px -18px #1d1b1859;cursor:crosshair}.pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;border-radius:50%;border:1.5px solid #fff;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;line-height:1;padding:0;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #1d1b1859}.caption{min-height:1.3em;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--faded);text-align:center;margin:.55rem 0 .4rem}.timeline{display:flex;align-items:center;gap:.6rem}.timeline .icon{width:1.9rem;height:1.9rem;padding:0;border-radius:50%;font-size:.62rem;line-height:1;flex:none;justify-content:center;gap:0}.timeline input[type=range]{flex:1;accent-color:var(--accent)}.timeline .time{flex:none;min-width:7em;text-align:right;color:var(--faded);font-variant-numeric:tabular-nums;font-size:.8rem}.run-row{display:flex;justify-content:center;gap:.5rem;margin-top:.55rem}.scrub-wrap{position:relative;flex:1;display:flex;flex-direction:column}.scrub-wrap input[type=range]{width:100%;accent-color:var(--accent)}.acts{display:block;height:4px;border-radius:2px;margin:0 7px;background:var(--rule);opacity:.85}.papers{display:inline-flex;gap:.4rem}.papers button{width:1.55rem;height:1.55rem;padding:0;border-radius:50%;border:1px solid var(--rule);box-shadow:inset 0 0 0 1px #1d1b180f}.papers button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.regions{margin-top:.8rem}.regions-head{margin:0 0 .4rem;text-align:center;font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faded);cursor:help}.legend{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.legend span{display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;color:var(--faded);border:1px solid var(--rule);border-radius:999px;padding:.13rem .6rem;background:#fff;transition:border-color .2s,box-shadow .2s,color .2s}.legend span.painting{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--ink)}.legend i{width:.72rem;height:.72rem;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #1d1b1826}.controls fieldset{border:1px solid var(--rule);border-radius:6px;margin:0 0 .75rem;padding:.55rem .85rem .7rem;background:#fffdfa}.controls legend{font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:0 .4rem}.controls label{display:flex;align-items:center;gap:.5rem;margin:.32rem 0}.controls label input[type=range]{flex:1;accent-color:var(--accent)}.controls output{min-width:2.9em;text-align:right;color:var(--faded);font-variant-numeric:tabular-nums;font-size:.82rem}.controls input[type=number]{width:8em;border:1px solid var(--rule);border-radius:4px;padding:.26rem .45rem;font:inherit}.controls select{font:inherit;border:1px solid var(--rule);border-radius:4px;padding:.26rem .35rem;background:#fff;flex:1}.controls input[type=color]{inline-size:3rem;block-size:1.7rem;border:1px solid var(--rule);border-radius:4px;padding:2px;background:#fff}.samples{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.55rem}.samples button{display:flex;flex-direction:column;align-items:center;gap:.24rem;padding:.32rem .25rem .3rem;border:1px solid var(--rule);border-radius:6px;background:#fff;cursor:pointer;font-size:.7rem;color:var(--faded);transition:border-color .15s,box-shadow .15s}.samples button img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.samples button:hover{border-color:var(--accent)}.samples button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--ink)}button{font:inherit;border:1px solid var(--rule);background:#fff;border-radius:5px;padding:.34rem .7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:border-color .15s,background .15s,box-shadow .15s}button svg{flex:none;color:var(--faded)}button.primary svg{color:#fff}.hint{font-size:.76rem;color:var(--faded);margin:.5rem 0 0;line-height:1.4}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#7f2f24}button.ghost{border-color:transparent;background:transparent;color:var(--faded);text-decoration:underline;text-underline-offset:3px;padding:.2rem .3rem}button.ghost:hover:not(:disabled){color:var(--accent);border-color:transparent}.file input{display:none}.file span{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--rule);border-radius:5px;padding:.34rem .7rem;cursor:pointer;background:#fff;transition:border-color .15s}.file svg{flex:none;color:var(--faded)}.file span:hover{border-color:var(--accent)}.row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.28rem 0}.check{font-size:.85rem}@media(max-width:880px){.split{grid-template-columns:1fr;gap:1.2rem}.page{padding:1.2rem 1rem 2.5rem}.samples button{font-size:.66rem}.timeline .time{min-width:6em}}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-cyrillic-ext-wght-normal-ByugaZpy.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-cyrillic-wght-normal-DZVSGMRt.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-greek-ext-wght-normal-jFu40_Kw.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-greek-wght-normal-Dm53BPoz.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-vietnamese-wght-normal-B-YjCn1Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-latin-ext-wght-normal-Bgo24x86.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/autoportrait/assets/eb-garamond-latin-wght-normal-BUNBP5ar.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/autoportrait/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}