:root{--accent:#00c2ff;--accent-ink:#04122e;--ink:#04122e;--ink-soft:#2b3d63;--paper:#fff;--panel:#f2f9ff;--line:#cfe3f5;--text-strong:#04122e;--on-media:#fff;--band-bg:#04122e;--band-raised:#0d2147;--band-line:#1b3364;--on-band:#e8f3ff;--on-band-soft:#a9bfdc;--overlay-shadow:#04122e59;--wall-deep:#006eee;--wall-light:#07daff;--danger:#c2183b;--font-display:"Archivo Variable", system-ui, sans-serif;--font-body:"Archivo Variable", system-ui, sans-serif;--radius:20px}.skip-link{z-index:60;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main>.block.block-spacing-compact{padding-block:28px}main>.block.block-spacing-large{padding-block:112px}.block-bg-panel{background:var(--panel);border-block:1px solid var(--line)}.block-bg-accent{background:var(--accent);color:var(--accent-ink)}.block-bg-accent :is(h1,h2,h3){color:var(--accent-ink)}.block-bg-image{isolation:isolate;background:var(--band-bg);color:var(--on-media);position:relative;overflow:hidden}.block-bg-image .block-bg-media{z-index:-1;object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.block-bg-image :is(h1,h2,h3){color:var(--on-media)}.block-align-center{text-align:center}.video-frame{aspect-ratio:16/9;position:relative;overflow:hidden}.video-facade,.video-embed{width:100%;height:100%;position:absolute;inset:0}.video-embed{border:0}.cms-edit-page{z-index:55;background:var(--accent);color:var(--accent-ink);box-shadow:var(--overlay-shadow);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;bottom:16px;left:16px}.cms-edit-page:focus-visible{outline:2px solid var(--text-strong);outline-offset:2px}@media print{.cms-edit-page{display:none}}*,:before,:after{box-sizing:border-box}html{color-scheme:light;background:var(--accent)}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:var(--accent) url(/mur.svg) 0 0 / 206px auto;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.55;display:flex}main{flex:1;width:min(100% - 32px,1040px);margin-inline:auto;padding-block:8px 48px}a{color:inherit}.site-header{justify-content:center;padding:20px 16px 0;display:flex}.brand{background:var(--ink);color:var(--paper);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:800;font-stretch:112%;text-decoration:none}.site-footer{text-align:center;color:var(--ink);padding:20px 16px 28px;font-size:.875rem}.site-footer p{background:#ffffffbf;border-radius:12px;margin:0;padding:8px 14px;display:inline-block}.hero{text-align:center;grid-template-columns:repeat(2,132px);justify-content:center;gap:16px;padding-block:24px 28px;display:grid}h1,.lead{grid-column:1/-1}@media (width>=760px){.hero{grid-template-columns:180px minmax(0,1fr) 180px;align-items:center}h1{grid-area:1/2}.player:first-of-type{grid-area:1/1;rotate:-3deg}.player:last-of-type{grid-area:1/3;rotate:3deg}}.player{color:var(--ink);font:inherit;text-transform:uppercase;perspective:900px;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;font-size:.875rem;font-weight:900;font-stretch:110%;transition:scale .15s}.player-card{transform-style:preserve-3d;transition:transform .5s;display:grid}.player-face{background:var(--paper);box-shadow:0 4px 0 var(--wall-deep);backface-visibility:hidden;border-radius:10px;grid-area:1/1;padding:6px 6px 4px;display:grid;position:relative}.player-hint{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.6875rem;position:absolute;bottom:30px;left:50%;translate:-50%}.player-back,.player.is-flipped .player-card,.player:focus-visible .player-card{transform:rotateY(180deg)}@media (hover:hover){.player:hover{scale:1.05}.player:hover .player-card{transform:rotateY(180deg)}}.player:focus-visible{outline:3px solid var(--wall-deep);outline-offset:3px}.player img{border-radius:6px;width:100%;height:auto;display:block}h1{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;text-transform:uppercase;color:var(--paper);text-shadow:0 4px 0 var(--wall-deep), 0 10px 30px var(--overlay-shadow);margin:0 auto;font-size:clamp(2rem,6.4vw,4rem);font-weight:900;font-stretch:112%;line-height:.95}.lead{background:#ffffffd9;border-radius:14px;max-width:54ch;margin:4px auto 0;padding:12px 16px;font-size:1.0625rem}h2{font-family:var(--font-display);text-transform:uppercase;margin:0 0 16px;font-size:1.5rem;font-weight:900;font-stretch:110%}.app,.shop,.steps,.intros{border-radius:var(--radius);background:var(--paper);box-shadow:0 6px 0 var(--wall-deep), 0 24px 60px var(--overlay-shadow)}.app{padding:clamp(16px,4vw,32px)}.shop,.steps,.intros{margin-top:32px;padding:clamp(20px,4vw,32px)}.shop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.intros h2,.intros>p{margin:0}.intros>p{color:var(--ink-soft)}.intro-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin-top:20px;display:grid}.intro-card video{background:var(--ink);border-radius:12px;width:100%;height:auto;display:block}.intro-card h3{margin:10px 0 0;font-size:1.125rem}.intro-card a{color:var(--ink-soft);font-size:.875rem}.intro-credits{color:var(--ink-soft);margin:20px 0 0;font-size:.875rem}.in-app{border:3px solid var(--accent);background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:clamp(24px,6vw,48px) 16px}.in-app h2,.in-app p{margin:0}.in-app .button{width:min(100%,360px)}.in-app .drop-icon{margin-bottom:0}.in-app-url{background:var(--paper);user-select:all;border-radius:8px;padding:6px 12px;font-weight:700}.player-clip{background:var(--paper);width:min(100% - 32px,1120px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:16px;padding:20px}.player-clip[open]{grid-template:"card video""text video"1fr"close video"/min(220px,32dvh) minmax(0,1fr);gap:16px 24px;display:grid}.player-clip::backdrop{background:#000000b3}.player-clip video{aspect-ratio:16/9;background:var(--ink);border-radius:12px;grid-area:video;align-self:center;width:100%;max-height:calc(100dvh - 72px);display:block}.player-clip-card{width:100%;height:auto;box-shadow:0 4px 0 var(--wall-deep);border-radius:8px;grid-area:card;display:block;rotate:-2deg}.player-clip-text{grid-area:text}.player-clip p{margin:0 0 4px;font-weight:600}.player-clip-source{color:var(--ink-soft);font-size:.875rem}.player-clip form{grid-area:close}.player-clip .button{width:100%}@media (width<960px){.player-clip{padding:16px}.player-clip[open]{grid-template:"video video""card text""close close"/clamp(112px,22vw,180px) minmax(0,1fr);align-items:center;gap:16px}}@media (height<520px){.player-clip[open]{grid-template:"card text video"1fr"close close video"/96px 150px minmax(0,1fr);gap:12px}}.export{background:var(--paper);width:min(100% - 32px,420px);color:var(--ink);text-align:center;border:0;border-radius:16px;padding:16px}.export::backdrop{background:#000000b3}.export img{-webkit-touch-callout:default;border-radius:12px;width:100%;height:auto;display:block}.export p{margin:12px 0;font-weight:600}.export .button.primary{width:100%;margin-bottom:12px}.shop h2,.shop p{margin:0}.shop .shop-code{margin:8px 0 0}.shop-code code{background:var(--panel);user-select:all;border-radius:6px;padding:2px 8px;font-weight:700}.shop .button.primary{flex:0 auto}.steps ol{gap:8px;margin:0;padding-left:1.25rem;display:grid}.app :is(.drop,.error,.working,.resume,.in-app){display:none}.app:is([data-state=empty],[data-state=error]) .drop,.app[data-state=error] .error,.app[data-state=working] .working,.app[data-state=in-app] .in-app{display:flex}.app[data-state=ready] .resume{display:grid}.drop{border:3px dashed var(--accent);background:var(--panel);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:clamp(40px,8vw,72px) 16px;transition:background .15s,border-color .15s}.drop:hover,.drop[data-over],.drop:focus-within{border-color:var(--wall-deep);background:#e3f4ff}.drop:focus-within{outline:3px solid var(--wall-deep);outline-offset:3px}.drop-icon{background:var(--accent);width:72px;height:72px;color:var(--paper);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.drop-title{text-transform:uppercase;font-size:1.375rem;font-weight:900;font-stretch:110%}.drop-hint{color:var(--ink-soft)}@media (pointer:coarse){.paste-hint{display:none}}.error{color:var(--danger);background:#fde8ec;border-radius:12px;margin:0 0 16px;padding:12px 16px;font-weight:600}.working{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 16px}.working p{margin:0;font-weight:700}.working .percent{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--wall-deep);font-size:clamp(2.5rem,8vw,3.5rem);font-weight:900;font-stretch:110%;line-height:1}.working progress{width:min(100%,360px);height:12px;accent-color:var(--accent)}.resume{grid-template-columns:minmax(0,1fr);align-items:center;gap:20px}.resume canvas{border-radius:12px;width:min(100%,300px);height:auto;margin-inline:auto;display:block}.resume-side h2{margin-bottom:12px}@media (width>=760px){.resume{grid-template-columns:300px minmax(0,1fr);gap:32px}}body:has(.studio[open]){overflow:hidden}.studio{background:var(--band-bg);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--on-band);overscroll-behavior:none;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.studio-shell{background:var(--band-bg);grid-template:"top top top""rail stage side"minmax(0,1fr)/84px minmax(0,1fr) 270px;width:100%;height:100%;display:grid}.studio-top{padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px;background:var(--band-raised);grid-area:top;align-items:center;gap:4px;display:flex}.studio-gap{flex:1}.studio-top .button.primary{min-height:40px;padding:6px 16px;font-size:.875rem}.icon-button,.text-button{min-width:42px;min-height:42px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:.875rem;font-weight:700;display:inline-flex}.text-button{padding-inline:10px}.text-button[hidden],.icon-button[hidden]{display:none}.icon-button:hover:not(:disabled),.text-button:hover{background:var(--band-line)}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button[aria-pressed=true],.text-button[aria-pressed=true]{background:var(--on-band);color:var(--band-bg)}.icon-button:focus-visible,.text-button:focus-visible,.text-button:focus-within,.studio .button:focus-visible,.text-link:focus-visible,.view-fit:focus-visible,.setting-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.studio-rail{background:var(--band-raised);grid-area:rail;align-content:start;gap:6px;padding:10px 8px;display:grid}.studio-stage{touch-action:none;user-select:none;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}.studio-stage>canvas[data-preview]{touch-action:none;cursor:grab;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-stage>canvas[data-preview]:active{cursor:grabbing}.studio:is([data-tool=effacer],[data-tool=restaurer]) .studio-stage>canvas[data-preview]{cursor:none}.studio-stage>canvas[data-preview]:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.brush-ring{pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #000000b3}.brush-ring[hidden],.view-map[hidden]{display:none}.view-map{width:112px;height:112px;box-shadow:0 2px 10px var(--overlay-shadow);touch-action:none;cursor:pointer;border:2px solid #ffffffd9;border-radius:10px;position:absolute;bottom:12px;right:12px}.studio-hint{white-space:nowrap;pointer-events:none;background:#04122ec7;border-radius:999px;max-width:calc(100% - 24px);margin:0;padding:6px 12px;font-size:.8125rem;transition:opacity .4s;position:absolute;top:10px;left:50%;translate:-50%}.studio-hint.is-gone{opacity:0}.view-zoom{box-shadow:0 2px 10px var(--overlay-shadow);background:#04122ee0;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.view-zoom .icon-button{border-radius:50%;min-width:36px;min-height:36px}.view-fit{white-space:nowrap;min-width:84px;height:36px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:.875rem;font-weight:700}.view-fit:hover{background:var(--band-line)}.view-fit small{color:var(--on-band-soft);margin-right:4px;font-size:.75rem;font-weight:500}.studio-side{background:var(--band-raised);grid-area:side;align-content:start;gap:14px;padding:16px;display:grid;overflow:auto}.side-group{gap:12px;display:none}.studio[data-tool=cadrer] [data-panel=cadrer],.studio:is([data-tool=effacer],[data-tool=restaurer]) [data-panel=pinceau],.studio[data-tool=main] [data-panel=main]{display:grid}.side-group h2{margin:0;font-size:.9375rem}.side-group>p,.studio .tip{color:var(--on-band-soft);margin:0;font-size:.875rem}.studio .slider{font-size:.9375rem}.studio .slider-ends{color:var(--on-band-soft);font-size:.8125rem}.slider-title{justify-content:space-between;gap:8px;display:flex}.slider-title output{color:var(--on-band-soft);font-variant-numeric:tabular-nums;font-weight:500}.setting-group{gap:12px;display:grid}.setting-tabs{background:var(--band-bg);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:none}.setting-tabs button{min-height:32px;color:inherit;font:inherit;background:0 0;border:0;border-radius:9px;padding:2px 6px;font-size:.875rem;font-weight:700}.setting-tabs button[aria-pressed=true]{background:var(--on-band);color:var(--band-bg)}.text-link{text-align:left;color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.875rem;font-weight:700;text-decoration:underline}@media (width<=759px) and (orientation:portrait){.studio-shell{grid-template:"top""stage"minmax(0,1fr)"side""rail"/minmax(0,1fr)}.wide-only{display:none}.studio-top{gap:2px;padding-inline:4px}.icon-button,.text-button{min-width:34px;padding-inline:0}.studio-top .button.primary{padding-inline:8px;font-size:.8125rem;font-stretch:100%}.studio-rail{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,minmax(0,1fr))}.studio-side{gap:8px;padding:10px 14px 4px}.side-group{gap:8px}.side-group h2,.side-group>p,.studio[data-tool=main] .studio-side{display:none}.setting-tabs{display:grid}.studio-side[data-setting=brush] [data-setting-panel]:not([data-setting-panel=brush]),.studio-side[data-setting=ghost] [data-setting-panel]:not([data-setting-panel=ghost]),.studio-side[data-setting=refine] [data-setting-panel]:not([data-setting-panel=refine]){display:none}}@media (width<=359px) and (orientation:portrait){.studio-top :is([data-compare],[data-fullscreen]){display:none}}@media (height<=500px){.studio-shell{grid-template-columns:72px minmax(0,1fr) 220px}.studio-top{padding-block:2px}.studio-rail{gap:2px;padding:4px;overflow:auto}.studio-rail .tool-face{padding:4px 2px}.studio-side{padding:10px 12px}.side-group>p{display:none}}.slider{gap:6px;font-weight:700;display:grid}.slider input{width:100%;accent-color:var(--accent)}.slider-ends{color:var(--ink-soft);justify-content:space-between;font-size:.875rem;font-weight:400;display:flex}.tip{color:var(--ink-soft);margin:0}.tool{color:var(--on-band);font:inherit;background:0 0;border:0;padding:0;position:relative}.tool input{opacity:0;position:absolute}.tool-face{cursor:pointer;border:2px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:10px 2px 8px;font-size:.8125rem;font-weight:700;display:grid}.tool:hover .tool-face{border-color:var(--band-line)}.tool input:checked+.tool-face{border-color:var(--accent);background:var(--accent);color:var(--ink)}.tool input:focus-visible+.tool-face{outline:3px solid var(--accent);outline-offset:2px}.buttons{flex-wrap:wrap;gap:10px;display:flex}.button{border:2px solid var(--ink);background:var(--paper);min-height:46px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--panel)}.button:focus-visible{outline:3px solid var(--wall-deep);outline-offset:2px}.buttons .button{flex:1 1 0}.buttons .button.primary{flex:100%}.button.primary{border-color:var(--wall-deep);background:var(--accent);color:var(--ink);text-transform:uppercase;box-shadow:0 4px 0 var(--wall-deep);font-weight:900;font-stretch:110%}.button.primary:hover{background:var(--wall-light)}.button.primary:active{box-shadow:0 2px 0 var(--wall-deep);transform:translateY(2px)}.button[hidden]{display:none}@media (prefers-reduced-motion:reduce){.studio-hint,.player,.player-card{transition:none}}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}