@charset "UTF-8";
@font-face{font-family:"Yijian Hand";src:local("汉仪尚巍手书W"),local("HYShangWeiShouShuW");font-weight:400;font-display:swap}
:root{--paper:#f7f2e8;--ink:#382c25;--red:#a63b2e;--line:#dfd4c4;--muted:#827465;--hand:"Yijian Hand","KaiTi","STKaiti",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}svg{display:block;width:100%;height:100%}button{color:inherit}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;background:var(--paper);padding:12px}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:208px;padding:32px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f3ecdf;z-index:4}.brand{display:flex;gap:9px;align-items:center;white-space:nowrap}.brand span{font:29px var(--hand);letter-spacing:1px}.brand img{flex-shrink:0}.sidebar nav{display:grid;gap:10px;margin-top:64px}.sidebar nav a{padding:12px 13px;color:#7d6c5b;border-left:2px solid transparent;display:flex;align-items:center;gap:15px}.sidebar nav a>span{font:23px Georgia,serif;width:22px;text-align:center}.sidebar nav a:hover{color:var(--red);background:#eadfcf70}.sidebar nav a[aria-current=page]{color:var(--red);border-color:var(--red);background:#e9ddcb70}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:26px;font-size:12px}.guest-mark{display:grid;place-items:center;width:34px;height:38px;border:1px solid #cbbb9e;border-radius:50% 50% 3px 3px;font:21px var(--hand);color:#887052}.sidebar-bottom a{display:block;font-size:10px;color:var(--muted);margin-top:3px}
main{margin-left:208px;padding:0 clamp(26px,3.5vw,62px);max-width:1740px;outline:none}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);margin-bottom:30px}.topbar>span:first-child{font-size:15px}.preview-label{font-size:11px;color:var(--muted)}.welcome{display:grid;grid-template-columns:1fr 1fr;min-height:345px;position:relative;overflow:hidden;background:#a2382a;color:#fff0d8}.welcome:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#df775237,transparent 65%);pointer-events:none}.welcome-copy{padding:36px 0 35px 42px;z-index:1}.vertical-seal{position:absolute;right:21px;top:26px;border:1px solid #efb68b60;padding:7px 4px;writing-mode:vertical-rl;font:13px var(--hand);letter-spacing:4px;color:#f1c79d}.welcome h1{font:clamp(40px,4vw,62px)/1.2 var(--hand);letter-spacing:2px}.welcome p{font-size:12px;color:#f0c3a8;margin-top:18px;letter-spacing:1px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:43px;padding:10px 21px;background:var(--red);color:#fff1db;border:1px solid transparent;font-size:13px;border-radius:2px}.button:hover{filter:brightness(.95)}.button.light{background:#f9edd7;color:#923727}.quiet-link{font-size:12px;color:#f7ddbc;white-space:nowrap}.hero-sculpture{position:relative;align-self:center;width:100%;height:320px;perspective:800px;pointer-events:none}.paper-disc{position:absolute;width:275px;height:275px;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(16deg) rotateY(-16deg) rotateZ(-10deg)}.paper-disc.back{background:#b37751;box-shadow:8px 12px 0 #dcac7c,14px 22px 0 #8c3927,21px 29px 22px #59211560}.paper-disc.front{padding:18px;background:#f1dfbf;border:8px double #cb9868;box-shadow:inset 3px 4px 7px #8d4a3640;color:#b43f2d}.paper-disc.front svg{filter:drop-shadow(3px 6px 1px #a2513a4d)}.hero-butterfly{position:absolute;width:110px;height:110px;right:7%;top:5%;transform:rotate(22deg);color:#f5d3a7;filter:drop-shadow(5px 8px 1px #6f201e70)}.hero-fish{position:absolute;width:130px;height:130px;left:5%;bottom:0;color:#d98b59;transform:rotate(-18deg);filter:drop-shadow(5px 8px 1px #6f201e70)}
.home-lower{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:28px;margin-top:36px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font:25px var(--hand)}.section-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}.motif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.motif-card{position:relative;min-width:0}.motif-image{height:165px;display:grid;place-items:center;overflow:hidden}.motif-image svg{width:80%;height:80%;filter:drop-shadow(2px 4px 1px #6a302129);transition:transform .3s}.motif-card:hover svg{transform:rotate(-6deg) scale(1.04)}.rose{background:#eeded1;color:#b03c2a}.sand{background:#eae0c9;color:#956749}.sage{background:#e1e3d6;color:#667367}.motif-card h3{font:23px var(--hand);margin-top:13px}.motif-card>span{font-size:10px;color:var(--muted)}.motif-card b{position:absolute;right:3px;bottom:16px;font-weight:400;color:#947b62}.practice-note{border-left:1px solid #d1c1aa;padding-left:27px;position:relative;overflow:hidden}.note-number{font:14px Georgia;color:#a98e6f}.practice-note h2{font:30px/1.4 var(--hand);margin-top:9px}.practice-note p{font-size:11px;color:var(--muted);margin-top:15px}.practice-note a{display:block;font-size:12px;margin-top:20px;color:var(--red)}.cut-line{position:absolute;width:110px;height:80px;border:1px dashed #c8b798;border-radius:50%;transform:rotate(-35deg);right:-52px;bottom:1px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 28px}.page-heading h1{font:38px var(--hand)}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px}.text-link{font-size:12px;color:var(--red);border:0;background:none;padding:3px 0;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.studio{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:515px;border:1px solid var(--line)}.studio-controls{padding:27px;background:#faf6ec}.studio-controls h2{font:25px var(--hand);margin-bottom:22px}fieldset{border:0;padding:0;margin:0 0 27px}legend{font-size:12px;margin-bottom:12px}.pattern-options{display:flex;gap:7px}.pattern-options button{border:1px solid var(--line);padding:6px 9px;background:transparent;font-size:12px}.pattern-options button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:#efe0d3}.swatches{display:flex;gap:17px}.swatches button{width:26px;height:26px;border:3px solid #faf6ec;border-radius:50%;outline:1px solid transparent}.swatches button[aria-pressed=true]{outline-color:var(--ink)}.swatches button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.red{background:#ad3b2d}.blue{background:#3f6178}.green{background:#526c59}.range-label{display:flex;justify-content:space-between;font-size:12px}input[type=range]{width:100%;accent-color:var(--red);margin:14px 0}.reset-button{display:block;margin-bottom:26px}.studio-boundary{border-top:1px solid var(--line);padding-top:20px}.studio-boundary p{font-size:10px;color:var(--muted);margin-bottom:14px}.studio-boundary .button{width:100%;font-size:11px;padding:8px}.design-area{min-width:0;padding:20px 28px;background:#e9e1d3;display:flex;flex-direction:column;align-items:center}.canvas-heading{display:flex;justify-content:space-between;width:100%;font-size:11px;color:var(--muted)}.design-paper{width:min(100%,370px);aspect-ratio:1;margin:auto;background:#fffaf0;display:grid;place-items:center;box-shadow:4px 9px 20px #6f4f3221;transform:rotate(-1deg)}#design-motif{width:76%;height:76%;color:#ad3b2d;filter:drop-shadow(1px 2px 1px #773b2522)}.canvas-note{font-size:10px;color:var(--muted);margin-top:18px}
.segmented{display:inline-flex;border-bottom:1px solid var(--line);margin:0 0 25px;gap:28px}.segmented button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 1px 11px;color:var(--muted);font-size:13px}.segmented button[aria-pressed=true]{color:var(--red);border-color:var(--red)}.practice-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:32px}.camera-stage{min-height:385px;background:#e9e3d7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.camera-stage svg{width:125px;height:125px;color:#b7a58d;margin-bottom:14px}.camera-stage h2{font:23px var(--hand)}.camera-stage p{font-size:11px;color:var(--muted);margin-top:10px}.frame-corner{position:absolute;width:30px;height:30px;border-color:#b9a88f}.tl{top:22px;left:22px;border-top:1px solid;border-left:1px solid}.br{bottom:22px;right:22px;border-bottom:1px solid;border-right:1px solid}.practice-guidance h2{font:25px var(--hand)}.practice-guidance ol{list-style:none;margin:24px 0;padding:0}.practice-guidance li{display:flex;gap:14px;padding:0 0 24px}.practice-guidance li>span{font:13px Georgia;color:#a58a68;padding-top:4px}.practice-guidance h3{font-size:13px}.practice-guidance li p{font-size:11px;color:var(--muted);margin-top:6px}.boundary-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}
.inspection-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid var(--line);min-height:425px}.upload-panel{padding:28px;min-width:0;background:#fcf8f0}.upload-target{border:1px dashed #bcab92;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;position:relative;cursor:pointer}.upload-target input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-target:focus-within{outline:2px solid var(--red);outline-offset:4px}.upload-plus{font:38px var(--hand);color:#a88b66}.upload-target strong{font-weight:400;font-size:14px}.upload-target>span:last-of-type{font-size:11px;color:var(--muted)}#upload-status{font-size:11px;color:var(--muted);margin-top:15px;overflow-wrap:anywhere}#inspection-image{display:block;width:100%;height:300px;object-fit:contain;background:#eee6d8}.image-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-top:12px}#image-name{overflow-wrap:anywhere;min-width:0}.image-caption button{flex-shrink:0}.inspection-result{padding:28px;background:#f0e9dc}.inspection-result h2{font:25px var(--hand)}.inspection-result>p{font-size:11px;color:var(--muted);line-height:1.9}.empty-lines{display:grid;gap:12px;margin:30px 0}.empty-lines i{width:80%;height:1px;background:#d1c4b0}.empty-lines i:nth-child(2){width:55%}.empty-lines i:nth-child(3){width:65%}.photo-tips{margin-top:50px;border-top:1px solid #d5c6af;padding-top:18px}.photo-tips h3{font-size:12px}.photo-tips p{font-size:11px;color:var(--muted);margin-top:9px}.works-empty{text-align:center;padding:50px 20px 65px;border-top:1px solid var(--line)}.empty-paper{width:165px;height:180px;margin:0 auto 28px;background:#fff9ec;border:1px solid #ded1ba;padding:30px;transform:rotate(-6deg);box-shadow:6px 7px 0 #e8ddc9}.empty-paper svg{color:#c7b195}.works-empty h2{font:29px var(--hand)}.works-empty p{font-size:12px;color:var(--muted);margin:12px 0 24px}footer{display:flex;justify-content:space-between;gap:15px;margin:35px 0 23px;padding-top:17px;border-top:1px solid var(--line);font:17px var(--hand);color:#9a8a75}footer span{font:10px var(--sans);align-self:center}
@media(min-width:1600px){main{margin-right:auto}.welcome{min-height:385px}.hero-sculpture{height:360px}.paper-disc{width:310px;height:310px}.motif-image{height:215px}}
@media(max-width:1100px){.sidebar{width:177px;padding:28px 15px}.brand span{font-size:25px}.brand img{width:29px;height:29px}main{margin-left:177px;padding:0 25px}.welcome-copy{padding:35px 0 30px 26px}.welcome h1{font-size:43px}.hero-actions{gap:15px}.hero-actions .button{padding:9px 15px;gap:15px}.paper-disc{width:225px;height:225px}.hero-butterfly{width:88px;height:88px;top:10%}.hero-fish{width:105px;height:105px;bottom:5%}.home-lower{grid-template-columns:1fr}.practice-note{display:none}.studio{grid-template-columns:205px 1fr}.studio-controls{padding:22px 18px}.practice-grid{grid-template-columns:1fr 200px;gap:22px}.inspection-grid{grid-template-columns:1fr 210px}.inspection-result{padding:22px}.page-heading .text-link{font-size:10px}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:19px 22px 0;border-right:0;border-bottom:1px solid var(--line)}.brand span{font-size:27px}.sidebar nav{display:flex;margin:19px -8px 0;gap:0;justify-content:space-between}.sidebar nav a{font-size:12px;gap:0;padding:10px 8px;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}.sidebar nav a>span{display:none}.sidebar nav a[aria-current=page]{background:none}.sidebar-bottom{display:none}main{margin-left:0;padding:0 22px}.topbar{height:59px;margin-bottom:23px}.topbar>span:first-child{font-size:13px}.preview-label{font-size:10px}.welcome{min-height:305px}.welcome-copy{padding:31px 0 28px 23px}.welcome h1{font-size:41px}.welcome p{max-width:150px;font-size:11px}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px;margin-top:21px}.hero-sculpture{height:275px}.paper-disc{width:200px;height:200px;left:49%}.hero-butterfly{width:78px;height:78px;right:1%;top:9%}.hero-fish{width:100px;height:100px;left:-15%;bottom:4%}.vertical-seal{display:none}.home-lower{margin-top:28px}.section-heading h2{font-size:23px}.section-heading>span{font-size:9px}.motif-grid{gap:12px}.motif-image{height:145px}.motif-card h3{font-size:22px}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:33px}.page-heading .text-link{max-width:100px;text-align:right}.studio{grid-template-columns:180px minmax(0,1fr);min-height:450px}.studio-controls{padding:20px 14px}.pattern-options{gap:3px}.pattern-options button{padding:6px;font-size:11px}.design-area{padding:18px 15px}.design-paper{margin:40px 0 auto}.canvas-note{text-align:center}.practice-grid,.inspection-grid{grid-template-columns:1fr}.camera-stage{min-height:300px}.practice-guidance{padding:10px 0}.practice-guidance ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.practice-guidance li{gap:8px;padding-bottom:0}.inspection-result{border-top:1px solid var(--line)}.empty-lines{margin:20px 0}.photo-tips{margin-top:25px}footer span{max-width:230px;text-align:right;font-size:9px}}
@media(max-width:480px){main{padding:0 16px}.sidebar{padding:18px 16px 0}.sidebar nav{margin-left:-4px;margin-right:-4px}.sidebar nav a{padding:10px 4px;font-size:11px}.welcome{grid-template-columns:55% 45%;min-height:295px}.welcome-copy{padding:28px 0 25px 20px}.welcome h1{font-size:37px}.welcome p{font-size:10px;max-width:135px}.hero-sculpture{height:265px}.paper-disc{width:177px;height:177px;left:45%}.paper-disc.front{padding:11px}.hero-butterfly{width:65px;height:65px;right:0;top:13%}.hero-fish{width:87px;height:87px;left:-22%;bottom:6%}.section-heading{gap:8px}.section-heading h2{font-size:21px}.motif-image{height:110px}.motif-grid{gap:10px}.motif-card>span{font-size:9px}.studio{display:flex;flex-direction:column-reverse}.design-area{min-height:320px}.design-paper{width:245px;max-width:100%;margin:20px 0}.studio-controls{padding:23px}.studio-controls fieldset{display:inline-block;vertical-align:top;margin-right:20px}.studio-controls h2{margin-bottom:15px}.studio-boundary .button{width:auto}.practice-guidance ol{display:block}.practice-guidance li{padding-bottom:20px}.upload-panel{padding:18px}.page-heading h1{font-size:31px}.page-heading p{font-size:11px}.page-heading .button{padding:9px 12px;gap:10px;font-size:11px}.works-empty h2{font-size:24px}footer{margin-top:27px}footer span{max-width:180px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.camera-stage h2,.works-empty h2{text-wrap:balance}
@media(max-width:480px){.welcome h1{font-size:clamp(26px,8vw,32px);letter-spacing:0}}
/* Layered paper landscape and seal-shaped navigation, original vector assets. */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23p)' opacity='.065'/%3E%3C/svg%3E")}
.welcome{grid-template-columns:44% 56%;min-height:360px;border-radius:2px 2px 46% 9% / 2px 2px 7% 4%;background:#a93b2d}
.welcome-copy{padding-bottom:50px}.welcome h1{font-size:clamp(36px,4vw,58px)}
.landscape{position:relative;align-self:center;height:360px;perspective:1000px;min-width:0;pointer-events:none}
.landscape-stack{position:absolute;inset:-2% -5% 0 -9%;transform-style:preserve-3d;transform:rotateX(var(--tilt,10deg)) rotateY(var(--turn,-8deg));transition:transform .6s ease-out}
.landscape-sheet{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(3px 7px 1px #65251966)}
.landscape-sheet.sky{transform:translateZ(-30px);filter:none}.landscape-sheet.mountains{transform:translateZ(-9px)}.landscape-sheet.garden{transform:translateZ(17px)}.landscape-sheet.foreground{transform:translateZ(39px)}.landscape-sheet.birds{transform:translateZ(61px);filter:drop-shadow(4px 10px 1px #782b2566)}
.craft-gates{display:flex;justify-content:space-around;gap:20px;padding:27px 10px 25px;border-bottom:1px solid var(--line)}
.craft-gates a{text-align:center;min-width:60px}.craft-gates span{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid #af705a;border-radius:50%;font:31px var(--hand);color:#aa4b37;margin:auto;transition:transform .25s;background:#f9efdf}
.craft-gates span:before{content:"";position:absolute;inset:4px -3px -2px 3px;border:1px solid #c99f77;border-radius:48% 52% 44% 56%;transform:rotate(-17deg)}
.craft-gates span:after{content:"";position:absolute;width:19px;height:9px;border-radius:0 100% 0 100%;background:#b95f42;bottom:3px;left:2px;transform:rotate(30deg);box-shadow:13px 5px 0 -2px #c58962}
.craft-gates a:hover span{transform:translateY(-4px)}.craft-gates strong{display:block;font-size:12px;font-weight:400;margin-top:10px}
.lesson-strip{margin-top:24px;display:flex;align-items:center;justify-content:space-between;background:#eee0cc;border:1px solid #dfcbb1;padding:20px 30px;position:relative;overflow:hidden}.lesson-strip h2{font:29px var(--hand)}.lesson-strip p{font-size:11px;color:var(--muted);margin-top:7px}.lesson-strip span{display:inline-block;margin-top:12px;padding:4px 12px;background:#e5bd9e66;border-radius:20px;font-size:12px;color:var(--red)}.lesson-strip svg{width:120px;height:120px;flex-shrink:0;color:#b65a3f;transform:rotate(-12deg);filter:drop-shadow(2px 4px 1px #8b422526)}
.craft-panel{border-top:1px solid var(--line);padding-top:25px}.craft-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:20px;font-size:12px}.craft-toolbar label{display:flex;align-items:center;gap:8px}.craft-toolbar select{padding:7px 12px;background:#faf3e6;border:1px solid #cfbca1;color:var(--ink)}.craft-toolbar input[type=range]{width:100px;margin:0}.craft-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}#craft-canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;cursor:crosshair;box-shadow:3px 6px 0 #bfa58a;max-width:600px}.craft-output{aspect-ratio:1;min-width:0;background:#ede3d2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;box-shadow:inset 0 0 0 1px #d9c9b3}.craft-output svg{width:100px;height:100px;color:#bba286;margin:0 auto 15px}.craft-output h3{font:24px var(--hand)}.craft-output p{font-size:11px;color:var(--muted);margin-top:10px}#craft-result{width:100%;max-height:360px;object-fit:contain;min-height:0}#craft-downloads{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:15px}.craft-submit{display:flex;align-items:center;gap:20px;margin:24px 0 35px}.craft-submit .button{flex-shrink:0}#craft-status{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.motif-reference{border-top:1px solid var(--line);padding-top:17px}.motif-reference>summary{cursor:pointer;font:23px var(--hand);margin-bottom:20px}
#inspect-run{margin-top:19px}#inspect-status{margin-top:12px;font-size:12px;color:var(--red)}.method-label{font-size:11px;color:var(--muted);margin-top:10px}#inspect-overlay{display:block;width:100%;height:auto;margin:18px 0;border:1px solid var(--line)}#inspect-report,#inspect-json{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 var(--sans);color:#715b49;margin-top:18px}#inspect-json{max-height:260px;overflow:auto;font-size:10px}#inspect-evidence{margin-top:15px;font-size:12px}.inspection-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,1fr)}.inspection-result{min-width:0}
.collection-banner{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:25px 35px;background:#bd5a42;color:#fff0d7;border-radius:2px 2px 25px 2px}.collection-banner h2{font:32px var(--hand)}.collection-banner p{font-size:12px;color:#f0ccb0;margin-top:10px}.collection-banner svg{width:105px;height:105px;color:#f4c89d;transform:rotate(-16deg);filter:drop-shadow(4px 6px 1px #822e2744)}#gallery-status{font-size:12px;color:var(--muted);margin:22px 0}.saved-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.saved-work{min-width:0}.saved-work img{width:100%;aspect-ratio:1;object-fit:contain;background:#ede3d1;border:1px solid #d9c6a7;padding:16px;box-shadow:3px 5px 0 #e3d4bf}.saved-work h3{font:22px var(--hand);margin-top:14px}.saved-work p{font-size:10px;color:var(--muted);margin:6px 0 12px}
@media(max-width:1100px){.landscape{height:325px}.welcome-copy{padding-left:25px}.welcome h1{font-size:39px}.welcome p{max-width:185px}.inspection-grid{grid-template-columns:1fr}.inspection-result{border-top:1px solid var(--line)}}
@media(max-width:760px){.welcome{grid-template-columns:45% 55%;min-height:310px}.welcome-copy{padding:28px 0 35px 23px}.welcome h1{font-size:33px;letter-spacing:0}.landscape{height:290px}.craft-columns{gap:18px}.craft-toolbar{gap:13px}.craft-output{padding:15px}.craft-output h3{font-size:21px}.craft-gates{gap:12px;padding:24px 0}.craft-gates span{width:56px;height:56px;font-size:29px}.lesson-strip{padding:20px}.lesson-strip h2{font-size:25px}.lesson-strip svg{width:100px;height:100px}.saved-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-banner{padding:23px}.collection-banner h2{font-size:28px}}
@media(max-width:480px){.welcome{grid-template-columns:1fr;min-height:440px}.welcome-copy{padding:25px 25px 0}.welcome h1{font-size:36px}.welcome p{max-width:none;font-size:11px}.hero-actions{flex-direction:row;align-items:center;margin-top:16px}.landscape{height:220px;margin-top:-20px}.landscape-stack{inset:-2% 0 -6% 12%}.welcome .vertical-seal{display:block;right:22px;top:27px}.craft-gates span{width:50px;height:50px;font-size:26px}.craft-gates strong{font-size:11px}.lesson-strip{padding:18px}.lesson-strip h2{font-size:23px}.lesson-strip p{font-size:10px;max-width:210px}.lesson-strip svg{width:75px;height:75px}.craft-columns{grid-template-columns:1fr}.craft-output{aspect-ratio:auto;min-height:240px}.craft-output #craft-result{max-height:330px}.craft-submit{align-items:flex-start;flex-direction:column;gap:10px}.collection-banner h2{font-size:25px}.collection-banner svg{width:72px;height:72px;flex-shrink:0}.collection-banner p{font-size:10px}.saved-work h3{font-size:19px}.saved-gallery{gap:18px}}
@media(prefers-reduced-motion:reduce){.landscape-stack{transition:none;transform:rotateX(10deg) rotateY(-8deg)!important}}
.craft-output h3{text-wrap:balance}
@media(min-width:481px) and (max-width:1100px){.landscape-stack{inset:0 -5% 0 6%}.welcome h1{font-size:36px;letter-spacing:1px}.welcome p{text-wrap:pretty}}