@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2)format("woff2"),url(/mark-field/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/mark-field/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff");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}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2)format("woff2"),url(/mark-field/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/mark-field/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff");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}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/mark-field/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2)format("woff2"),url(/mark-field/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/mark-field/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/mark-field/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff");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}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(/mark-field/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/mark-field/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");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}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/mark-field/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(/mark-field/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/mark-field/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/mark-field/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/mark-field/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/mark-field/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/mark-field/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");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}:root{--bg:#ece8e0;--stage:#e6e1d7;--panel:#f8f6f1;--surface:#fffdf9;--ink:#16140f;--muted:#6a645a;--muted-stage:#555048;--line:#16140f17;--line-2:#16140f2e;--accent:#d63d17;--warn:#a3260b;--sans:"Instrument Sans", system-ui, sans-serif;--serif:"Instrument Serif", "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--top-h:60px;--rail-w:84px;--insp-w:392px;--spot-h:clamp(360px, calc(100vh - var(--top-h) - 250px), 640px);--r:10px;--ease:cubic-bezier(.2, .7, .2, 1);--paper-shadow:0 1px 1px #16140f0d, 0 18px 44px -22px #16140f61;--shadow:0 1px 2px #16140f0d, 0 10px 30px -18px #16140f4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.visually-hidden,.skip:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:30;background:var(--surface);border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:10px}.icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.btn{font:500 14px/1.2 var(--sans);white-space:nowrap;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), opacity .16s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--ink);color:var(--panel)}.btn-primary:not(:disabled):hover{background:#000}.btn-outline{border-color:var(--line-2);background:0 0}.btn-outline:not(:disabled):hover{border-color:var(--ink)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:not(:disabled):hover{background:#16140f0f}.btn-sm{padding:8px 14px;font-size:13px}.btn-block{width:100%;padding:15px 18px;font-size:15px}.icon-btn{width:36px;height:36px;color:var(--ink);background:0 0;border:0;border-radius:999px;place-items:center;transition:background .16s;display:grid}.icon-btn:not(:disabled):hover{background:#16140f12}.icon-btn:disabled{opacity:.3;cursor:default}.top{z-index:20;height:var(--top-h);background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 20px 0 24px;display:grid;position:sticky;top:0}.brand{min-height:32px;color:var(--ink);background:0 0;border:0;justify-self:start;align-items:center;padding:4px 0;display:flex}.pen-title{width:auto;height:20px;display:block}.doc-name{font:italic 400 22px/1 var(--serif);letter-spacing:.005em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;justify-self:center;max-width:40vw;margin:0;overflow:hidden}.top-actions{justify-self:end;align-items:center;gap:6px;display:flex}.history{border-right:1px solid var(--line);gap:2px;margin-right:8px;padding-right:10px;display:flex}.studio{grid-template-columns:var(--rail-w) var(--insp-w) minmax(0, 1fr);height:calc(100vh - var(--top-h));display:grid}.studio.is-loading .stage{background:var(--stage)}.rail{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto}.rail [role=tablist]{flex-direction:column;gap:2px;min-height:100%;padding:14px 10px;display:flex}.rail-tab{color:var(--muted);font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:background .16s var(--ease), color .16s var(--ease);background:0 0;border:0;border-radius:12px;justify-items:center;gap:6px;padding:11px 4px 9px;display:grid}.rail-tab .icon{width:22px;height:22px}.rail-tab:hover{color:var(--ink);background:#16140f0d}.rail-tab.is-on{color:var(--panel);background:var(--ink)}.rail-tab.is-last{margin-top:auto}.inspector{background:var(--panel);border-right:1px solid var(--line);min-height:0;overflow-y:auto}.insp-head{padding:34px 32px 22px}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--muted);margin:0}.insp-head h1{font:400 38px/1.02 var(--serif);letter-spacing:-.01em;margin:14px 0 10px}.insp-head h1:focus{outline:none}.lede{color:var(--muted);max-width:42ch;margin:0;font-size:14.5px;line-height:1.55}.insp-body{animation:rise .28s var(--ease);padding:4px 32px 48px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stage{background:var(--stage);min-width:0;overflow-y:auto}.spotlight{padding:18px 36px 0}.spot-head{justify-content:space-between;align-items:center;gap:16px;height:40px;margin-bottom:12px;display:flex}.spot-label{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-stage);margin:0}.spot-tools{align-items:center;gap:10px;display:flex}.spot-modes{box-shadow:inset 0 0 0 1px var(--line);background:#fffdf98c;border-radius:999px;padding:3px;display:flex}.spot-modes button{font:500 13px/1 var(--sans);color:var(--muted-stage);background:0 0;border:0;border-radius:999px;padding:7px 14px;transition:background .16s,color .16s}.spot-modes button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #16140f1f}.spot-stage{height:var(--spot-h);justify-content:center;align-items:center;display:flex}.spot-paper{box-shadow:var(--paper-shadow);background:var(--b-ground,#fff);border-radius:4px;overflow:hidden}.spot-paper>.k-art,.spot-paper>svg,.spot-paper .k-art svg{width:100%;height:100%;display:block}.spot-square{aspect-ratio:1;max-width:100%;height:100%}.spot-wide{width:100%;height:100%;display:flex}.spot-wide>svg{width:100%;height:100%}.spot-type{grid-template-rows:minmax(0,1.4fr) minmax(0,1fr);gap:1%;width:100%;height:100%;padding:2% 5% 4%;display:grid}.spot-type .k-art{height:100%;min-height:0;overflow:hidden}.spot-type .k-art svg{width:100%;height:100%}.spot-pair{justify-content:center;gap:24px;max-width:100%;height:100%;display:flex}.spot-tall{aspect-ratio:3/4;flex:none;max-width:calc(50% - 12px);height:100%}.spot-tall canvas{width:100%;height:100%;display:block}.spot-tall .sheet-wrap{height:100%}.spot-hero{width:min(100%, calc((var(--spot-h) - 34px) * 16 / 9));flex-direction:column;align-items:center;gap:14px;display:flex}.for-colour-hero .spot-hero{width:min(100%, calc((var(--spot-h) - 34px - 58px) * 16 / 9))}.spot-hero .browser{box-shadow:var(--paper-shadow);border-radius:8px;overflow:hidden}.spot-hero canvas{width:100%;display:block}.spot-swatches{gap:22px;margin:0;padding:0;list-style:none;display:flex}.spot-swatches li{align-items:center;gap:9px;font-size:13px;display:flex}.spot-swatches i{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #80808059}.spot-swatches code{font:400 12px/1 var(--mono);color:var(--muted-stage)}.spot-pad{aspect-ratio:1;max-width:100%;height:100%;margin:0}.spot-pad svg{width:100%;height:100%;box-shadow:var(--paper-shadow);border-radius:4px}.spot-pad .hint:not(.is-warn){display:none}.spot-pad .hint.is-warn{text-align:center;margin-top:-40px;position:relative}.spot-editor .mark-editor{width:100%;height:100%}.spot-hint{text-align:center;color:var(--muted-stage);margin:10px 0 0;font-size:12.5px}.board-wrap{padding:44px 36px 64px}.board-head{border-top:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:16px;max-width:1320px;margin:0 auto 22px;padding-top:22px;display:flex}.board-head h2{font:400 28px/1.1 var(--serif);margin:0}.board-head p{color:var(--muted-stage);margin:0;font-size:13px}.fields{gap:22px;display:grid}.field-block label{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:block}.input{border:1px solid var(--line-2);background:var(--surface);width:100%;font:400 16px/1.3 var(--sans);border-radius:8px;padding:12px 14px;transition:border-color .16s,box-shadow .16s}.input::placeholder{color:#a39e95}.input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #16140f14}.input-xl{font:400 34px/1.1 var(--serif);padding:12px 16px}.hint{color:var(--muted);margin:8px 0 0;font-size:12.5px;line-height:1.45}.hint.is-warn{color:var(--warn)}.chips{flex-wrap:wrap;gap:8px;margin-top:-6px;display:flex}.chip{border:1px solid var(--line-2);background:0 0;border-radius:999px;padding:6px 13px;font-size:13px;transition:border-color .16s,background .16s}.chip:hover{border-color:var(--ink);background:var(--surface)}.link-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.link-fields .input{padding:10px 12px;font-size:14px}.k-group{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.k-group-head{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:16px;display:flex}.k-group-head h3{font:400 22px/1.1 var(--serif);margin:0}.k-slider{margin-bottom:18px}.k-slider-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.k-slider-head label{font-size:14px;font-weight:500}.k-slider-head output{font:400 12px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.k-slider input{appearance:none;background:0 0;width:100%;height:26px;margin:0}.k-slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) 0 var(--pct), #16140f26 var(--pct) 100%);border-radius:1px;height:2px}.k-slider input::-moz-range-track{background:#16140f26;border-radius:1px;height:2px}.k-slider input::-moz-range-progress{background:var(--ink);border-radius:1px;height:2px}.k-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:3px solid var(--panel);width:18px;height:18px;box-shadow:0 0 0 1px var(--ink), 0 2px 6px #0000002e;transition:transform .16s var(--ease);border-radius:50%;margin-top:-8px}.k-slider input:active::-webkit-slider-thumb{transform:scale(1.15)}.k-slider input::-moz-range-thumb{background:var(--ink);border:3px solid var(--panel);width:14px;height:14px;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.k-slider input:focus-visible{outline:none}.k-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--ink), 0 0 0 5px #16140f2e}.k-ends{color:var(--muted);justify-content:space-between;margin-top:0;font-size:11.5px;display:flex}.k-hint{color:var(--muted);margin:2px 0 0;font-size:12px}.k-seg{border:0;min-width:0;margin:0 0 18px;padding:0}.k-seg legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:500}.k-seg-row{background:#16140f0f;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.k-seg label{position:relative}.k-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.k-seg span{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;transition:background .16s var(--ease), color .16s;border-radius:999px;padding:8px 0;font-size:13.5px;font-weight:500;display:block}.k-seg input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #16140f24}.k-seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:-2px}.k-toggle{cursor:pointer;align-items:center;gap:12px;margin:6px 0 12px;font-size:14px;display:flex;position:relative}.k-toggle input{opacity:0;cursor:pointer;width:40px;height:24px;margin:0;position:absolute}.k-switch{width:40px;height:24px;transition:background .18s var(--ease);background:#16140f29;border-radius:999px;flex:none;position:relative}.k-switch:after{content:"";width:18px;height:18px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.k-toggle input:checked+.k-switch{background:var(--ink)}.k-toggle input:checked+.k-switch:after{transform:translate(16px)}.k-toggle input:focus-visible+.k-switch{outline:2px solid var(--ink);outline-offset:2px}.choices{gap:12px;margin-bottom:8px;display:grid}.choices-1{grid-template-columns:1fr}.choices-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choices-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choices-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.k-choice{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease);flex-direction:column;gap:9px;padding:6px 6px 10px;display:flex;position:relative}.k-choice:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-1px)}.k-choice.is-selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.k-choice-art{background:#f7f4ee;border-radius:6px;display:block;position:relative;overflow:hidden}.k-choice-art .k-art svg{width:100%;height:auto;display:block}.choice-ground{padding:4px 0;display:block}.choice-lockup{justify-content:center;align-items:center;height:64px;display:flex}.choice-lockup svg{width:100%!important;height:100%!important}.choice-lockup.is-tall{height:92px}.choice-strip{height:5px;display:flex}.choice-strip i{flex:1}.k-choice-text{gap:2px;padding:0 4px;display:grid}.k-choice-title{font:500 13.5px/1.25 var(--sans)}.k-choice-line{color:var(--muted);font-size:12px;line-height:1.35}.choices-4 .k-choice{gap:6px;padding:5px 5px 8px}.choices-4 .k-choice-title{text-align:center;font-size:12px}.choices-3 .k-choice-line{display:none}.k-check{width:20px;height:20px;box-shadow:0 0 0 3px var(--panel);background:var(--ink);opacity:0;transition:opacity .16s, transform .16s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;right:-7px;transform:scale(.6)}.choices-4 .k-check{width:18px;height:18px;top:-6px;right:-6px}.k-check svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.k-choice.is-selected .k-check{opacity:1;transform:scale(1)}.hero-sketch{display:block}.hero-sketch svg{width:100%;height:auto;display:block}.tool-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.tool{text-align:left;border-radius:var(--r);background:var(--surface);border:1px solid var(--line-2);align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s,background .16s,color .16s;display:flex}.tool svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:28px;height:28px}.tool strong{font-size:13.5px;font-weight:500;display:block}.tool small{color:var(--muted);font-size:11.5px;line-height:1.3;display:block}.tool:hover{border-color:var(--ink)}.tool.is-on{background:var(--ink);color:var(--panel);border-color:var(--ink)}.tool.is-on small{color:#f8f6f1b3}.colour-pickers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.colour-picker{cursor:pointer;gap:4px;display:grid}.colour-picker input{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:48px;padding:0}.colour-picker input::-webkit-color-swatch-wrapper{padding:3px}.colour-picker input::-webkit-color-swatch{border:0;border-radius:5px}.cp-name{font-size:13px;font-weight:500}.cp-hex{font:400 12px/1 var(--mono);color:var(--muted)}.kit-list{border-top:1px solid var(--line);margin:20px 0 0;padding:0;list-style:none}.kit-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.kit-name{font-size:14px;font-weight:500;display:block}.kit-desc{color:var(--muted);font-size:12.5px;display:block}.kit-list .btn{min-width:64px}.after-export{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.board{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:28px 24px;max-width:1320px;margin:0 auto;display:grid}.tile{flex-direction:column;min-width:0;margin:0;display:flex}.tile-art{box-shadow:var(--paper-shadow);background:var(--b-ground);border-radius:6px;flex:1;display:flex;position:relative;overflow:hidden}.tile-piece{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.tile-hit{all:unset;z-index:1;cursor:pointer;border-radius:6px;position:absolute;inset:0}.tile-hit:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 0 var(--accent);pointer-events:none;transition:box-shadow .16s;position:absolute;inset:0}.tile-hit:hover:after{box-shadow:inset 0 0 0 1.5px #16140f80}.tile-hit:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tile-piece>.k-art,.tile-piece>.k-art svg,.tile-piece>svg,.tile-piece canvas{width:100%;height:auto;display:block}.tile figcaption{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;font-size:12.5px;display:flex}.tile-label{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.tile-note{color:var(--muted-stage);font:400 11.5px/1.3 var(--mono)}.t-hero{grid-column:span 12}.t-hero .tile-art{background:#dcd8cf;padding:0}.t-mark{grid-column:span 4}.t-mark .tile-art{aspect-ratio:1}.t-lockup{grid-column:span 8;align-self:stretch}.t-lockup .tile-art{min-height:100%}.writing{width:100%;height:auto;display:block}.writing-tag{transition:opacity .3s}.t-poster,.t-cards,.t-social{grid-column:span 4;align-self:stretch}.t-poster .tile-art{aspect-ratio:3/4;flex:none}.t-cards .tile-art,.t-social .tile-art,.t-icons .tile-art{background:#e2dfd8}.t-cards .tile-art,.t-social .tile-art{align-items:center}.t-cards .tile-piece,.t-social .tile-piece{height:100%;padding:24px}.card-pair{gap:18px;width:100%;display:grid}.card{border-radius:6px;overflow:hidden;box-shadow:0 1px 1px #0000000f,0 14px 28px -16px #00000073}.card:first-child{transform:rotate(-2deg)translate(-4px)}.card:nth-child(2){transform:rotate(1.5deg)translate(6px)}.card svg{width:100%;height:auto;display:block}.t-pattern{grid-column:span 8}.t-colour{grid-column:span 4;align-self:stretch}.t-alphabet{grid-column:span 8}.t-icons{grid-column:span 4;align-self:stretch}.sheet{width:100%;display:block}.sheet-wrap{width:100%;position:relative}.sheet-wrap:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:7px;height:7px;transition:opacity .16s;position:absolute;top:12px;right:12px}.sheet-wrap.is-busy:after{opacity:.8}.browser{background:#fff;width:100%}.browser-bar{background:#f1efea;border-bottom:1px solid #0000000f;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.browser-bar i{background:#d6d2ca;border-radius:50%;width:10px;height:10px}.browser-url{font:400 11.5px/1 var(--mono);color:var(--muted);text-align:center;background:#fff;border-radius:6px;min-width:180px;margin:0 auto;padding:4px 18px;transform:translate(-24px)}.phone{aspect-ratio:9/14;background:#16140f;border-radius:34px;width:min(220px,100%);padding:9px;box-shadow:0 20px 40px -22px #0009}.phone-screen{background:#fff;border-radius:26px;flex-direction:column;gap:12px;height:100%;padding:22px 12px 12px;display:flex;overflow:hidden}.phone-head{align-items:center;gap:10px;display:flex}.phone-avatar{border-radius:50%;flex:none;width:54px;overflow:hidden}.phone-avatar svg{width:100%;height:auto;display:block}.phone-name{gap:2px;min-width:0;font-size:12px;line-height:1.25;display:grid}.phone-name b{font-size:13px}.phone-name span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phone-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.phone-grid .k-art svg{aspect-ratio:1;width:100%;height:auto;display:block}.colour-card{flex-direction:column;justify-content:space-between;gap:16px;width:100%;height:100%;padding:18px;display:flex}.swatches{gap:10px;margin:0;padding:0;list-style:none;display:grid}.swatches li{grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;display:grid}.swatch-chip{border-radius:10px;grid-row:span 2;width:44px;height:44px;box-shadow:inset 0 0 0 1px #8080804d}.swatch-name{font-size:13px;font-weight:600}.swatch-hex{font:400 11.5px/1.3 var(--mono);opacity:.72;grid-column:2}.swatch-use{display:none}.type-note{border-top:1px solid;border-top-color:color-mix(in srgb, currentColor 20%, transparent);align-items:center;gap:14px;margin:0;padding-top:14px;font-size:12px;line-height:1.4;display:flex}.type-aa{font:500 40px/1 var(--sans);letter-spacing:-.02em}.icons{justify-content:center;align-items:flex-end;gap:18px;width:100%;padding:24px 16px;display:flex}.icon-size{justify-items:center;gap:8px;display:grid}.icon-size .k-art svg{filter:drop-shadow(0 6px 10px #0000002e);width:100%;height:auto;display:block}.icon-size small{font:400 10.5px/1 var(--mono);color:var(--muted-stage)}.lightbox{background:var(--panel);border:0;border-radius:16px;width:min(1200px,100vw - 48px);max-height:calc(100vh - 48px);padding:0;overflow:auto;box-shadow:0 30px 80px -20px #00000080}.lightbox::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1514118c}.lightbox-head{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px 14px 24px;display:flex;position:sticky;top:0}.lightbox-head h2{font:600 16px/1.2 var(--sans);margin:0}.lightbox-art{place-items:center;padding:28px;display:grid}.lightbox-art>*{width:100%}.lightbox-art>.k-art svg,.lightbox-art canvas,.lightbox-art .writing{border-radius:10px;width:100%;height:auto;display:block}.lightbox-art .card-pair{max-width:720px;margin:0 auto}.lightbox-art .phone{width:320px;margin:0 auto}.lightbox-art .colour-card{border-radius:12px;max-width:560px;min-height:380px;margin:0 auto}.lightbox-art .icons{gap:32px}.lightbox-art .t-mark-large,.lightbox-art>.k-art{max-width:720px;margin:0 auto}.drawpad svg{aspect-ratio:1;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.dp-guides{fill:none;stroke-width:1.5px;opacity:.18;vector-effect:non-scaling-stroke}.dp-guides *{vector-effect:non-scaling-stroke}.dp-line,.dp-ghost{fill:none;stroke-linecap:round;stroke-linejoin:round}.dp-line{stroke-width:22px}.dp-ghost{stroke-width:22px;opacity:.25}.dp-current{opacity:.1}.mark-editor{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.me-guides path,.me-guides line{fill:none;vector-effect:non-scaling-stroke}.me-spine{stroke:var(--accent);stroke-width:1.5px}.me-arm{stroke:var(--accent);stroke-width:1px;opacity:.75}.me-ghost path{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 4;opacity:.35}.me-pt{cursor:grab;outline:none}.me-pt:active{cursor:grabbing}.me-hit{fill:#0000}.me-dot{fill:#fff;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.me-pt.is-anchor .me-dot{fill:var(--accent)}.me-pt.is-active .me-dot{fill:var(--ink);stroke:#fff;stroke-width:2px}.me-pt:focus-visible .me-dot{stroke:var(--ink);stroke-width:3px}.toast{z-index:40;background:var(--ink);color:var(--panel);border-radius:999px;margin:0;padding:0;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast:not(:empty){box-shadow:var(--shadow);padding:12px 20px}.text-btn{font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.view-case{background:var(--panel)}.case{max-width:1240px;margin:0 auto;padding:72px 40px 120px}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.cs-hero{grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:64px;display:grid}.cs-hero-art{margin:0}.cs-hero-art figcaption{font:400 11px/1.3 var(--mono);color:var(--muted);margin-top:10px}.cs-hero h1{font:500 clamp(40px, 5.4vw, 76px)/1.02 var(--sans);letter-spacing:-.025em;max-width:16ch;margin:0}.lede{max-width:58ch;margin:28px 0 0;font-size:20px;line-height:1.45}.facts{font:400 13px/1.2 var(--mono);flex-wrap:wrap;gap:12px 40px;margin:40px 0 0;padding:0;list-style:none;display:flex}.facts strong{font:500 28px/1 var(--sans);margin-right:8px}.cs-section{margin-top:112px}.cs-section h2{font:500 30px/1.12 var(--sans);letter-spacing:-.015em;max-width:28ch;margin:0 0 14px}.cs-section>p{color:#2c2925;max-width:64ch;margin:0 0 32px;font-size:17px}.cs-diagram{grid-template-columns:260px 140px minmax(0,1fr);align-items:center;margin:0;display:grid}.cs-node{margin:0}.cs-node svg,.cs-node canvas{width:100%;height:auto;display:block}.cs-node figcaption,.cs-spec figcaption{font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-top:8px;display:flex}.cs-node figcaption span{text-transform:none;letter-spacing:0;color:var(--muted);text-align:right;font-weight:400}.cs-mark{aspect-ratio:1}.cs-skel path{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.cs-skel circle{fill:var(--accent)}.cs-arrow{background:var(--ink);height:1px;margin:0 18px;position:relative}.cs-arrow:after{content:"";border:4.5px solid #0000;border-left:8px solid var(--ink);border-right:0;position:absolute;top:-4px;right:-1px}.cs-arrow span{white-space:nowrap;text-align:center;font:400 11px/1 var(--mono);position:absolute;top:-22px;left:0;right:0}.cs-fan{grid-template-rows:auto auto;grid-template-columns:200px minmax(0,1fr);align-items:end;gap:20px 28px;display:grid}.cs-fan>:first-child{grid-row:span 2;align-self:center}.cs-lockup{width:100%;height:auto;display:block}.cs-field{aspect-ratio:8/3}.cs-pair{grid-template-columns:1fr 1fr;gap:40px;display:grid}.cs-spec{margin:0}.cs-spec h3{font:inherit;margin:0}.cs-poster{aspect-ratio:3/4;width:100%;display:block;box-shadow:0 16px 40px -24px #12111080}.cs-table{border-collapse:collapse;width:100%;font:400 13px/1.3 var(--mono);margin-top:40px}.cs-table th,.cs-table td{text-align:left;border-bottom:1px solid var(--line);padding:9px 0;font-weight:400}.cs-table thead th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.cs-table tbody th{color:var(--muted);width:30%}.cs-table tr.differs td{color:var(--ink);font-weight:500}.cs-table tr:not(.differs) td{color:var(--muted)}.cs-morph-art{grid-template-columns:320px minmax(0,1fr);align-items:center;gap:40px;display:grid}.cs-morph-ctl{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 24px;margin-top:24px;display:grid}.cs-morph-ctl label{font:400 12px/1.3 var(--mono);grid-column:1;justify-content:space-between;gap:16px;display:flex}.cs-morph-ctl label output{color:var(--muted);font-variant-numeric:tabular-nums}.cs-morph-range{grid-column:1;margin:0}.cs-morph-ctl button{background:var(--ink);color:var(--panel);font:500 12px/1 var(--mono);border:0;border-radius:999px;grid-area:1/2/span 2;padding:12px 18px}.cs-before-after{grid-template-columns:1fr 1fr;gap:40px;display:grid}.cs-before-after figure{gap:16px;margin:0;display:grid}.cs-before-after .cs-mark{max-width:300px}.cs-before-after figcaption{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.cs-notes{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:56px;padding-top:40px;display:grid}.cs-notes p,.cs-notes li{color:#2c2925;font-size:15px}.cs-notes ul{margin:0;padding-left:18px}.cs-notes li{margin-bottom:8px}.oops{max-width:560px;margin:18vh auto 0;padding:0 24px}.oops h1{font:400 40px/1.05 var(--serif);margin:16px 0 14px}.oops .lede{margin-bottom:24px}.case-loading{min-height:100vh}.brand-colour{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.brand-colour strong{font-size:14.5px;font-weight:500;display:block}.brand-colour span{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}.brand-swatch{cursor:pointer;border-radius:50%;flex:none;width:52px;height:52px;position:relative;box-shadow:inset 0 0 0 1px #0000001f,0 4px 12px -6px #0006}.brand-swatch input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.brand-swatch:focus-within{outline:2px solid var(--ink);outline-offset:3px}.or{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.next-step{border-top:1px solid var(--line);justify-content:flex-end;margin-top:32px;padding-top:20px;display:flex}.next-step .btn{gap:10px}.insp-foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin:28px 0 0;font-size:12.5px;line-height:1.4;display:none}.insp-foot .btn{margin-left:-14px}.shortcuts{grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:13px;display:grid}.shortcuts dt{font:500 11.5px/1.6 var(--mono)}.shortcuts kbd{background:var(--surface);min-width:22px;box-shadow:0 0 0 1px var(--line-2), 0 1px 0 var(--line-2);text-align:center;font:inherit;border-radius:5px;padding:1px 6px;display:inline-block}.shortcuts dd{color:var(--muted);margin:0}.spot-canvas{aspect-ratio:1;max-width:100%;height:100%;position:relative}.mark-canvas{width:100%;height:100%;box-shadow:var(--paper-shadow);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;display:block}.mark-canvas:focus-visible{box-shadow:var(--paper-shadow), 0 0 0 2px var(--ink)}.mark-canvas.tool-pencil,.mark-canvas.tool-curve{cursor:crosshair}.mc-grid line{stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.04}.mc-grid .mc-axis{opacity:.11}.mc-guide line{stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.mc-box{fill:none;stroke:var(--accent);stroke-width:1.25px;vector-effect:non-scaling-stroke}.mc-stem{stroke:var(--accent);stroke-width:1.25px;vector-effect:non-scaling-stroke}.mc-corner{fill:#fff;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:nwse-resize}.mc-knob{fill:#fff;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:grab}.mc-point{cursor:grab}.mc-hit{fill:#0000}.mc-dot{fill:#fff;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.mc-point.is-anchor .mc-dot{fill:var(--accent)}.mc-ink{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;opacity:.8}.mc-curve path{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;opacity:.7}.mc-curve circle{fill:#fff;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.mc-curve circle.is-close{fill:var(--accent)}.toolbar{z-index:3;-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line), 0 12px 32px -14px #16140f73;background:#fffdf9e6;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;top:50%;right:calc(100% + 18px);transform:translateY(-50%)}.tb-wrap{position:relative}.tb-btn{min-width:54px;color:var(--ink);font:500 10.5px/1 var(--sans);transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:11px;justify-items:center;gap:3px;padding:7px 6px 6px;display:grid}.tb-btn:hover{background:#16140f12}.tb-btn.is-on{background:var(--ink);color:var(--panel)}.tb-glyph{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.tb-sep{background:var(--line-2);width:30px;height:1px;margin:4px 0}.tb-pop{z-index:5;background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 24px 48px -18px #16140f73;animation:rise .18s var(--ease);border-radius:14px;padding:12px;position:absolute;bottom:-8px;left:calc(100% + 14px)}.shape-grid{grid-template-columns:repeat(4,76px);gap:6px;display:grid}.shape-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;justify-items:center;gap:4px;padding:8px 4px 7px;font-size:11.5px;transition:border-color .15s,background .15s;display:grid}.shape-btn:hover{border-color:var(--ink)}.shape-btn svg{width:38px;height:38px;fill:var(--ink)}.icon-picker{gap:10px;width:344px;display:grid}.tb-pop .icon-picker{width:360px}.icon-search{padding:9px 12px;font-size:14px}.icon-scroll{max-height:320px;padding:0 4px 28px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.icon-scroll h4{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}.icon-scroll section:first-child h4{margin-top:2px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;display:grid}.icon-btn-pick{height:42px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;transition:background .15s,border-color .15s;display:grid}.icon-btn-pick:hover{background:#16140f0f}.icon-btn-pick.is-on{border-color:var(--ink)}.icon-btn-pick svg{fill:currentColor;width:24px;height:24px}.layer-props .icon-picker{width:auto}.layer-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.layer-list li{border-radius:10px;align-items:center;gap:2px;transition:background .15s;display:flex}.layer-list li:hover{background:#16140f0a}.layer-list li.is-on{background:var(--ink);color:var(--panel)}.layer-list li.is-hidden .layer-pick span{opacity:.45;text-decoration:line-through}.layer-pick{min-height:40px;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:6px 10px;font-size:13.5px;display:flex}.cut-tag{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;border:1px solid;border-radius:6px;margin-left:auto;padding:4px 6px;font-style:normal}.small-btn{width:34px;height:34px;color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;transition:background .15s;display:grid}.small-btn:not(:disabled):hover{background:#16140f14}.layer-list li.is-on .small-btn:hover{background:#ffffff24}.small-btn:disabled{opacity:.3;cursor:default}.layer-actions{gap:2px;display:flex}.empty-note{border:1px dashed var(--line-2);color:var(--muted);text-align:center;border-radius:12px;margin:24px 0 0;padding:16px;font-size:13.5px}.edit-points{margin:4px 0 8px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316140f' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.shape-change{margin:2px 0 16px}.shape-change summary{cursor:pointer;padding:8px 0;font-size:13.5px;font-weight:500}.shape-change .shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px}.tpl-grid .k-choice-title{font-size:11.5px}.k-fold{padding-top:0}.k-fold>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding-top:12px;list-style:none;display:flex}.k-fold>summary::-webkit-details-marker{display:none}.k-fold-title{font:400 22px/1.1 var(--serif)}.k-fold-chev{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:1.6px;transition:transform .2s var(--ease)}.k-fold[open] .k-fold-chev{transform:rotate(180deg)}.k-fold-body{padding-top:12px}.k-fold-action{justify-content:flex-end;margin:-6px 0 8px;display:flex}.layer-props .k-fold{margin-top:18px}.cs-cta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.cs-hero h1{font:400 clamp(44px, 5.6vw, 80px)/.98 var(--serif);letter-spacing:-.01em}.cs-section h2{font:400 clamp(30px, 3.4vw, 44px)/1.05 var(--serif);letter-spacing:-.005em;max-width:24ch}.cs-poster-wrap .cs-poster{width:100%}.cs-sub{letter-spacing:.1em;text-transform:uppercase;font:500 12px/1 var(--mono)!important;color:var(--muted)!important;margin:36px 0 12px!important}.cs-strip{grid-template-columns:1fr 2fr 1.4fr 1fr;align-items:end;gap:20px;display:grid}.cs-strip figure{margin:0}.cs-strip .k-art svg{width:100%;height:auto;box-shadow:var(--paper-shadow);border-radius:4px;display:block}.cs-strip .full{grid-column:1/-1;margin-top:12px}.cs-strip .full .browser{box-shadow:var(--paper-shadow);border-radius:8px;overflow:hidden}.cs-strip .full canvas{width:100%;display:block}.cs-strip figcaption,.cs-templates figcaption{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px}.cs-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.cs-process figure{margin:0}.cs-process img{width:100%;height:auto;box-shadow:var(--paper-shadow);background:var(--stage);border-radius:6px;display:block}.cs-process figcaption{color:#2c2925;max-width:52ch;margin-top:14px;font-size:15px;line-height:1.5}.cs-v{background:var(--ink);color:var(--panel);font:500 11px/1.2 var(--mono);letter-spacing:.06em;vertical-align:2px;border-radius:6px;margin-right:10px;padding:3px 7px;display:inline-block}.cs-feedback{border-collapse:collapse;width:100%;margin-top:56px}.cs-feedback caption{text-align:left;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.cs-feedback th,.cs-feedback td{text-align:left;vertical-align:top;border-top:1px solid var(--line-2);padding:16px 0;font-size:16px;line-height:1.5}.cs-feedback thead th{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 0}.cs-feedback tbody th{width:34%;font:italic 400 22px/1.3 var(--serif);padding-right:32px}.cs-templates{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;display:grid}.cs-templates figure{margin:0}.cs-templates .k-art svg{width:100%;height:auto;box-shadow:var(--paper-shadow);border-radius:4px;display:block}.cs-quality{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;margin:0;padding:0;list-style:none;display:grid}.cs-quality li{border-top:1px solid var(--ink);padding-top:14px}.cs-quality strong{font:400 34px/1.05 var(--serif);margin-bottom:8px;display:block}.cs-quality span{color:#2c2925;font-size:14.5px;line-height:1.5}.cs-end{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;margin-top:120px;padding:56px 0;display:flex}.cs-end p{font:400 clamp(28px, 3vw, 40px)/1.1 var(--serif);margin:0}@media (width<=900px){.cs-strip{grid-template-columns:1fr 1fr}.cs-strip .wide{grid-column:1/-1}.cs-process{grid-template-columns:1fr}.cs-templates{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-quality{grid-template-columns:1fr 1fr}.cs-feedback tbody th{font-size:19px}}@media (width<=520px){.cs-quality{grid-template-columns:1fr}.cs-feedback,.cs-feedback caption,.cs-feedback tbody,.cs-feedback tr,.cs-feedback th,.cs-feedback td{width:100%;display:block}.cs-feedback thead{display:none}.cs-feedback caption{line-height:1.4}.cs-feedback tbody th{border-top:1px solid var(--line-2);width:auto;padding:16px 0 4px;font-size:19px}.cs-feedback td{border-top:0;padding-top:0}.cs-morph-ctl{grid-template-columns:1fr}.cs-morph-ctl label{flex-wrap:wrap}.cs-morph-ctl button{grid-area:auto/1;justify-self:start}.cs-end{flex-direction:column;align-items:flex-start}}@media (width<=1360px){:root{--insp-w:360px}.t-mark{grid-column:span 5}.t-lockup{grid-column:span 7}.t-poster,.t-cards,.t-social{grid-column:span 6}.t-pattern,.t-alphabet{grid-column:span 12}.t-colour,.t-icons{grid-column:span 6}}@media (width<=1240px){.spot-stage.for-mark{flex-direction:column;gap:10px;height:auto}.spot-canvas{height:calc(var(--spot-h) - 76px);flex-direction:column;align-items:center;display:flex}.spot-canvas .mark-canvas{aspect-ratio:1;width:auto;height:100%}.toolbar{flex-direction:row;margin-top:12px;position:static;transform:none}.tb-sep{width:1px;height:30px;margin:0 4px}.tb-pop{top:auto;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.spot-canvas{aspect-ratio:auto}}@media (width<=1100px){:root{--rail-w:72px;--insp-w:330px}.insp-head{padding:28px 24px 18px}.insp-body{padding:4px 24px 40px}.spotlight{padding:14px 24px 0}.board-wrap{padding:36px 24px 56px}.hide-narrow{display:none}.insp-foot{display:flex}.doc-name{font-size:19px}}@media (width<=900px){:root{--top-h:56px;--spot-h:min(76vw, 420px)}.cs-diagram{grid-template-columns:1fr}.cs-diagram>.cs-node:first-child{max-width:360px}.cs-arrow{margin:36px 18px 18px}.top{grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px 0 16px}.pen-title{height:16px}.doc-name{display:none}.history{margin-right:2px;padding-right:4px}.studio{flex-direction:column;height:auto;display:flex}.stage{display:contents}.rail{top:var(--top-h);z-index:15;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none;order:0;position:sticky;overflow:auto hidden}.rail::-webkit-scrollbar{display:none}.rail [role=tablist]{flex-direction:row;gap:4px;min-height:0;padding:8px 10px}.rail-tab{flex:none;min-width:64px;padding:8px 6px 7px}.rail-tab.is-last{margin-top:0}#spotlight-anchor{scroll-margin-top:calc(var(--top-h) + 70px);order:1}.spotlight{background:var(--stage);order:1;padding:12px 16px 4px}.inspector{border-right:0;order:2;overflow:visible}.board-wrap{background:var(--stage);order:3;padding:28px 16px 48px}.insp-head{padding:24px 16px 16px}.insp-head h1{font-size:32px}.insp-body{padding:4px 16px 32px}.spot-pair{gap:12px}.spot-tall{align-self:center;max-width:calc(50% - 6px);height:auto}.spot-pair,.spot-stage.for-pattern-pair{height:auto}.spot-swatches{flex-wrap:wrap;justify-content:center;gap:12px}.board{gap:16px}.board-head{flex-direction:column;gap:4px}.t-mark,.t-lockup,.t-pattern,.t-poster,.t-cards,.t-social,.t-colour,.t-icons,.t-alphabet{grid-column:span 12}.lightbox-art{padding:16px}}@media (width<=520px){.toolbar{background:var(--surface);-webkit-backdrop-filter:none;max-width:100%;overflow-x:auto}.tb-btn{min-width:44px}.tb-btn span{display:none}.tb-pop{position:fixed;bottom:90px;left:8px;right:8px;transform:none}.tb-pop .icon-picker,.icon-picker{width:auto}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choices-2{gap:8px}.choice-lockup{height:52px}.k-choice-line{display:none}.choices-4 .k-choice-title{font-size:11.5px}.input-xl{font-size:28px}.link-fields,.tool-row{grid-template-columns:1fr}.spot-modes button{padding:7px 10px}.spot-head .btn{display:none}.spot-stage.for-mark{height:auto}.spot-canvas{width:100%;height:auto}.spot-canvas .mark-canvas{aspect-ratio:1;width:100%;height:auto}.case{padding:40px 16px 80px}.cs-diagram,.cs-fan,.cs-pair,.cs-morph-art,.cs-before-after,.cs-notes,.cs-hero{grid-template-columns:1fr}}@media (width<=400px){.top{gap:4px;padding:0 8px 0 12px}.pen-title{height:13px}.history{border-right:0;margin-right:0;padding-right:2px}.top-actions .btn-primary{padding:8px 12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}