@font-face{font-family:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/b886574ba42c3409-s.1_wjncogyh-s7.woff2)format("woff2");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:Sora;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.2y2uoi4t910qy.woff2)format("woff2");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:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_3fd80e00-module__HLND6q__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_3fd80e00-module__HLND6q__variable{--font-sora:"Sora", "Sora Fallback"}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_8c519202-module__UFQ6Tq__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_8c519202-module__UFQ6Tq__variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");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:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");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:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_34a85c05-module__gGo3DG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_34a85c05-module__gGo3DG__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");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:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_a0610f6d-module__zt62-W__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_a0610f6d-module__zt62-W__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/150f724d70372c02-s.1ljbalzvxyif7.woff2)format("woff2");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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2)format("woff2");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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2)format("woff2");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:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_4bcebf04-module__mRJj1G__className{font-family:Newsreader,Newsreader Fallback;font-style:normal}.newsreader_4bcebf04-module__mRJj1G__variable{--font-newsreader:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");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:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_9e067a5b-module__vT7MWq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_9e067a5b-module__vT7MWq__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.0fuxtgzazslqx.woff2)format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.451yigaaz_4mg.woff2)format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3cik_s2si-ft-.woff2)format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.0we3rzhp_h228.woff2)format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.44izq0ia6orkf.woff2)format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.1s123piy9_v1m.woff2)format("woff2");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:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_1da4c37c-module__47vRmW__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}.space_mono_1da4c37c-module__47vRmW__variable{--font-space-mono:"Space Mono", "Space Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}}:root{--bg:#f4f1ea;--panel:#fbfaf6;--ink:#1c1a17;--ink-soft:#57514a;--line:#e3ddd1;--field:#fff;--field-line:#d8d1c4;--brand:#1c1a17;--shadow:0 1px 2px #1c1a170f, 0 12px 30px -18px #1c1a174d;--doc-head:var(--font-sora), sans-serif;--doc-body:var(--font-sora), sans-serif;--accent:#2b2b2b;--accent-soft:#f2f0ec;--doc-title-size:30px;--doc-title-weight:700;--doc-meta-spacing:.04em;--doc-rule:1px solid #e7e4dd}[data-mode=dark]{--bg:#16140f;--panel:#1e1b15;--ink:#f3efe6;--ink-soft:#b3aa99;--line:#322d24;--field:#1a1712;--field-line:#3a342a;--brand:#f3efe6;--shadow:0 1px 2px #0006, 0 18px 40px -20px #000000b3}[data-theme=minimal]{--doc-head:var(--font-sora), sans-serif;--doc-body:var(--font-sora), sans-serif;--accent:#2b2b2b;--accent-soft:#f2f0ec;--doc-title-size:30px;--doc-title-weight:700;--doc-meta-spacing:.04em;--doc-rule:1px solid #e7e4dd}[data-theme=bold]{--doc-head:var(--font-bricolage), sans-serif;--doc-body:var(--font-dm-sans), sans-serif;--accent:#e8492b;--accent-soft:#fdeee9;--doc-title-size:40px;--doc-title-weight:800;--doc-meta-spacing:.02em;--doc-rule:3px solid #e8492b}[data-theme=corporate]{--doc-head:var(--font-fraunces), serif;--doc-body:var(--font-newsreader), serif;--accent:#0f3d5e;--accent-soft:#eaf1f6;--doc-title-size:32px;--doc-title-weight:600;--doc-meta-spacing:.06em;--doc-rule:2px solid #0f3d5e}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-manrope), sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:20;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:13px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;margin-right:auto;display:flex}.brand .dot{background:var(--brand);width:30px;height:30px;color:var(--bg);border-radius:9px;place-items:center;font-size:15px;font-weight:800;display:grid;transform:rotate(-4deg)}.brand h1{letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700}.brand .sub{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:1px;font-size:10px}.ctl{flex-direction:column;gap:5px;display:flex}.lbl{font-family:var(--font-space-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:9.5px}.seg{background:var(--field);border:1px solid var(--field-line);border-radius:11px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--ink-soft);font:inherit;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:600;transition:all .15s}.seg button.active{background:var(--brand);color:var(--bg)}.seg.themes button.active{background:var(--accent);color:#fff}.iconbtn{border:1px solid var(--field-line);background:var(--field);cursor:pointer;width:38px;height:38px;color:var(--ink);border-radius:10px;place-items:center;font-size:16px;transition:all .15s;display:grid}.iconbtn:hover{border-color:var(--ink-soft)}.btn{cursor:pointer;font:inherit;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px 15px;font-size:12.5px;font-weight:700;transition:transform .12s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--brand);color:var(--bg)}.btn.share{color:#063d1c;background:#25d366}.btn:focus-visible,.seg button:focus-visible,.iconbtn:focus-visible,.filebtn:focus-visible,.mini:focus-visible,.additem:focus-visible,.rm:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.stage{width:100%}.sidebar{background:var(--panel);width:100%;max-width:580px;margin:0 auto;padding:24px 22px 110px}.canvas{background:radial-gradient(circle at 1px 1px, var(--ink) 1px, transparent 0) 0 0/22px 22px;justify-content:center;min-height:calc(100dvh - 70px);padding:38px 20px 110px;display:flex}@supports (color:color-mix(in lab, red, red)){.canvas{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 9%, transparent) 1px, transparent 0) 0 0/22px 22px}}.stage[data-view=editor] .canvas,.stage[data-view=preview] .sidebar{display:none}.group{margin-bottom:24px}.group>.lbl{border-bottom:1px dashed var(--line);margin-bottom:11px;padding-bottom:8px;display:block}.field{margin-bottom:12px}.field label{color:var(--ink-soft);margin-bottom:5px;font-size:11px;font-weight:600;display:block}input[type=text],input[type=number],textarea,select{width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--field-line);border-radius:9px;padding:9px 11px;font-size:13px;transition:all .15s}textarea{resize:vertical;min-height:62px;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.upload-drop{border:1px dashed var(--field-line);background:var(--field);border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.upload-prev{background:var(--accent-soft);border-radius:8px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.upload-prev img{object-fit:contain;width:100%;height:100%}.upload-prev span{color:var(--accent);font-size:18px}.upload-drop .meta{color:var(--ink-soft);font-size:10.5px;line-height:1.45}.filebtn{color:var(--accent);cursor:pointer;font-size:11px;font-weight:700;text-decoration:underline}.items{flex-direction:column;gap:8px;display:flex}.item-row{grid-template-columns:1fr 46px 80px 28px;align-items:center;gap:6px;display:grid}.item-row input{padding:8px;font-size:12px}.item-row .qty,.item-row .price{text-align:right}.rm{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;height:34px;font-size:17px;transition:all .15s}.rm:hover{color:#e8492b;background:var(--accent-soft)}.additem{border:1px dashed var(--field-line);color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border-radius:9px;width:100%;margin-top:4px;padding:9px;font-size:12px;font-weight:600;transition:all .15s}.additem:hover{border-color:var(--accent);color:var(--accent)}.inline{align-items:center;gap:9px;display:flex}.switch{flex-shrink:0;width:40px;height:23px;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background:var(--field-line);cursor:pointer;border-radius:20px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(17px)}.switch input:focus-visible+.slider{outline:3px solid var(--accent);outline-offset:2px}.txt{color:var(--ink-soft);font-size:12px}.hint{color:var(--ink-soft);font-size:9.5px;font-family:var(--font-space-mono), monospace;letter-spacing:.04em;margin-top:5px}.sigpad-wrap{border:1px dashed var(--field-line);background:var(--field);border-radius:10px;padding:7px}.sigpad{touch-action:none;cursor:crosshair;background:#fff;border-radius:6px;width:100%;height:90px;display:block}.sig-actions{gap:8px;margin-top:6px;display:flex}.mini{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;border-radius:7px;padding:5px 9px;font-size:10.5px;font-weight:700}.mini:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.lib-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mini.primary-mini{background:var(--brand);color:var(--bg)}.lib-status{font-size:10px;font-family:var(--font-space-mono), monospace;letter-spacing:.04em;margin-left:auto}.lib-status.saved{color:#1f9d55}.lib-status.unsaved{color:#e8492b}.lib-status.none{color:var(--ink-soft)}.lib-empty{color:var(--ink-soft);border:1px dashed var(--field-line);background:var(--field);border-radius:10px;padding:11px 12px;font-size:11.5px;line-height:1.5}.lib-list{flex-direction:column;gap:8px;display:flex}.lib-row{border:1px solid var(--field-line);background:var(--field);border-radius:10px;align-items:center;gap:8px;padding:9px 10px;display:flex}.lib-row.current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.lib-meta{flex:1;min-width:0}.lib-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.lib-badge{font-family:var(--font-space-mono), monospace;letter-spacing:.08em;background:var(--accent-soft);color:var(--accent);border-radius:5px;flex-shrink:0;padding:2px 5px;font-size:8.5px}.lib-sub{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10.5px}.lib-actions{flex-shrink:0;gap:4px;display:flex}.lib-actions .mini{padding:5px 8px}.lib-del{background:0 0}.lib-del:hover{background:var(--accent-soft)}.paper{color:#1c1a17;width:100%;max-width:640px;box-shadow:var(--shadow);font-family:var(--doc-body);background:#fff;border-radius:6px;align-self:flex-start;min-height:840px;padding:52px 52px 56px;animation:.35s cubic-bezier(.2,.8,.2,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}.doc-head{border-bottom:var(--doc-rule);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.doc-biz{align-items:center;gap:14px;display:flex}.doc-logo{background:var(--accent-soft);border-radius:10px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.doc-logo img{object-fit:contain;width:100%;height:100%}.doc-logo span{font-family:var(--doc-head);color:var(--accent);font-size:22px;font-weight:700}.doc-bizname{font-family:var(--doc-head);font-size:18px;font-weight:700;line-height:1.1}.doc-bizsub{color:#8a8378;margin-top:3px;font-size:12px}.doc-title{font-family:var(--doc-head);font-size:var(--doc-title-size);font-weight:var(--doc-title-weight);color:var(--accent);letter-spacing:-.01em;text-align:right;line-height:1}.doc-num{font-family:var(--font-space-mono), monospace;letter-spacing:.1em;color:#8a8378;text-align:right;margin-top:8px;font-size:11px}.doc-meta{flex-wrap:wrap;gap:38px;margin:24px 0;display:flex}.doc-meta .k{letter-spacing:var(--doc-meta-spacing);text-transform:uppercase;color:#a39c8f;font-size:9.5px;font-family:var(--font-space-mono), monospace;margin-bottom:5px}.doc-meta .v{font-family:var(--doc-head);font-size:15px;font-weight:600}.doc-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700;font-family:var(--doc-head);margin:22px 0 9px}.doc-scope{color:#3d382f;white-space:pre-wrap;font-size:13px;line-height:1.6}table.doc-tbl{border-collapse:collapse;width:100%;margin-top:6px;font-size:12.5px}table.doc-tbl thead th{text-align:left;font-family:var(--font-space-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);padding:9px 12px;font-size:9.5px}table.doc-tbl thead th.num{text-align:right}table.doc-tbl tbody td{color:#3d382f;border-bottom:1px solid #eee7da;padding:10px 12px}table.doc-tbl tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.tbl-scroll{-webkit-overflow-scrolling:touch;margin:0 -2px;overflow-x:auto}.tbl-scroll::-webkit-scrollbar{height:6px}.tbl-scroll::-webkit-scrollbar-thumb{background:#d8d1c4;border-radius:3px}.doc-totals{width:290px;margin-top:16px;margin-left:auto}.doc-totals .line{color:#57514a;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.doc-totals .line.grand{border-top:var(--doc-rule);font-family:var(--doc-head);color:var(--accent);margin-top:6px;padding-top:12px;font-size:19px;font-weight:700}.doc-totals .num{font-variant-numeric:tabular-nums}.doc-words{background:var(--accent-soft);color:#3d382f;border-radius:8px;margin-top:16px;padding:11px 14px;font-size:12px}.doc-words .k{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:9px;font-family:var(--font-space-mono), monospace;margin-bottom:3px}.doc-words .v{text-transform:capitalize;font-style:italic;font-weight:600}.doc-pay{border-top:1px solid #eee7da;align-items:center;gap:18px;margin-top:24px;padding-top:16px;display:flex}.doc-pay .qris{border:1px solid #eee;border-radius:8px;flex-shrink:0;width:84px;height:84px;overflow:hidden}.doc-pay .qris img{object-fit:contain;width:100%;height:100%}.doc-pay .bank .k{letter-spacing:.1em;text-transform:uppercase;color:#a39c8f;font-size:9px;font-family:var(--font-space-mono), monospace}.doc-pay .bank .v{font-size:14px;font-weight:600;font-family:var(--doc-head)}.doc-pay .bank .acct{font-family:var(--font-space-mono), monospace;color:#3d382f;margin-top:2px;font-size:13px}.doc-notes{color:#6b6459;white-space:pre-wrap;border-top:1px solid #eee7da;margin-top:22px;padding-top:14px;font-size:12px;line-height:1.55}.doc-sign{justify-content:flex-end;margin-top:26px;display:flex}.doc-sign .box{text-align:center;min-width:180px}.doc-sign .sigimg{height:56px;margin-bottom:2px}.doc-sign .sigimg img{object-fit:contain;height:100%}.doc-sign .name{font-family:var(--doc-head);border-top:1px solid #cfc8ba;padding-top:6px;font-size:13px;font-weight:600}.doc-sign .role{color:#a39c8f;font-size:10.5px}.empty{color:#c4bdaf;font-style:italic}.kw{padding-top:8px}.kw .kw-amount{background:var(--accent);color:#fff;font-family:var(--doc-head);border-radius:8px;margin:8px 0 22px;padding:8px 18px;font-size:20px;font-weight:700;display:inline-block}.kw .kw-line{color:#3d382f;font-size:14px;line-height:2.1}.kw .kw-line b{font-family:var(--doc-head)}.kw .kw-fill{border-bottom:1px dotted #b9b1a2;padding:0 4px;font-weight:600}@media (max-width:900px){.canvas{padding:20px 14px 110px}.paper{padding:30px 24px 40px}.topbar{gap:12px;padding:11px 14px}}@media (max-width:520px){.doc-head{flex-direction:column}.doc-title,.doc-num{text-align:left}.doc-pay{flex-direction:column;align-items:flex-start}table.doc-tbl{min-width:440px}.doc-totals{width:100%}.doc-meta{gap:22px}.topbar .ctl .lbl{font-size:8.5px}.seg button{padding:6px 9px;font-size:11px}.doc-sign .box{min-width:150px}}.hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dot{background:var(--brand);color:var(--bg);border-radius:9px;place-items:center;font-weight:800;display:grid}.fab{z-index:30;cursor:pointer;font:inherit;background:var(--brand);color:var(--bg);border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;transition:transform .12s;display:inline-flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px -8px #0000008c}.fab:hover{transform:translateY(-1px)}.fab span{font-size:15px;line-height:1}.fab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (min-width:901px){.fab{display:none}}.modal-backdrop{z-index:50;background:#0a08068c;justify-content:center;align-items:center;padding:20px;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);width:100%;max-width:560px;max-height:88dvh;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:26px 26px 24px;animation:.25s cubic-bezier(.2,.8,.2,1) pop;position:relative;overflow-y:auto}.modal-close{border:1px solid var(--field-line);background:var(--field);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:9px;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}.modal-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.modal-head{align-items:center;gap:14px;margin-bottom:14px;padding-right:34px;display:flex}.modal-head .dot{border-radius:11px;flex-shrink:0;width:40px;height:40px;font-size:18px}.modal-title{font-family:var(--font-bricolage), sans-serif;margin:0;font-size:22px;line-height:1.1}.modal-tagline{color:var(--ink-soft);margin:3px 0 0;font-size:13px}.modal-intro{color:var(--ink-soft);margin:0 0 4px;font-size:14px;line-height:1.6}.modal-h{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-family:var(--font-space-mono), monospace;margin:18px 0 8px}.modal-modes,.modal-features,.modal-steps{color:var(--ink);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;line-height:1.5;display:flex}.modal-privacy{color:var(--ink-soft);background:var(--accent-soft);border-radius:10px;margin:18px 0 20px;padding:11px 14px;font-size:12.5px;line-height:1.55}.modal-cta{justify-content:center;width:100%}.brand{order:1}.topbar-segs{order:2;align-items:flex-end;gap:16px;display:flex}.topbar-actions{order:3;align-items:flex-end;gap:12px;display:flex}.btn-short{display:none}@media (max-width:900px){.topbar{align-items:center;gap:10px;padding:10px 14px}.brand{margin-right:auto}.brand .sub,.topbar .lbl{display:none}.topbar-actions{order:2;gap:8px}.topbar-segs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;order:3;align-items:center;gap:8px;width:100%;overflow-x:auto}.topbar-segs::-webkit-scrollbar{height:0}.topbar-segs .ctl{flex-direction:row;flex:none;gap:0}.topbar-segs .seg button{padding:6px 10px;font-size:11.5px}.topbar .iconbtn{width:34px;height:34px;font-size:15px}.topbar .btn{padding:9px 12px;font-size:12px}.btn-full{display:none}.btn-short{display:inline}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
