/* Folder cabinet: original CSS, inspired by the selected 21st.dev reference.
   Color identifies resource type. Buttons use pills, files use 18px corners.
   Layer order: files 1-3, focused/hovered file 4, toast 20. */
:root,:root[data-theme=light]{color-scheme:light;--paper:#f5f7f6;--panel:#fcfdfc;--ink:#263532;--muted:#5c6c67;--line:#d8e0dc;--accent:#385f56;--button:#3e625a;--button-ink:#f9fcfa;--blue:#40665e;--green:#dce8df;--orange:#d9e5ed;--yellow:#e9e5de;--file-ink:#283a35;--outline:#6a827a}
:root[data-theme=dark]{color-scheme:dark;--paper:#182020;--panel:#222d2b;--ink:#edf4ef;--muted:#b4c5bd;--line:#40534a;--accent:#b8d5c9;--button:#d6e7de;--button-ink:#203e32;--blue:#b5d1c5;--green:#cfdfd2;--orange:#cedde6;--yellow:#e0dcd3;--file-ink:#283a35;--outline:#a7bfb3}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-family:Arial,Helvetica,sans-serif}h1 em,h2 em,.page-heading h1 em,.tool-feature h2 em{font-family:inherit;font-style:normal;font-weight:700;color:var(--accent)}
header{max-width:1400px;height:110px;border:0;padding:22px 42px}.brand{font-size:25px;letter-spacing:-1.2px}.brand-icon{background:var(--blue);color:#f8faff;border-radius:9px;font-family:inherit;font-weight:800;font-size:29px;padding:2px 0 0;width:39px;height:39px}
header nav{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:6px;gap:3px}header nav>a{padding:10px 18px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}header nav>a:hover,header nav>a[aria-current=page]{background:var(--button);color:var(--button-ink);text-decoration:none}#theme{border:0;font-size:11px;padding:10px 14px;min-height:40px;color:var(--muted)}
.button,.secondary{border-radius:99px;min-height:46px;font-size:13px;gap:18px;justify-content:center;white-space:nowrap}.button:active,.secondary:active{transform:translateY(1px)}.eyebrow{font-size:10px;letter-spacing:1.8px}.lede{max-width:560px}h2{font-weight:700;letter-spacing:-1.7px}.cabinet-cover{max-width:1316px;margin:12px auto 0;background:var(--panel);border-radius:24px;overflow:hidden;border:1px solid var(--line)}.cover-strip{background:var(--green);color:#183823;padding:13px 32px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:1.2px}.cover-strip a{text-decoration:none}.cover-inner{padding:40px 40px 0}.cover-inner h1{font-size:clamp(70px,10.7vw,153px);font-weight:400;line-height:.98;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1.5px var(--outline);margin:5px 0 36px;white-space:nowrap}.cover-inner h1>span{color:var(--green);-webkit-text-stroke:0}.cover-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;margin:0 0 58px}.cover-intro h2{font-size:clamp(34px,4.1vw,57px);line-height:1.03;letter-spacing:-2.8px}.cover-intro h2>span{color:var(--blue)}.cover-intro p{font-size:15px;line-height:1.6;color:var(--muted);max-width:365px;margin-bottom:18px}.cover-byline{display:inline-flex;align-items:center;gap:25px;background:var(--blue);color:#f8faff;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:700;text-decoration:none}
.folder-deck{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:end;isolation:isolate}.cover-folder{display:block;position:relative;min-width:0;text-decoration:none;color:var(--file-ink);transition:transform .3s cubic-bezier(.2,.8,.2,1);grid-row:1}.folder-guides{grid-column:1/6;--folder:var(--orange);z-index:1;transform:rotate(-3deg);margin-bottom:-18px}.folder-tools{grid-column:5/10;--folder:var(--green);z-index:3;transform:rotate(2deg);margin-bottom:-40px}.folder-studio{grid-column:9/13;--folder:var(--yellow);z-index:2;transform:rotate(-2deg);margin-bottom:12px}.folder-tab{display:flex;justify-content:space-between;gap:25px;width:65%;min-width:150px;margin-left:22px;padding:12px 16px 14px;background:var(--folder);border-radius:16px 16px 0 0;font-size:10px;letter-spacing:.7px;font-weight:700}.folder-face{height:280px;position:relative;overflow:hidden;border-radius:18px 18px 0 0;background:var(--folder);padding:25px;box-shadow:0 -8px 30px #07102120}.folder-type{font-size:9px;letter-spacing:1px;font-weight:700;display:block;margin-bottom:16px}.folder-face>strong{font-size:clamp(34px,4.2vw,57px);line-height:.94;letter-spacing:-2px;display:block;position:relative;z-index:1}.folder-face>img{position:absolute;right:20px;bottom:48px;width:102px;height:146px;object-fit:cover;object-position:center;border:5px solid #ffffffaa;border-radius:10px;transform:rotate(9deg);box-shadow:0 5px 12px #16231c25}.folder-studio .folder-face>img{right:10px;width:85px;height:120px;transform:rotate(-8deg)}.folder-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;align-items:center}.folder-bottom b{font-size:22px}.tool-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px;max-width:220px}.tool-tags>span{font-size:10px;border:1px solid #24412b55;padding:5px 9px;border-radius:99px}
.folder-tools{z-index:2}.folder-studio{z-index:3}.folder-guides .folder-face>img{right:90px}.cover-byline{color:#111e39}.filters button[aria-pressed=true]{color:#111e39}:root[data-theme=light] .cover-byline,:root[data-theme=light] .filters button[aria-pressed=true]{color:#f8faff}
@media(hover:hover){.cover-folder:hover{transform:translateY(-22px) rotate(0);z-index:4}.guide-card:hover{transform:translateY(-7px)}}.cover-folder:focus-visible{transform:translateY(-22px) rotate(0);z-index:4;outline:3px solid var(--ink);outline-offset:4px}
.library{max-width:1400px;border:0;padding:85px 42px 75px}.section-head{align-items:end;margin-bottom:30px}.section-head h2{font-size:56px;letter-spacing:-2.8px}.section-head .eyebrow{margin-bottom:12px}.section-head p{font-size:13px;line-height:1.7}.library-controls{border-top:1px solid var(--line);padding-top:25px;margin:0 0 70px}.search-label{flex:1;max-width:420px}.search-label input{border-radius:99px;background:var(--panel);font-size:13px;padding:13px 18px}.filters button{min-height:44px;color:var(--ink);padding:10px 15px}.filters button[aria-pressed=true]{background:var(--blue);color:#f8faff;border-color:var(--blue)}.guide-grid{gap:25px;align-items:start}.guide-card{--file-color:var(--orange);position:relative;border-radius:0 18px 18px 18px;padding:17px;background:var(--file-color);color:var(--file-ink);transition:transform .25s;box-shadow:0 15px 30px #07102112}.file-build{--file-color:var(--green)}.file-create{--file-color:var(--yellow)}.guide-card:nth-child(2){margin-top:24px}.guide-card:nth-child(3){margin-top:48px}.file-tab{position:absolute;bottom:100%;left:0;min-width:46%;max-width:100%;border-radius:14px 14px 0 0;background:var(--file-color);padding:10px 15px 8px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.8px}.card-image{aspect-ratio:1.5;background:#172239;border-radius:10px}.card-image img{object-position:50% 38%}.guide-card:nth-child(2) .card-image img{object-position:50% 42%}.guide-card .meta{color:#344138;font-size:9px;letter-spacing:.7px;margin:18px 0 12px}.guide-card h3{font-size:25px;letter-spacing:-.9px;line-height:1.1;margin-bottom:14px;min-height:55px}.guide-card p{color:#344138;font-size:13px;line-height:1.55;min-height:41px}.guide-card .save-guide{color:#344138;border-color:#34413866;min-height:36px;padding:7px 11px;font-size:10px;position:absolute;right:17px;bottom:18px}.guide-card .save-guide[aria-pressed=true]{background:#192e22;color:#f6f8f3;border-color:#192e22}.read-file{display:flex;gap:15px;font-size:12px;font-weight:700;align-items:center;margin-top:24px;min-height:36px}.read-file span{font-size:20px}.launch-art{background:#263b2f;color:#edf2b8;padding:22px}.launch-art strong{font-size:36px;line-height:.98;letter-spacing:-1.5px}.launch-art>span{font-size:8px;letter-spacing:.6px}.launch-art>span:last-child{margin-top:10px}
.tool-feature{max-width:1316px;background:var(--panel);border:1px solid var(--line);border-radius:20px;margin:0 auto 75px;padding:38px;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.tool-feature h2{font-size:44px;line-height:1.03}.tool-feature p{font-size:14px}.tool-directory{display:flex;flex-direction:column;gap:12px}.tool-directory a{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto;text-decoration:none}.tool-directory span{font-size:9px;letter-spacing:1px;color:var(--muted)}.tool-directory strong{font-size:20px;grid-row:2}.tool-directory b{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;font-weight:400;color:var(--accent)}.tool-directory a:hover{border-color:var(--accent)}.closing{max-width:1316px;margin:0 auto 65px;padding:42px;background:var(--panel);border-radius:20px;text-align:left;display:grid;grid-template-columns:1.3fr 1fr;gap:15px 45px;border:1px solid var(--line)}.closing>.eyebrow{grid-column:1/-1;margin-bottom:10px}.closing h2{font-size:48px;letter-spacing:-2px;margin:0}.closing>div{align-self:end}.closing p{font-size:14px;color:var(--muted);max-width:350px}.closing .button{margin-top:10px}footer{max-width:1400px;padding:25px 42px 40px;border-top:1px solid var(--line)}footer .dot{color:var(--blue)}
/* The same file system continues through the actual tools and reading pages. */
.wide-page{max-width:1232px}.page-heading{position:relative;padding:42px;background:var(--panel);border:1px solid var(--line);border-radius:0 20px 20px 20px;max-width:none;margin:35px 0 65px}.page-heading:before{content:'THE RESOURCE LIBRARY';position:absolute;bottom:100%;left:-1px;background:var(--green);color:#172e1e;padding:10px 24px;border-radius:15px 15px 0 0;font-size:10px;letter-spacing:1px;font-weight:bold}.page-heading h1{max-width:820px;font-size:64px;line-height:1.05;letter-spacing:-3px}.page-heading .eyebrow{color:var(--accent)}.page-heading .actions{flex-wrap:wrap;gap:10px}.page-heading .actions a{padding:8px 14px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:12px}.builder,.project-section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:35px;margin:0 0 30px;gap:60px}.builder-intro .eyebrow{color:var(--accent);display:block;margin-bottom:18px}.builder-intro h2{font-size:34px}.builder form,.project-section form{min-width:0}input:not([type=hidden]),textarea,select{border-radius:9px;background:var(--paper)}.builder-output{font-size:13px}.project-section h2{font-size:42px}.demo-row figure{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.demo-row figcaption{padding:0 5px 4px}.demo-row video{border-radius:8px}.demo-row{gap:25px}.demo-row>div{padding:15px}.article-top{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:0 20px 20px 20px;position:relative;margin-top:65px}.article-top:before{content:'FREE GUIDE';position:absolute;bottom:100%;left:-1px;border-radius:14px 14px 0 0;padding:9px 25px;background:var(--orange);color:#2a231b;font-size:10px;font-weight:700;letter-spacing:1px}.article-top h1{font-size:50px;line-height:1.06}.article-top .lede{font-size:16px}.article-image{border-radius:12px;height:300px}.article-layout{border-top:1px solid var(--line);gap:50px}.article-aside .access-label{display:inline-block;border-radius:99px}.article-aside .eyebrow{color:var(--accent)}.unlock{border-radius:0 16px 16px 16px;border-color:var(--line);position:relative;margin-top:60px;padding:30px}.unlock:before{content:'YOUR FREE ACCESS';position:absolute;left:-1px;bottom:100%;background:var(--green);color:#1d3525;padding:8px 20px;border-radius:12px 12px 0 0;font-size:10px;font-weight:700;letter-spacing:1px}.unlock h2{font-size:32px;line-height:1.08}.unlock .eyebrow{color:var(--muted)}.unlock .button{background:var(--green);color:#1b3421;white-space:normal}.article-actions{margin-top:-25px}.article-actions .save-guide{border-radius:99px}.guide-body h2{letter-spacing:-.7px}.kit-box{border-radius:14px}.legal h1{font-size:62px}.form-status{color:var(--accent)}.toast:not(:empty){background:var(--button);color:var(--button-ink);border-radius:99px}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.cabinet-cover{animation:cover-in .6s both}@keyframes cover-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1399px){.cabinet-cover,.tool-feature,.closing{margin-left:42px;margin-right:42px}.wide-page{margin-left:42px;margin-right:42px}.cover-inner h1{font-size:10.4vw}}
@media(max-width:1024px){.cover-inner{padding:30px 25px 0}.cover-inner h1{letter-spacing:-5px}.cover-intro{gap:30px}.folder-face{padding:20px;height:265px}.folder-face>strong{font-size:42px}.folder-face>img{width:75px;height:110px;right:13px;bottom:55px}.folder-studio .folder-face>img{width:65px;height:95px;right:7px}.folder-bottom{left:20px;right:20px;font-size:9px}.folder-type{font-size:8px}.guide-grid{gap:20px}.guide-card h3{font-size:22px}.guide-card p{min-height:61px}.guide-card .save-guide{position:static;margin-top:6px}.read-file{margin-top:14px}.section-head h2{font-size:45px}.page-heading h1{font-size:54px}.builder,.project-section{gap:30px;padding:28px}.article-top h1{font-size:40px}.tool-feature{gap:28px}}
@media(max-width:767px){header{min-height:110px;height:auto;padding:20px;flex-wrap:wrap;gap:18px}.brand{font-size:23px}header nav{width:100%;justify-content:space-between}header nav>a{padding:9px 12px;font-size:11px}#theme{padding:8px 10px;font-size:10px}.cabinet-cover{margin:4px 16px 0;border-radius:17px}.cover-strip{padding:12px 16px;font-size:8px;letter-spacing:.6px}.cover-strip>a{display:none}.cover-inner{padding:23px 17px 0}.cover-inner h1{font-size:10.4vw;letter-spacing:-2.5px;-webkit-text-stroke:1px var(--outline);margin:7px 0 27px}.cover-intro{display:block;margin-bottom:37px}.cover-intro h2{font-size:40px;letter-spacing:-1.8px;margin-bottom:22px}.cover-intro p{font-size:14px;margin-bottom:15px}.cover-byline{font-size:10px}.folder-deck{display:flex;flex-direction:column;gap:22px;align-items:stretch}.cover-folder{transform:none!important;margin:0;z-index:auto;transition:none}.folder-tab{margin-left:15px;width:65%;padding:10px 14px;font-size:9px;min-width:0}.folder-face{height:220px;border-radius:15px;padding:21px}.folder-deck>a:last-child .folder-face{border-radius:15px 15px 0 0}.folder-face>strong{font-size:41px;letter-spacing:-1.7px}.folder-face>img,.folder-studio .folder-face>img{right:20px;bottom:50px;width:86px;height:120px}.folder-type{font-size:8px;margin-bottom:13px}.folder-bottom{font-size:10px;bottom:18px;left:21px;right:21px}.tool-tags{margin-top:14px;max-width:none}.tool-tags>span{font-size:9px}.folder-tools .folder-face{height:235px}.library{padding:48px 20px 42px}.section-head{display:block}.section-head h2{font-size:42px;margin-bottom:18px}.section-head p{font-size:13px}.library-controls{flex-direction:column;margin-bottom:59px;gap:14px}.search-label{max-width:none;width:100%;min-width:0}.search-label input{font-size:16px}.filters{gap:5px}.filters button{font-size:11px;padding:8px 11px;min-height:40px}.guide-grid{grid-template-columns:1fr;gap:61px}.guide-card:nth-child(2),.guide-card:nth-child(3){margin-top:0}.guide-card h3{font-size:28px;min-height:0}.guide-card p{min-height:0;font-size:14px}.guide-card .save-guide{position:absolute;margin:0}.read-file{margin-top:23px}.card-image{aspect-ratio:1.45}.launch-art strong{font-size:37px}.launch-art{padding:22px}.launch-art>span{font-size:9px}.tool-feature{display:block;margin:0 20px 35px;padding:25px}.tool-feature h2{font-size:38px}.tool-directory{margin-top:28px}.tool-directory a{padding:17px}.tool-directory strong{font-size:19px}.closing{display:block;margin:0 20px 35px;padding:27px}.closing h2{font-size:39px;margin:20px 0}.closing .button{margin-top:5px}footer{padding:30px 22px;grid-template-columns:1fr}footer div{align-items:start}.wide-page{margin:0 20px;padding:43px 0}.page-heading{padding:25px;margin-bottom:30px;margin-top:15px}.page-heading h1{font-size:43px;letter-spacing:-2px}.page-heading .lede{font-size:16px}.page-heading:before{font-size:9px;padding:9px 18px}.builder,.project-section{display:block;padding:23px}.builder-intro{margin-bottom:25px}.builder-intro h2{font-size:31px}.builder .button{white-space:normal}.project-section h2{font-size:36px}.demo-row{display:grid;grid-template-columns:1fr;gap:25px}.demo-row figure{max-width:320px;width:100%;justify-self:center}.demo-row>div{grid-column:1}.guide-page{padding:25px 20px 45px}.article-top{padding:22px;display:block;gap:20px;margin:55px 0 35px}.article-top h1{font-size:38px;letter-spacing:-1.7px}.article-top .lede{font-size:16px}.article-image{height:235px;margin-top:25px}.article-actions{margin:0 0 25px}.article-layout{display:block;padding-top:25px}.article-aside{display:none}.unlock{padding:25px 20px}.unlock h2{font-size:30px}.intro{font-size:18px}.legal h1{font-size:48px}.legal{padding-top:40px}.kit-box .button{white-space:normal}.button{gap:15px}.page-heading>.button{white-space:normal}}
.cover-inner{padding-bottom:30px}.folder-guides,.folder-tools{margin-bottom:0}.filters button[aria-pressed=true]{color:#111e39}:root[data-theme=light] .filters button[aria-pressed=true]{color:#f8faff}
body[data-page="/tools"] .page-heading:before{content:'THE TOOLBOX'}body[data-page="/work-with-me"] .page-heading:before{content:'THE STUDIO'}
@media(max-width:767px){.folder-guides .folder-face>img{right:20px}.cover-inner{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Soft light palette: quieter contrast, low-saturation folders, readable taps. */
.cover-strip{background:var(--panel);color:var(--muted);border-bottom:1px solid var(--line)}
.cover-inner h1>span{color:var(--blue)}.cover-byline,:root[data-theme=light] .cover-byline{background:var(--button);color:var(--button-ink);font-size:12px;min-height:44px}
.brand-icon{background:var(--button);color:var(--button-ink)}
.filters button[aria-pressed=true],:root[data-theme=light] .filters button[aria-pressed=true]{background:var(--button);color:var(--button-ink);border-color:var(--button)}
.folder-face{box-shadow:0 -4px 24px #2b443b0b}.cover-folder{border-radius:18px}.folder-tab{font-size:11px}.folder-type{font-size:10px;letter-spacing:.7px}.folder-bottom{font-size:11px}.folder-face>img{border-color:#fafcf9dd;box-shadow:0 5px 16px #2d46361a}
.tool-tags>span{font-size:11px;border-color:#69817655}.guide-card{box-shadow:0 9px 22px #2c45380b}.guide-card .meta{font-size:11px;letter-spacing:.2px}.file-tab{font-size:11px}.guide-card .save-guide{font-size:11px;min-height:44px}.read-file{min-height:44px}.guide-card h3{line-height:1.18}.guide-card p{font-size:14px}
.launch-art{background:#ecf0ea;color:#334b3e}.launch-art>span{font-size:10px;letter-spacing:.2px}.launch-art strong{font-size:35px}
.tool-directory a,.tool-feature,.closing,.page-heading,.builder,.project-section{box-shadow:0 5px 20px #263e3205}
header nav>a,#theme{min-height:44px;display:flex;align-items:center}.watch-link{display:block;margin-top:16px;font-size:14px}.watch-page{max-width:1130px;margin:auto;padding:22px 35px 70px}.watch-heading h1{font-size:45px;line-height:1.12;letter-spacing:-1.8px;margin:22px 0 30px;max-width:890px}.watch-layout{display:grid;grid-template-columns:minmax(260px,370px) minmax(0,1fr);gap:60px;align-items:start}.watch-player{margin:0;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.watch-player video{width:100%;max-height:68svh;min-height:250px;object-fit:contain;background:#17201d}.watch-player figcaption{font-size:12px;color:var(--muted);padding:12px 3px 0}.watch-copy{padding-top:22px;font-size:17px;line-height:1.75}.watch-copy .lede{font-size:21px;color:var(--ink)}.watch-copy .eyebrow{margin-bottom:20px}.watch-date{font-size:13px;color:var(--muted)}.watch-next{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.watch-next h2{font-size:31px;margin-bottom:16px}.watch-next p{font-size:15px;color:var(--muted)}
@media(max-width:1024px) and (min-width:768px){.folder-type{font-size:9px}.folder-bottom{font-size:10px}.folder-face>strong{font-size:38px}.tool-tags>span{font-size:10px}.watch-layout{gap:32px}}
@media(max-width:767px){.cover-inner h1{-webkit-text-stroke:.8px var(--outline)}.cover-strip{font-size:9px}.folder-type{font-size:10px}.folder-tab{font-size:11px}.folder-bottom{font-size:11px}.folder-face>strong{font-size:38px}.folder-face>img,.folder-studio .folder-face>img{right:15px;width:78px;height:110px}.folder-guides .folder-face>img{right:15px}.tool-tags>span{font-size:10px}.folder-tools .folder-face{height:245px}.guide-card h3{font-size:27px}.guide-card .meta{font-size:10px}.filters button{min-height:44px}.watch-page{padding:15px 20px 45px}.watch-heading h1{font-size:31px;letter-spacing:-1px;margin:18px 0 24px}.watch-layout{display:block}.watch-player{max-width:390px;margin:auto;padding:10px;border-radius:16px}.watch-player video{max-height:62svh;min-height:230px}.watch-copy{padding-top:30px}.watch-copy .lede{font-size:19px}.watch-next h2{font-size:30px}.watch-next .button{white-space:normal}}
@media(max-width:359px){header{padding:16px 12px}header nav>a{padding:9px 10px}#theme{padding:8px}.cover-intro h2{font-size:35px}.folder-face>strong{font-size:33px}.folder-face>img,.folder-studio .folder-face>img{width:60px;height:89px}.folder-bottom{font-size:10px}.guide-card .save-guide{position:static;margin-top:8px}.page-heading{padding:20px}.page-heading h1{font-size:36px}}

/* Let wrapped tool labels grow the folder instead of colliding with its footer. */
.folder-tools .folder-face{height:auto;min-height:280px;padding-bottom:65px}
@media(max-width:767px){.folder-tools .folder-face{min-height:245px}}

/* Drew's calm editorial direction. Original CSS inspired by the supplied reference. */
:root,:root[data-theme=dark]{color-scheme:dark;--paper:#101515;--panel:#191e1e;--ink:#e8eae5;--muted:#a9b2ad;--line:#303a37;--accent:#d7ded5;--button:#e4e9e5;--button-ink:#17201d;--blue:#c6d2c8;--green:#232d29;--orange:#242c2c;--yellow:#2b2c27;--file-ink:var(--ink)}
:root[data-theme=light]{color-scheme:light;--paper:#eeeee8;--panel:#f7f7f1;--ink:#29342f;--muted:#5d6860;--line:#ccd1c7;--accent:#40584b;--button:#344d40;--button-ink:#f6f7ef;--blue:#40584b;--green:#e1e6dc;--orange:#e2e7e3;--yellow:#e7e5da;--file-ink:var(--ink)}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em,h2 em{font-family:inherit;color:inherit;font-style:normal}.brand{font-size:27px;font-weight:400;letter-spacing:-1px}.brand-icon{display:none}header{max-width:1180px;height:90px;padding:0 30px;border:0}header nav{border:0;background:transparent;padding:0;gap:26px;border-radius:0}header nav>a{font-size:13px;padding:8px 0;color:var(--muted)}header nav>a:hover,header nav>a[aria-current=page]{background:none;color:var(--ink)}#theme{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px 13px;color:var(--muted)}.button,.secondary{border-radius:9px;min-height:48px;font-size:13px;padding:13px 22px;justify-content:center}.secondary{display:inline-flex;align-items:center;text-decoration:none;background:var(--panel);border:1px solid var(--line);color:var(--ink)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:400}.editorial-hero{max-width:1000px;margin:auto;padding:69px 25px 58px;text-align:center}.editorial-hero .eyebrow{margin-bottom:26px}.editorial-hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.07;letter-spacing:-3px;margin:0 0 25px}.hero-description{font-size:17px;line-height:1.65;color:var(--muted);margin:0 auto 27px}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.light-study{max-width:1120px;min-height:430px;margin:0 auto 100px;border:1px solid var(--line);border-radius:22px;background:#121918;position:relative;overflow:hidden;color:#e8eae5;isolation:isolate}.light-art{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 60% 45%,#2d3b3544,transparent 65%)}.light-art i{position:absolute;left:33%;top:-26%;width:350px;height:650px;border-radius:50%;border:9px solid #93bcb466;box-shadow:0 0 18px #83ada34d,inset 0 0 18px #84bdb03d;filter:blur(5px);transform:rotate(42deg)}.light-art i:nth-child(2){left:46%;top:-26%;border-color:#c4ac7577;transform:rotate(-40deg);box-shadow:0 0 26px #d8c09044,inset 0 0 20px #b2a47444}.light-art i:nth-child(3){left:35%;top:-30%;border-color:#abb6bf44;transform:rotate(87deg);filter:blur(8px)}.light-art>span{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(48px,6vw,88px);letter-spacing:-3px;color:#e8eae5c4;text-shadow:0 2px 30px #101515}.study-top,.study-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px}.study-top>a{font-size:12px;color:#c3cdc7;text-decoration:none}.study-label{font-size:10px;letter-spacing:1px;line-height:1.8}.study-label small{font-size:11px;letter-spacing:0;color:#acb8af}.study-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#101515dd);padding-top:60px}.study-bottom>p{font-family:Georgia,serif;font-size:24px;line-height:1.3;margin:0}.study-watch{display:flex;align-items:center;gap:14px;text-decoration:none;padding:12px 18px 12px 12px;border:1px solid #52605a;background:#111817e8;border-radius:12px;max-width:340px}.study-watch img{width:43px;height:60px;object-fit:cover;border-radius:5px}.study-watch span{font-size:9px;letter-spacing:.8px;color:#bdc8c0}.study-watch strong{display:block;font-size:17px;letter-spacing:0;font-weight:400;color:#edf0e8;margin:2px 0}.study-watch b{font-weight:400;margin-left:25px}.study-watch small{letter-spacing:0;font-size:11px}.library{max-width:1180px;border:0;padding:0 30px 95px}.section-head{margin-bottom:35px}.section-head h2{font-size:49px;font-weight:400;letter-spacing:-1.5px}.section-head .eyebrow{margin-bottom:15px}.section-head p{font-size:14px}.library-controls{margin-bottom:35px;gap:20px}.search-label input{background:transparent;border-radius:8px;font-size:14px}.filters button{border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:12px}.filters button[aria-pressed=true],:root[data-theme=light] .filters button[aria-pressed=true]{background:var(--panel);border-color:var(--line);color:var(--ink)}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card,.guide-card:nth-child(2),.guide-card:nth-child(3){margin:0;transform:none;border-radius:12px;background:transparent;border:1px solid var(--line);padding:18px;box-shadow:none}.guide-card:before,.guide-card:after{display:none}.file-tab{position:static;display:block;padding:0 0 15px;background:none;border:0;font-size:10px;color:var(--muted);letter-spacing:1.1px;width:auto;border-radius:0}.card-image{border-radius:7px;aspect-ratio:1.45;filter:saturate(.72)}.guide-card h3{font-size:29px;line-height:1.15;letter-spacing:-.6px;min-height:0;margin-bottom:15px}.guide-card p{min-height:0;color:var(--muted);line-height:1.65}.guide-card .meta{font-size:10px;letter-spacing:.2px;color:var(--muted);margin:20px 0 15px}.read-file{margin-top:20px;font-size:13px}.guide-card .save-guide{position:static;margin:12px 0 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;width:100%;text-align:left;justify-content:start;color:var(--muted);padding:12px 0 0;font-size:11px}.launch-art{background:#242f2a;color:#d6dfd4;padding:25px}.launch-art strong{font-family:Georgia,serif;font-weight:400;font-size:36px}.launch-art>span{color:#aebeb0}.tool-feature,.closing{max-width:1120px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:55px 0;margin:0 auto;box-shadow:none}.tool-feature h2,.closing h2{font-size:47px;letter-spacing:-1.5px;font-weight:400}.tool-feature p,.closing p{color:var(--muted)}.tool-directory a{background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--line);box-shadow:none}.tool-directory strong{font-weight:400;font-family:Georgia,serif}.closing{margin-top:30px;margin-bottom:60px}.closing .eyebrow{color:var(--muted)}footer{max-width:1180px;padding:40px 30px;border-top:1px solid var(--line)}.page-heading,.article-top{background:transparent;border:0;border-radius:0;padding:25px 0;box-shadow:none}.page-heading:before,.article-top:before{display:none}.page-heading h1,.article-top h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.08}.page-heading h1{font-size:60px}.article-top h1{font-size:55px}.page-heading .lede,.article-top .lede{color:var(--muted)}.page-heading h1 em,.tool-feature h2 em{color:inherit}.builder,.project-section{background:var(--panel);box-shadow:none;border-radius:12px}.builder-intro h2,.project-section h2{font-weight:400}.article-image{border-radius:10px;filter:saturate(.8)}.unlock{background:var(--panel);border:1px solid var(--line);border-radius:12px}.unlock h2,.kit-box h2{font-weight:400}.guide-body h2{font-size:30px;font-weight:400}.guide-body,article .intro{line-height:1.8}.watch-heading h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.3px;font-size:48px}.watch-next h2{font-weight:400}.kit-box{background:var(--panel)}.watch-player video{background:#101515}
@media(max-width:1199px){.light-study,.tool-feature,.closing{margin-left:30px;margin-right:30px}.light-art i{left:25%}.light-art i:nth-child(2){left:43%}.light-art i:nth-child(3){left:30%}}
@media(max-width:767px){header{height:auto;min-height:108px;padding:20px 22px;gap:14px}.brand{font-size:25px}header nav{width:100%;gap:16px;justify-content:space-between}header nav>a{font-size:12px;padding:4px 0}#theme{font-size:10px;padding:7px 10px}.editorial-hero{padding:48px 22px 40px}.editorial-hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:23px}.editorial-hero h1{font-size:46px;letter-spacing:-2px;line-height:1.09}.hero-description{font-size:15px;margin-bottom:24px}.hero-description br{display:none}.hero-actions{gap:9px}.hero-actions .button,.hero-actions .secondary{font-size:12px;padding:12px 15px}.light-study{margin:0 20px 65px;min-height:360px;border-radius:15px}.study-top{padding:20px}.study-top>a{display:none}.study-label{font-size:9px}.light-art>span{font-size:39px;letter-spacing:-1.5px;align-items:start;padding-top:145px}.light-art i{width:170px;height:400px;top:-12%;left:15%;border-width:5px;filter:blur(4px)}.light-art i:nth-child(2){top:-10%;left:40%}.light-art i:nth-child(3){top:-5%;left:30%}.study-bottom{padding:70px 18px 18px}.study-bottom>p{display:none}.study-watch{width:100%;max-width:none;padding:10px;gap:11px}.study-watch strong{font-size:16px}.study-watch img{width:35px;height:48px}.library{padding:0 22px 60px}.section-head h2{font-size:41px}.section-head p{font-size:13px}.section-head .eyebrow{font-size:9px}.library-controls{margin-bottom:24px;gap:12px}.search-label input{font-size:16px}.filters{gap:3px;flex-wrap:wrap}.filters button{font-size:11px;padding:8px 10px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-card{padding:18px}.guide-card h3{font-size:30px}.guide-card .meta{font-size:10px}.guide-card .save-guide{margin-top:10px}.tool-feature,.closing{margin:0 22px;padding:38px 0;display:block}.tool-feature h2,.closing h2{font-size:39px}.tool-directory{margin-top:30px}.tool-directory a{padding:18px 0}.closing{margin-bottom:35px}.closing h2{margin:20px 0}.page-heading{padding:12px 0;margin:0 0 30px}.page-heading h1,.article-top h1{font-size:43px;letter-spacing:-1.6px}.wide-page{padding-top:35px}.article-top{margin:25px 0}.article-image{margin-top:28px}.watch-heading h1{font-size:34px}.watch-page{padding-top:24px}.project-section h2{font-size:34px}footer{padding:30px 22px}.legal h1{font-size:43px}}
@media(max-width:359px){.editorial-hero h1{font-size:39px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.light-art>span{font-size:33px}.study-watch strong{font-size:14px}.study-watch b{margin-left:8px}.study-watch span{font-size:8px}.study-watch small{font-size:10px}.page-heading h1,.article-top h1{font-size:38px}.filters button{padding:8px}.guide-card h3{font-size:28px}}