/* NEPOCORE / The everyday workshop. Editorial structure, tactile objects, useful tools. */
:root{--atelier-paper:#f5f2e9;--atelier-ink:#24251f;--atelier-orange:#e9502b;--atelier-lime:#dfef91;--atelier-rule:#c9c7bc}
body.neo-design{--bg:var(--atelier-paper);--panel:#fcfaf4;--ink:var(--atelier-ink);--muted:#66675d;--line:var(--atelier-rule);--green:#bd3b1b;--mint:#e8eccf;--active:#e5eacb;--soft:#eeece2;--shadow:5px 5px 0 #24251f;--font:'DM Sans',system-ui,sans-serif;background:var(--bg);font:15px/1.6 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}
body.neo-design.dark{--bg:#20221d;--panel:#292c24;--ink:#f5f2e9;--muted:#bcbdad;--line:#55594b;--green:#ff9674;--mint:#3c4530;--active:#3c4530;--soft:#30342a;--atelier-paper:#20221d;--atelier-ink:#f5f2e9;--atelier-rule:#55594b;--shadow:5px 5px 0 #0e100d}
.neo-design h1,.neo-design h2,.neo-design h3,.atelier-brand{font-family:'Manrope',var(--font)}
.neo-design :focus-visible{outline:3px solid var(--atelier-orange);outline-offset:5px}
.neo-design svg{flex-shrink:0}.neo-design .shell{margin:0;min-width:0}.neo-design .topbar{position:sticky;top:0;height:92px;display:flex;gap:18px;align-items:center;padding:0 max(30px,calc((100vw - 1300px)/2));background:var(--bg);border-bottom:1px solid var(--ink);z-index:50;backdrop-filter:blur(12px)}
.atelier-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:-1.7px;font-size:29px;font-weight:800;line-height:1;text-decoration:none}.atelier-brand>span{font-size:41px;line-height:1;color:var(--atelier-orange)}.atelier-brand sup{font:10px var(--font);align-self:start;margin:5px 0 0 -5px;letter-spacing:0}
.atelier-nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:12px;font-weight:600;white-space:nowrap}.atelier-nav a{padding:12px 0}.atelier-nav a:hover{color:var(--green)}.atelier-nav small{font-size:8px;padding:3px 5px;border:1px solid var(--line);border-radius:3px;margin-left:3px;vertical-align:middle}
.neo-design .breadcrumb{display:none}.neo-design .global-search{width:170px;height:40px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:0 4px;box-shadow:none}.neo-design .global-search input{font-size:11px}.neo-design kbd{background:var(--soft);border:1px solid var(--line);box-shadow:none;border-radius:2px}.neo-design .icon-btn{width:38px;height:40px;min-width:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.neo-design .icon-btn:hover{background:var(--active)}.neo-design .menu-toggle{display:block;order:8;border:1px solid var(--ink);font-size:20px}.neo-design #motion-toggle{border:0;min-width:28px;width:28px}
.neo-design .sidebar{position:fixed;left:0;top:0;bottom:0;width:310px;max-width:85vw;padding:32px 24px;z-index:70;transform:translateX(-102%);transition:transform .25s ease;background:var(--bg);border-right:1px solid var(--ink);overflow-y:auto}.neo-design .sidebar.open{transform:translateX(0)}.neo-design .sidebar .brand{font-size:29px;letter-spacing:-1px}.neo-brand-mark{color:var(--atelier-orange);font-size:35px}.neo-brand-mark>span{font-size:17px}.neo-design .side-caption{font:10px ui-monospace,monospace;letter-spacing:1px;margin:25px 0 20px}.neo-design .nav-link{border-radius:0;min-height:46px;padding:11px 13px;font-size:13px}.neo-design .nav-link.active{background:var(--active);color:var(--ink);border-left:3px solid var(--atelier-orange)}.neo-design .count{background:var(--soft);border-radius:2px}.neo-design .side-bottom{background:var(--soft);padding:20px;border:1px solid var(--line);border-radius:0;margin-top:24px}.neo-design .side-bottom p{font-size:12px}.side-status{width:7px;height:7px;border-radius:50%;background:var(--atelier-orange);display:inline-block;margin-right:5px}.neo-design .side-foot{font-size:11px;margin-top:24px}.neo-design .menu-scrim{z-index:65;position:fixed;inset:0;background:#171a16a8;backdrop-filter:blur(3px);border:0}.neo-design .menu-scrim[hidden]{display:none}
.neo-design #main{max-width:1360px;padding:0 30px 60px;margin:0 auto;min-height:65vh}.atelier-hero{padding-top:24px}.hero-edition{display:flex;justify-content:space-between;font:9px/1.6 ui-monospace,monospace;letter-spacing:1.1px}.hero-edition>span:first-child{display:flex;align-items:center;gap:8px}.hero-edition i{width:6px;height:6px;background:var(--atelier-orange);border-radius:50%}.atelier-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:25px;min-height:610px;align-items:center;padding:35px 0 30px}.atelier-intro h1{position:relative;font-size:clamp(60px,6.4vw,94px);font-weight:800;line-height:1.03;letter-spacing:-6px;margin:0 0 28px;white-space:nowrap}.atelier-intro em,.index-heading em,.workshop-categories em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-4px}.atelier-intro em{color:var(--atelier-orange);font-size:1.17em}.headline-star{font-size:59px;display:inline-block;margin-left:15px;vertical-align:12px;color:var(--atelier-orange);animation:star-turn 35s linear infinite}.atelier-intro>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 28px}.atelier-search{display:flex;align-items:center;gap:14px;max-width:500px;height:65px;padding:7px 7px 7px 20px;background:var(--panel);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0}.atelier-search>svg{width:19px}.atelier-search input{border:0;background:transparent;outline:0;color:var(--ink);width:100%;min-width:0;font:13px var(--font)}.atelier-search button{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:0;border-radius:0;background:var(--atelier-orange);color:white;cursor:pointer}.atelier-search button:hover{background:#bb3618}.atelier-search button svg{width:22px}.atelier-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;margin-top:21px;font-size:10px}.atelier-suggestions>span{font:8px ui-monospace,monospace;letter-spacing:.5px;color:var(--muted)}.atelier-suggestions>a{text-decoration:underline;text-underline-offset:4px}.atelier-suggestions>a:hover{color:var(--green)}
.workshop-art{position:relative;height:500px;perspective:1000px;isolation:isolate}.art-grid{position:absolute;inset:20px 0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.art-orbit{position:absolute;inset:70px 25px 40px;border:1px solid var(--line);border-radius:50%;transform:rotate(-20deg) rotateX(30deg)}.art-caption{position:absolute;top:0;left:30px;font:8px ui-monospace,monospace;letter-spacing:1.4px}.art-spark{position:absolute;right:24px;top:29px;font-size:96px;line-height:1;color:var(--atelier-orange);animation:star-turn 45s linear infinite}.object-image{position:absolute;top:67px;left:15px;width:280px;padding:15px;background:#e9eddb;color:#25281f;border:1px solid #26291f;box-shadow:7px 9px 0 #25302124,13px 22px 30px #1b281b16;transform:rotate(-10deg) rotateY(9deg);z-index:2;transition:transform .3s}.object-image:hover{transform:rotate(-5deg) translateY(-12px)}.object-toolbar{display:flex;justify-content:space-between;align-items:center;font:8px ui-monospace,monospace;margin-bottom:14px}.object-toolbar svg{width:15px}.paper-picture{height:190px;background:#9eb8aa;position:relative;overflow:hidden;border:1px solid #26291f}.picture-sun{width:47px;height:47px;background:#efc389;border-radius:50%;position:absolute;left:155px;top:22px}.picture-mountain{position:absolute;width:180px;height:180px;background:#365b44;transform:rotate(45deg);left:-20px;top:95px;border-radius:8px}.picture-mountain.mountain-back{background:#6f8e66;left:100px;top:90px;width:200px;height:200px}.picture-caption{position:absolute;bottom:13px;left:13px;font:italic 17px Georgia,serif;color:#fcf9e9;z-index:1}.format-badges{display:flex;gap:6px;align-items:center;margin-top:13px}.format-badges span{border:1px solid #727d63;padding:4px 9px;font:8px ui-monospace,monospace}.format-badges span:last-child{margin-left:auto}.format-badges b{font-size:17px;font-weight:400}
.object-qr{position:absolute;right:10px;top:158px;width:191px;background:var(--atelier-lime);border:1px solid #26291f;padding:17px;color:#26291f;box-shadow:6px 7px 0 #26291f;transform:rotate(11deg);z-index:3;transition:transform .3s}.object-qr:hover{transform:rotate(3deg) translateY(-10px)}.object-qr>span{font:7px ui-monospace,monospace;letter-spacing:.8px;display:block;margin-bottom:12px}.object-qr>strong{display:block;font-size:10px;margin-top:12px}.art-qr{width:115px;height:115px;margin:auto;position:relative;border:5px solid #fafbf0;background:repeating-conic-gradient(#26291f 0 25%,transparent 0 50%) 50% / 13px 13px;outline:1px solid #26291f}.art-qr i{position:absolute;width:32px;height:32px;border:5px solid #26291f;background:var(--atelier-lime);box-shadow:0 0 0 4px var(--atelier-lime)}.art-qr i:after{content:'';position:absolute;inset:5px;background:#26291f}.art-qr i:nth-child(1){left:2px;top:2px}.art-qr i:nth-child(2){right:2px;top:2px}.art-qr i:nth-child(3){left:2px;bottom:2px}.art-qr b{position:absolute;right:15px;bottom:10px;background:var(--atelier-lime);width:35px;height:35px;text-align:center;font-size:28px;line-height:35px}
.object-calc{position:absolute;bottom:15px;left:130px;width:210px;background:#b6b4d8;border:1px solid #26291f;padding:17px;transform:rotate(-5deg);color:#26291f;box-shadow:6px 7px 0 #26291f;z-index:4;transition:transform .3s}.object-calc:hover{transform:rotate(0) translateY(-8px)}.object-calc>span{font:7px ui-monospace,monospace;letter-spacing:1px}.object-calc>strong{display:flex;justify-content:space-between;background:#d8dec2;padding:9px 10px;border:1px solid #505547;font:14px ui-monospace,monospace;margin:12px 0}.object-calc>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.object-calc i{font-style:normal;text-align:center;background:#e1dfee;border:1px solid #59596b;box-shadow:0 2px 0 #59596b;font:11px/23px ui-monospace,monospace;border-radius:3px}.object-calc i:nth-child(4n){background:#e9a077}.art-stamp{position:absolute;bottom:60px;left:0;font:9px/1.6 ui-monospace,monospace;letter-spacing:1px;color:var(--green);transform:rotate(-12deg);border:1px solid var(--green);border-radius:50%;padding:23px 13px;text-align:center;z-index:5}.art-coordinate{position:absolute;bottom:-12px;right:15px;font:7px ui-monospace,monospace;letter-spacing:.7px;color:var(--muted)}
.workshop-manifesto{display:flex;align-items:center;gap:38px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;font-size:11px}.workshop-manifesto>span{display:flex;align-items:center;gap:8px}.workshop-manifesto svg{width:15px;height:15px}.workshop-manifesto>a{margin-left:auto;font:9px ui-monospace,monospace;display:flex;gap:25px;align-items:center}.workshop-manifesto>a span{font-size:20px}
.workshop-picks,.workshop-directory,.workshop-notes{padding-top:70px}.index-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px 20px;margin-bottom:28px}.index-heading>span:first-child{grid-column:1/-1;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.index-heading h2{font-size:37px;letter-spacing:-1.7px;line-height:1.2;margin:5px 0 0;font-weight:700}.index-heading em{letter-spacing:-1.5px}.index-heading>a{display:flex;align-items:center;gap:18px;font-size:11px;text-decoration:underline;text-underline-offset:6px}.index-heading>a svg{width:18px}.picks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.pick{padding:20px 25px 25px;position:relative;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--panel);transition:background .2s}.pick:hover{background:var(--soft)}.pick-top{display:flex;align-items:center;gap:14px;font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.6px}.pick-top>span:first-child{color:var(--muted)}.pick-top>svg{margin-left:auto;width:17px}.pick-object{position:relative;height:120px;display:flex;justify-content:center;align-items:center;padding-bottom:5px;gap:14px}.pick-object>svg{width:57px;height:57px;stroke-width:1.2;filter:drop-shadow(4px 5px 0 #2222);transform:rotate(-9deg);transition:transform .3s}.pick-object>span{font-family:Georgia,serif;font-size:40px;font-style:italic;letter-spacing:-3px}.pick:hover .pick-object>svg{transform:rotate(2deg) translateY(-5px)}.pick-0 .pick-object{color:#456c45}.pick-1 .pick-object{color:#b3432a}.pick-2 .pick-object{color:#66608b}.pick-3 .pick-object{color:#68763a}.pick-4 .pick-object{color:#4c7294}.pick-5 .pick-object{color:#ab653e}.neo-design .pick h3{font-size:18px;letter-spacing:-.6px;line-height:1.5;margin:0 0 6px}.pick p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.dark .pick-object{filter:brightness(1.7)}
.workshop-categories{display:grid;grid-template-columns:1fr 1.7fr;gap:85px;padding:85px 0}.index-label{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.workshop-categories h2{font-size:55px;line-height:1.12;letter-spacing:-2.8px;margin:24px 0 20px}.workshop-categories p{font-size:13px;color:var(--muted)}.category-index{border-top:1px solid var(--ink)}.category-row{display:flex;gap:23px;align-items:center;padding:19px 10px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.category-row:hover{background:var(--atelier-lime);color:#24251f;padding-left:20px}.category-number{font:9px ui-monospace,monospace;color:var(--muted)}.category-name{font-family:Manrope,var(--font);font-weight:600;font-size:20px;letter-spacing:-.5px}.category-total{font:8px ui-monospace,monospace;letter-spacing:.5px;margin-left:auto;white-space:nowrap}.category-row-arrow{font-size:26px;margin-left:10px;line-height:1}
.workshop-create{position:relative;background:#272b24;color:#f5f2e9;padding:55px 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;overflow:hidden}.workshop-create .index-label{color:#bfc5b0}.workshop-create h2{font-size:62px;line-height:1.08;letter-spacing:-3px;margin:30px 0 20px}.workshop-create h2 em{font-family:Georgia,serif;font-weight:400;color:#dfef91}.workshop-create p{font-size:13px;line-height:1.8;color:#c7cabf}.atelier-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:51px;padding:16px 22px;border:1px solid var(--ink);font:9px ui-monospace,monospace;letter-spacing:.5px;background:var(--panel);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.atelier-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.atelier-button svg{width:18px}.workshop-create .atelier-button{margin-top:18px;background:var(--atelier-lime);color:#272b24;border-color:#dfef91;box-shadow:none}.create-poster{background:#c4b8e0;color:#28252f;padding:20px 24px;width:285px;transform:rotate(8deg);box-shadow:12px 18px 0 #0003;position:relative;justify-self:center;align-self:center}.poster-top{display:flex;justify-content:space-between;font:7px ui-monospace,monospace;border-bottom:1px solid #28252f;padding-bottom:12px}.poster-word{font-family:Manrope,var(--font);display:block;font-weight:800;font-size:57px;line-height:1.03;letter-spacing:-3px;margin:25px 0}.poster-word i{font-family:Georgia,serif;font-weight:400}.poster-star{font-size:100px;position:absolute;right:10px;top:100px;color:#e9502b;line-height:1;transform:rotate(-12deg)}.poster-foot{display:block;font:6px ui-monospace,monospace;letter-spacing:.5px;border-top:1px solid #28252f;padding-top:10px}.create-sticker{position:absolute;bottom:20px;right:25px;border-radius:50%;background:#f2ecdb;color:#28252f;font:9px/1.5 ui-monospace,monospace;transform:rotate(-10deg);padding:23px 13px;text-align:center}
.neo-design .directory-search{margin:0 0 24px}.neo-design .directory-search>div{background:var(--panel);border:1px solid var(--ink);border-radius:0;min-height:62px;box-shadow:none}.neo-design .directory-search input{font-size:13px}.neo-design .directory-search .btn{min-height:46px;border-radius:0;font-size:11px;background:var(--ink);color:var(--bg);border:0}.neo-design .tool-controls{margin-bottom:25px;gap:15px;align-items:center}.neo-design .chips-track{gap:7px;padding-bottom:7px}.neo-design .chip{border:1px solid var(--line);border-radius:2px;background:transparent;font-size:10px;padding:7px 12px;color:var(--ink)}.neo-design .chip.active,.neo-design .chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.neo-design .view-toggle{border-radius:0;border:1px solid var(--line);background:transparent}.neo-design .view-toggle button{border-radius:0;min-height:36px;min-width:36px}.neo-design .view-toggle button.active{background:var(--active);color:var(--ink)}.neo-design .count-label{border:1px solid var(--line);padding:5px 10px;font:10px ui-monospace,monospace;background:transparent;border-radius:0;color:var(--muted);white-space:nowrap}
.neo-design .tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.neo-design .tool-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);border-radius:0;min-height:230px;box-shadow:none;opacity:1;transform:none;transition:background .2s}.neo-design .tool-card:hover{background:var(--soft);box-shadow:none;transform:none}.neo-design .tool-card>a{display:block;padding:27px 23px;height:100%;min-height:230px}.neo-design .tool-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:var(--soft);margin-bottom:23px;box-shadow:2px 2px 0 var(--line)}.neo-design .tool-icon svg{width:22px;height:22px;stroke-width:1.4}.neo-design .tool-card h3{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:-.4px;padding-right:0}.neo-design .tool-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.neo-design .star-btn{top:17px;right:14px;width:32px;height:32px;border-radius:50%;color:var(--muted);z-index:2}.neo-design .star-btn:hover,.neo-design .star-btn.saved{background:var(--active);color:var(--ink)}.neo-design .star-btn svg{width:15px;height:15px}.neo-design .new-badge{top:21px;right:48px;background:var(--active);color:var(--ink);border-radius:0;font:7px ui-monospace,monospace;padding:2px 5px}.card-open{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:1px;margin-top:18px;color:var(--muted)}.card-open svg{width:15px;height:15px}.neo-design .tool-grid.list{grid-template-columns:1fr}.neo-design .tool-grid.list .tool-card{min-height:100px}.neo-design .tool-grid.list .tool-card>a{min-height:100px;padding:22px 70px 22px 90px;position:relative}.neo-design .tool-grid.list .tool-icon{position:absolute;top:23px;left:24px}.neo-design .tool-grid.list .card-open{display:none}.neo-design .tool-grid.list .star-btn{top:25px}.neo-design .tool-grid.list .new-badge{display:none}.neo-design .catalog-more{margin:28px 0 0;text-align:center}.neo-design .section-head h2{font-size:28px;letter-spacing:-1px}.neo-design .text-link{font-size:12px}.recent-section{margin-bottom:70px}.workshop-notes{margin-bottom:60px}.neo-design .blog-grid{gap:22px}.neo-design .blog-card{padding:26px 0;background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none;opacity:1;transform:none}.neo-design .blog-card:hover{background:transparent;box-shadow:none;transform:none;border-color:var(--atelier-orange)}.neo-design .blog-card h2,.neo-design .blog-card h3{font-size:21px;letter-spacing:-.7px;line-height:1.45}.neo-design .blog-card p{font-size:12px}.neo-design .blog-card .blog-meta{font:8px ui-monospace,monospace}.workshop-privacy{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:30px 0;display:flex;align-items:center;gap:24px}.privacy-seal{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--ink);border-radius:50%;flex:none}.privacy-seal svg{width:27px;height:27px}.workshop-privacy h2{font-size:21px;letter-spacing:-.6px;margin:8px 0}.workshop-privacy p{font-size:12px;color:var(--muted);margin:0}.workshop-privacy>a{margin-left:auto;font-size:11px}
.neo-design .worksheet-studio-link{max-width:1300px;margin:0 auto 40px;border:1px solid var(--ink);border-radius:0;box-shadow:none;background:var(--active);padding:20px 25px;gap:20px;color:var(--ink);display:flex;align-items:center}.worksheet-studio-link>span{font-size:35px}.worksheet-studio-link>div{display:grid}.worksheet-studio-link strong{font:700 15px Manrope,var(--font)}.worksheet-studio-link small{font-size:11px;color:var(--muted)}.worksheet-studio-link b{margin-left:auto;font-size:12px}.neo-design .footer{padding:36px max(30px,calc((100vw - 1300px)/2)) 30px;border-top:1px solid var(--ink);background:var(--ink);color:var(--bg);display:flex;align-items:center;flex-wrap:wrap;gap:22px}.footer-brand{font:800 35px Manrope,var(--font);letter-spacing:-2px}.neo-design .footer>span{font-size:12px;margin-left:auto}.neo-design .footer nav{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 24px;font-size:10px;border-top:1px solid #8886;padding-top:22px}.neo-design .footer small{font:9px ui-monospace,monospace}
.neo-design .page-heading{padding-top:45px;margin-bottom:35px}.neo-design .page-heading h1{font-size:55px;letter-spacing:-2.8px;line-height:1.2}.neo-design .page-heading p{font-size:15px;line-height:1.8;color:var(--muted)}.neo-design .eyebrow{font:9px ui-monospace,monospace;letter-spacing:1px}.neo-design .dot{background:var(--atelier-orange)}.neo-design .tool-breadcrumb{font:10px/1.8 ui-monospace,monospace;padding-top:28px;color:var(--muted)}.neo-design .tool-title-line{gap:20px}.neo-design .tool-title-line .tool-icon{width:57px;height:57px;margin:0}.neo-design .tool-title-line h1{font-size:42px;letter-spacing:-2px}.neo-design .tool-layout{gap:24px;align-items:start}.neo-design .tool-panel{background:var(--panel);border:1px solid var(--ink);border-radius:0;padding:30px;box-shadow:4px 4px 0 var(--line)}.neo-design .panel-top{border-bottom:1px solid var(--line);padding-bottom:17px}.neo-design .panel-top h2{font-size:20px;letter-spacing:-.5px}.neo-design .field input:not([type=checkbox]):not([type=radio]),.neo-design .field select,.neo-design .field textarea{border:1px solid var(--line);border-radius:2px;background:var(--bg)}.neo-design .btn{border-radius:2px;min-height:44px}.neo-design .btn.primary{background:var(--ink);border:1px solid var(--ink);color:var(--bg)}.neo-design .btn.secondary{background:var(--panel);border:1px solid var(--ink);color:var(--ink)}.neo-design .upload-zone,.neo-design .dropzone{border-radius:0;background:var(--soft);border-color:var(--line)}.neo-design .guide-columns>section,.neo-design .legal,.neo-design .blog-article{border-radius:0;box-shadow:none;background:var(--panel)}.neo-design .result-placeholder{color:var(--muted)}.neo-design .calc-key{border-radius:3px}.neo-design .calc-key.calc-equals{background:var(--ink);border-color:var(--ink);color:var(--bg)}.neo-design .download-modal{border-radius:4px}.neo-design .back-top{background:var(--panel);box-shadow:2px 2px 0 var(--ink)}.reading-progress{position:fixed;top:0;left:0;width:calc(var(--page-progress,0)*100%);height:3px;background:var(--atelier-orange);z-index:90}.neo-design #toast{border-radius:2px}.neo-design .legal{margin-top:35px}
@keyframes star-turn{to{rotate:360deg}}
@media(min-width:1600px){.atelier-hero-grid{min-height:650px}.workshop-art{scale:1.05}}
@media(max-width:1150px){.atelier-nav{gap:18px}.neo-design .topbar{padding:0 25px;gap:13px}.neo-design .global-search{width:140px}.atelier-brand{font-size:25px}.atelier-hero-grid{gap:15px;min-height:560px}.atelier-intro h1{font-size:72px;letter-spacing:-4.5px}.headline-star{font-size:40px;margin-left:10px}.workshop-art{scale:.85;transform-origin:center right;margin-left:-35px}.atelier-search{max-width:430px}.workshop-categories{gap:50px}.workshop-create{padding:45px}.neo-design .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.neo-design .worksheet-studio-link{margin-left:30px;margin-right:30px}}
@media(max-width:950px){.atelier-nav{gap:15px;font-size:10px}.atelier-nav a:nth-child(3){display:none}.neo-design .topbar{height:78px;gap:10px}.neo-design .global-search{width:130px}.atelier-hero-grid{grid-template-columns:1fr 1fr;gap:0;min-height:510px}.atelier-intro h1{font-size:61px;letter-spacing:-4px}.atelier-intro>p{font-size:13px}.headline-star{font-size:33px;vertical-align:9px}.atelier-search{height:59px;padding-left:13px;gap:8px}.atelier-search input{font-size:11px}.atelier-search button{height:43px;width:43px}.atelier-suggestions{gap:8px;font-size:9px}.atelier-suggestions>span{display:none}.workshop-art{scale:.72;margin-left:-50px}.workshop-manifesto{gap:22px;font-size:10px}.workshop-manifesto>a{font-size:8px;gap:12px}.pick{padding:19px}.pick-top{font-size:7px;gap:9px}.neo-design .pick h3{font-size:15px}.workshop-categories{gap:30px;grid-template-columns:.8fr 1.3fr}.workshop-categories h2{font-size:45px}.category-name{font-size:18px}.workshop-create{padding:38px;gap:20px}.workshop-create h2{font-size:49px}.create-poster{width:240px}.poster-word{font-size:48px}.poster-star{font-size:80px;right:5px}.create-sticker{font-size:8px;right:10px;bottom:14px;padding:18px 10px}.neo-design .tool-layout{grid-template-columns:1fr}.workshop-privacy{gap:17px}.workshop-privacy h2{font-size:18px}.workshop-privacy>a{font-size:10px}.index-heading h2{font-size:31px}}
@media(max-width:720px){.neo-design .topbar{padding:0 20px;height:74px;gap:10px}.atelier-brand{font-size:24px;margin-right:auto}.atelier-brand>span{font-size:34px}.atelier-nav{display:none}.neo-design .global-search{width:135px}.neo-design #motion-toggle{display:none}.neo-design .icon-btn{width:35px;min-width:35px;height:35px}.neo-design #main{padding:0 22px 40px}.hero-edition{font-size:7px;letter-spacing:.5px}.hero-edition>span:last-child{font-size:6px}.atelier-hero{padding-top:19px}.atelier-hero-grid{display:flex;flex-direction:column;align-items:stretch;padding:40px 0 22px;min-height:0;gap:10px}.atelier-intro h1{font-size:clamp(59px,10.5vw,77px);letter-spacing:-4px;line-height:1.03;margin-bottom:23px}.atelier-intro em{font-size:1.15em}.headline-star{font-size:43px;vertical-align:10px;margin-left:15px}.atelier-intro>p{font-size:14px;line-height:1.7;margin-bottom:23px}.atelier-search{height:62px;max-width:none;padding:7px 7px 7px 17px;gap:12px}.atelier-search input{font-size:12px}.atelier-search button{height:46px;width:46px}.atelier-suggestions{font-size:10px;margin-top:18px;gap:15px}.workshop-art{width:465px;max-width:100%;height:435px;scale:1;margin:25px auto 10px;transform-origin:center}.object-image{width:250px;top:53px;left:12px}.paper-picture{height:165px}.picture-sun{left:135px}.object-qr{width:168px;right:4px;top:132px;padding:13px}.art-qr{width:102px;height:102px}.object-calc{width:190px;bottom:0;left:115px;padding:14px}.art-stamp{bottom:35px;padding:20px 10px;font-size:8px}.art-spark{font-size:77px;right:20px;top:12px}.art-caption{top:0;left:8px;font-size:7px}.art-coordinate{bottom:-20px;right:5px;font-size:6px}.workshop-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;padding:19px 0;font-size:10px;margin-top:10px}.workshop-manifesto>a{margin:0;justify-content:space-between;font-size:8px}.workshop-manifesto>span{gap:7px}.workshop-manifesto svg{width:13px}.workshop-picks,.workshop-directory,.workshop-notes{padding-top:48px}.index-heading{gap:12px;margin-bottom:23px}.index-heading>span:first-child{font-size:8px}.index-heading h2{font-size:31px;letter-spacing:-1.5px}.index-heading>a{font-size:10px;gap:8px;line-height:1.6;max-width:90px}.index-heading>a svg{width:15px}.picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pick{padding:15px 15px 20px}.pick-top{font-size:6px;gap:7px;letter-spacing:0}.pick-top>span:nth-child(2){max-width:90px}.pick-top>svg{width:14px}.pick-object{height:100px;gap:10px}.pick-object>svg{width:42px;height:42px}.pick-object>span{font-size:31px;letter-spacing:-2px}.neo-design .pick h3{font-size:13px;letter-spacing:-.4px}.pick p{font-size:11px;line-height:1.7}.workshop-categories{grid-template-columns:1fr;padding:50px 0;gap:24px}.workshop-categories h2{font-size:42px;margin:16px 0 12px;letter-spacing:-2px}.workshop-categories h2 br{display:none}.workshop-categories p{margin:0}.category-row{padding:16px 3px;gap:19px}.category-name{font-size:19px}.category-total{font-size:8px}.workshop-create{grid-template-columns:1fr;padding:30px 28px 40px;gap:35px}.workshop-create h2{font-size:51px;margin:22px 0}.workshop-create p{font-size:12px}.create-poster{width:250px;justify-self:center}.poster-word{font-size:52px}.create-sticker{bottom:15px;right:7px}.atelier-button{font-size:8px;gap:20px;min-height:48px;padding:14px 18px}.neo-design .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neo-design .tool-card{min-height:215px}.neo-design .tool-card>a{padding:22px 15px;min-height:215px}.neo-design .tool-card h3{font-size:13px}.neo-design .tool-card p{font-size:11px}.neo-design .tool-icon{width:35px;height:35px;margin-bottom:20px}.neo-design .tool-icon svg{width:19px;height:19px}.neo-design .new-badge{display:none}.neo-design .star-btn{top:14px;right:7px;width:29px;height:29px}.card-open{font-size:7px}.neo-design .directory-search>div{min-height:58px;gap:10px;padding-left:14px}.neo-design .directory-search input{font-size:11px}.neo-design .directory-search .btn{font-size:10px;padding:10px 13px;min-height:44px}.neo-design .directory-search .btn svg{display:none}.neo-design .tool-controls{gap:7px}.neo-design .chip{font-size:9px;padding:7px 10px}.neo-design .view-toggle button{min-width:31px}.neo-design .blog-grid{grid-template-columns:1fr;gap:12px}.neo-design .blog-card{padding:22px 0}.neo-design .blog-card h2,.neo-design .blog-card h3{font-size:22px}.workshop-notes{margin-bottom:20px}.workshop-privacy{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:23px 0}.privacy-seal{height:40px;width:40px}.privacy-seal svg{width:21px}.workshop-privacy h2{font-size:16px;margin:7px 0}.workshop-privacy p{font-size:11px}.workshop-privacy>a{grid-column:2;margin:0;font-size:11px}.index-label{font-size:8px}.neo-design .worksheet-studio-link{margin:0 22px 30px;padding:17px;gap:12px;flex-wrap:wrap}.worksheet-studio-link>span{font-size:27px}.worksheet-studio-link>div{flex:1;min-width:190px}.worksheet-studio-link strong{font-size:12px;line-height:1.6}.worksheet-studio-link small{font-size:10px;line-height:1.7}.worksheet-studio-link>b{font-size:10px;margin:0 0 0 38px}.neo-design .footer{padding:25px 22px;gap:17px}.neo-design .footer>span{font-size:10px;margin:0}.neo-design .footer nav{font-size:9px;gap:10px 20px}.neo-design .page-heading{padding-top:30px;margin-bottom:25px}.neo-design .page-heading h1{font-size:36px;letter-spacing:-1.8px}.neo-design .page-heading p{font-size:13px}.neo-design .tool-title-line{gap:14px}.neo-design .tool-title-line h1{font-size:30px;letter-spacing:-1.3px}.neo-design .tool-title-line .tool-icon{width:43px;height:43px;flex:none}.neo-design .tool-panel{padding:23px 18px}.neo-design .tool-breadcrumb{font-size:9px;padding-top:23px}.neo-design .section-head h2{font-size:23px}.neo-design .tool-layout{gap:22px}.neo-design .legal{padding:23px 20px}.recent-section{margin-bottom:40px}.neo-design .tool-grid.list .tool-card>a{padding-left:75px}.neo-design .tool-grid.list .tool-icon{left:17px}}
@media(max-width:420px){.neo-design .topbar{gap:7px;padding:0 16px}.atelier-brand{font-size:22px;gap:5px}.atelier-brand>span{font-size:31px}.neo-design .global-search{width:88px}.neo-design .global-search input{font-size:10px}.neo-design .global-search kbd{display:none}.neo-design .icon-btn{width:33px;min-width:33px;height:33px}.atelier-intro h1{font-size:58px;letter-spacing:-4px}.headline-star{font-size:35px;margin-left:10px}.workshop-art{height:385px}.object-image{width:212px;padding:12px;left:7px}.paper-picture{height:140px}.picture-sun{left:115px;width:35px;height:35px}.picture-caption{font-size:14px}.format-badges span{padding:4px 6px;font-size:7px}.object-qr{width:145px;right:0;top:138px;padding:12px}.object-qr>span{font-size:6px}.object-qr>strong{font-size:8px}.art-qr{width:90px;height:90px;background-size:11px 11px}.art-qr i{width:27px;height:27px;border-width:4px}.object-calc{left:83px;width:175px}.art-stamp{font-size:7px;bottom:23px;padding:18px 9px}.art-spark{font-size:65px;right:8px}.art-coordinate{font-size:5px;right:0}.index-heading h2{font-size:27px}.hero-edition>span:last-child{display:none}.atelier-suggestions{gap:12px;font-size:9px}.category-name{font-size:17px}.category-row{gap:14px}.category-total{font-size:7px}.workshop-create{padding:27px 22px 42px}.workshop-create h2{font-size:45px}.create-poster{width:220px}.poster-word{font-size:47px}.poster-star{font-size:72px}.neo-design .tool-card>a{padding:21px 13px}.neo-design .tool-card h3{font-size:12px}.neo-design .tool-card p{font-size:11px}.neo-design .tool-card{min-height:225px}.neo-design .tool-card>a{min-height:225px}.neo-design .tool-title-line h1{font-size:25px}.workshop-manifesto{font-size:9px}.pick{padding:15px 12px 18px}.pick-top{font-size:6px;gap:5px}.pick-object{gap:8px}.pick-object>svg{width:36px;height:36px}.pick-object>span{font-size:29px}.neo-design .pick h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.neo-design *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.motion-paused *{animation:none!important}.motion-paused .pick-object>svg,.motion-paused .object-image,.motion-paused .object-qr,.motion-paused .object-calc{transition:none}
@media print{.neo-design .sidebar,.neo-design .topbar,.workshop-art,.neo-design .footer,.worksheet-studio-link{display:none}.neo-design #main{padding:0;max-width:none}.neo-design .tool-panel{box-shadow:none;border:1px solid #aaa}}
/* Keep the decorative orbit within the content bounds. */
.art-orbit{inset:85px 50px 50px}
/* Motion is progressive enhancement; static content stays available to crawlers. */
.neo-design .atelier-intro{animation:workshop-arrive .8s cubic-bezier(.2,.7,.2,1) both}
.neo-design .hero-edition{animation:workshop-arrive .6s ease-out both}
.neo-design .object-image{animation:workshop-float 8s ease-in-out infinite}
.neo-design .object-qr{animation:workshop-float 7s ease-in-out -2s infinite}
.neo-design .object-calc{animation:workshop-float 9s ease-in-out -4s infinite}
.neo-design .art-stamp{animation:workshop-stamp .85s cubic-bezier(.2,.8,.3,1.15) .25s both}
.neo-design .pick,.neo-design .category-row,.neo-design .tool-card,.neo-design .blog-card,.neo-design .guide-columns>section,.neo-design .workshop-create,.neo-design .workshop-privacy{transition:opacity .65s ease var(--stagger,0ms),translate .65s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms),background .2s,border-color .2s}
.neo-design .motion-enter{opacity:0;translate:0 24px}
.neo-design .motion-enter:focus-within{opacity:1;translate:0 0}
.neo-design .pick:hover .pick-object>svg{translate:0 -4px}
.neo-design .atelier-search button:hover svg{translate:3px 0}
.neo-design .atelier-search button svg{transition:translate .2s ease}
.neo-design .category-row-arrow{transition:rotate .25s ease}
.neo-design .category-row:hover .category-row-arrow{rotate:45deg}
.neo-design .create-poster{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.neo-design .workshop-create:hover .create-poster{transform:rotate(3deg) translateY(-5px)}
.neo-design #motion-toggle{display:inline-flex;align-items:center;justify-content:center}
.neo-design.motion-paused .motion-enter{opacity:1;translate:none}
.neo-design.motion-paused .atelier-intro,.neo-design.motion-paused .hero-edition,.neo-design.motion-paused .art-stamp{opacity:1;translate:none;scale:1}
.neo-design.motion-paused .category-row,.neo-design.motion-paused .atelier-search button svg,.neo-design.motion-paused .create-poster{transition:none}
@keyframes workshop-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes workshop-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes workshop-stamp{from{opacity:0;scale:1.18}to{opacity:1;scale:1}}
@media(max-width:720px){.neo-design #motion-toggle{min-width:29px;width:29px;height:36px}.neo-design .topbar{gap:8px}.neo-design .global-search{width:110px}}
@media(max-width:420px){.neo-design .global-search{width:70px}.neo-design .topbar{gap:6px}.neo-design #motion-toggle{min-width:26px;width:26px}.atelier-brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.neo-design .motion-enter{opacity:1;translate:none}.neo-design .atelier-intro,.neo-design .hero-edition,.neo-design .art-stamp{opacity:1;translate:none;scale:1}.neo-design *{animation:none!important;transition:none!important}}
@media print{.neo-design .motion-enter{opacity:1;translate:none}}
.neo-design.motion-paused *{transition:none!important}

/* Keep the main heading paint immediate; motion stays on supporting elements. */
.neo-design .atelier-intro{animation:none}
.neo-design .atelier-intro>p,.neo-design .atelier-search,.neo-design .atelier-suggestions{animation:workshop-arrive .6s cubic-bezier(.2,.7,.2,1) both}
.neo-design .tool-card{contain-intrinsic-size:auto 230px}
.neo-design .tool-grid.list .tool-card{contain-intrinsic-size:auto 100px}
@media(max-width:720px){.neo-design input[type=search],.neo-design .field input:not([type=checkbox]):not([type=radio]),.neo-design .field select,.neo-design .field textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.neo-design .atelier-intro>p,.neo-design .atelier-search,.neo-design .atelier-suggestions{animation:none}}
@media(max-width:360px){.neo-design .atelier-intro h1{font-size:clamp(42px,14.5vw,51px);letter-spacing:-3px}.neo-design .headline-star{font-size:29px;margin-left:8px;vertical-align:8px}.neo-design .atelier-suggestions{gap:9px;font-size:8px}.neo-design .index-heading h2{font-size:24px}.neo-design .workshop-create h2{font-size:39px}}