.spgstudio{--ink:#203e31;--green:#285b3c;--line:#dfe6d7;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;max-width:1160px;color:var(--ink)}.spgstudio .spgs-hero{max-width:720px;margin:10px 0 35px}.spgstudio .spgs-hero h2{font:650 clamp(34px,4.2vw,54px)/1.07 system-ui;letter-spacing:-2px;margin:16px 0 20px}.spgstudio .spgs-hero>p:not(.spgtools-eyebrow){font-size:17px;line-height:1.6;max-width:580px;color:#62715f}.spgstudio .spgtools-eyebrow{font-size:11px;letter-spacing:.13em;color:#557644}.spgs-tags{display:flex;gap:8px;flex-wrap:wrap}.spgs-tags span{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:5px 10px;background:white}.spgs-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.spgstudio form{border:1px solid var(--line);border-radius:22px;padding:27px;background:white}.spgstudio h3{font:650 25px/1.2 system-ui;letter-spacing:-.65px;margin:10px 0 20px}.spgstudio h4{font:600 13px/1.3 system-ui;margin:18px 0 10px}.spgstudio .spgs-step{font-size:10px;font-weight:700;letter-spacing:.13em;color:#768764;margin:0 0 10px}.spgstudio .spgs-step:not(:first-child){border-top:1px solid #edf0e7;padding-top:24px;margin-top:24px}.spgstudio .spgs-text-label{font-size:12px;color:#697862;font-weight:500}.spgstudio textarea{border:1px solid var(--line);border-radius:12px;background:#fafbf6;color:#294734;font:15px/1.55 system-ui;padding:14px;margin-top:8px}.spgs-count{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:#829075;font-size:10px}.spgs-choices{display:flex;gap:10px}.spgstudio .spgs-choices button{flex:1;background:#fafbf6;color:#738068;border:1px solid var(--line);padding:12px 8px;border-radius:12px;font:600 13px system-ui;min-width:0}.spgs-choices button b,.spgs-choices button small{display:block}.spgs-choices button b{font-size:21px;font-weight:500}.spgs-choices button small{font-size:10px;font-weight:400;margin-top:7px}.spgstudio .spgs-choices button[aria-pressed=true]{background:#edf4de;color:#285b3c;border-color:#729253;box-shadow:inset 0 0 0 1px #729253}.spgstudio .spgs-font-simple{font-family:Arial,sans-serif}.spgstudio .spgs-font-classic{font-family:Georgia,serif}.spgstudio select.spgs-native{display:none}.spgs-bottom-options{display:grid;grid-template-columns:1fr 110px;gap:24px;align-items:end}.spgstudio .spgs-bottom-options label{font-size:12px}.spgstudio input[type=number]{border:1px solid var(--line);border-radius:10px;font:500 15px system-ui;background:#fafbf6;margin:8px 0 0}.spgstudio button.spgs-primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:11px;background:var(--green);color:white;padding:15px 17px;font:600 14px system-ui;margin-top:24px;transition:background .15s}.spgstudio button.spgs-primary:hover{background:#1f482e}.spgs-sample{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid #edf0e7;margin-top:22px;padding-top:12px;color:#839079;font-size:11px}.spgstudio .spgs-sample button{border:0;background:transparent;color:#42633a;font:600 11px system-ui;padding:0;text-decoration:underline;text-underline-offset:4px}.spgstudio .spgs-private{color:#839079;font-size:10px;line-height:1.5;margin:12px 0 0}.spgs-side{background:#f0f3e5;border:1px solid #e0e8d0;border-radius:22px;padding:23px;min-width:0}.spgs-side-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.spgs-side-top>span:first-child{font-size:9px;font-weight:700;letter-spacing:.1em;color:#6c7e5b}.spgs-side-top>span:last-child{font-size:10px;border-radius:20px;background:#ffffffa8;color:#5c744b;padding:5px 9px}.spgstudio [data-studio-empty]{text-align:center}.spgstudio [data-studio-empty] h3{font-size:23px;line-height:1.25;margin:20px 0 12px}.spgstudio [data-studio-empty]>p{font-size:13px;line-height:1.6;color:#788567;max-width:320px;margin:0 auto 15px}.spgs-illustration-note{font-size:9px;color:#8a9579;display:block;margin:20px 0}.spgs-jars{display:flex;align-items:end;justify-content:center;gap:18px;padding:60px 5px 35px}.spgs-jars>div{position:relative;width:90px;height:140px;background:linear-gradient(0deg,#e4d7ab 0 78%,#edf4e7 78%);border:2px solid #b8c6a6;border-radius:7px 7px 18px 18px;box-shadow:0 10px 0 -5px #334c2920;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}.spgs-jars>div:nth-child(2){height:170px;background:linear-gradient(0deg,#e6c995 0 80%,#edf4e7 80%);transform:rotate(3deg)}.spgs-jars>div:nth-child(3){height:120px;background:linear-gradient(0deg,#aa8162 0 75%,#edf4e7 75%);transform:rotate(-3deg)}.spgs-jars i{position:absolute;top:-15px;left:-3px;right:-3px;height:16px;border-radius:5px;background:#b48f68}.spgs-jars b{background:#fffaf0;border:1px solid #b5bea5;border-radius:5px;padding:9px 12px;font:15px Georgia;max-width:95%}.spgstudio [data-result]{margin:0}.spgstudio [data-result]>p{font-size:12px;line-height:1.55;color:#647455}.spgstudio [data-printable]{overflow:visible;padding:0}.spgstudio .spg2-sheet{grid-template-columns:repeat(var(--columns),minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:8px!important;width:100%!important;background:white;padding:15px;border-radius:9px;box-shadow:0 5px 18px #3142260a;margin:12px 0 20px}.spgstudio .spg2-label{aspect-ratio:var(--label-ratio);min-width:0;padding:5px;font-size:clamp(6px,.9vw,11px);border:1px solid #6d7b61;border-radius:5px;line-height:1.15}.spgs-sheet-caption{font-size:10px;color:#788467}.spgstudio [data-result]>button{width:100%;border:1px solid #cbd8ba;background:white;color:#285b3c;border-radius:11px;font:600 13px system-ui;padding:14px}.spgstudio .spgs-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:20px 0}.spgs-room{position:relative;display:flex!important;gap:12px;align-items:center;padding:16px 12px;border:1px solid var(--line);border-radius:13px;background:#fafbf6;font:600 13px system-ui!important;cursor:pointer}.spgs-room svg{width:30px;height:30px;fill:none;stroke:#789167;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.spgs-room input{position:absolute;opacity:0;width:1px!important;height:1px!important}.spgs-room b{margin-left:auto;color:#285b3c;visibility:hidden}.spgs-room:has(input:checked){background:#edf4de;border-color:#809d62}.spgs-room:has(input:checked) b{visibility:visible}.spgs-room:has(input:focus-visible){outline:2px solid #285b3c;outline-offset:3px}.spgstudio .spgs-muted{font-size:13px;color:#788567}.spgs-slider-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.spgs-slider-heading output{font:600 23px system-ui;letter-spacing:-.5px;color:#285b3c}.spgs-slider-heading span,.spgs-range-labels{font-size:10px;color:#829173}.spgstudio input[type=range]{width:100%;min-height:25px;padding:0;border:0;accent-color:#729550;background:transparent;margin:12px 0 0}.spgs-range-labels{display:flex;justify-content:space-between}.spgstudio .spgs-days-input{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:18px}.spgstudio .spgs-days-input input{width:80px;margin:0}.spgs-note-art{position:relative;text-align:left;max-width:270px;margin:55px auto 45px;padding:26px 23px;background:#fffdf5;border-radius:3px 3px 15px 15px;box-shadow:5px 10px 0 #becb9f55;transform:rotate(-5deg)}.spgs-note-art:before{content:"";position:absolute;width:75px;height:23px;top:-12px;left:calc(50% - 37px);background:#d4ddb1b0;transform:rotate(8deg)}.spgs-note-art b{display:block;font:22px Georgia;margin-bottom:15px}.spgs-note-art span{display:block;font:12px/2.5 system-ui;color:#6e8257}.spgs-note-art i{position:absolute;right:-20px;bottom:-25px;font-style:normal;font-size:60px;color:#7e9b59}.spgs-plan-toolbar{padding-bottom:14px;border-bottom:1px solid #dce6cd}.spgs-plan-toolbar>p{font-size:12px;font-weight:600;color:#42683b}.spgs-plan-toolbar progress{width:100%;height:10px;accent-color:#789c54}.spgs-day-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.spgstudio .spgs-day-tabs button{font:600 11px system-ui;padding:7px 10px;min-height:34px;border:1px solid #d1debe;border-radius:20px;background:#fff;color:#718562}.spgstudio .spgs-day-tabs button[aria-pressed=true]{background:#285b3c;color:white;border-color:#285b3c}.spgstudio .spg2-day{padding:18px;background:#fffdf7;border-color:#e0e6d4}.spgstudio .spg2-day h4{font-size:17px;letter-spacing:-.3px}.spgstudio .spg2-task label{font:500 10px system-ui;color:#7b8c6b;display:flex;align-items:center;gap:8px}.spgstudio .spg2-task input{accent-color:#6d9551}.spgstudio .spg2-task textarea{font-size:13px;background:#fcfcf7;border-color:#e7eddf;padding:9px}.spgstudio .spg2-task.is-done textarea{background:#edf5e4;color:#728469;text-decoration:line-through}.spgstudio [data-printable]>h3{font-size:24px;margin-top:20px}.spgstudio [data-printable]>p,.spgstudio [data-printable]>section:not(.spg2-day){font-size:12px;color:#728165;line-height:1.6}.spgs-help{border-top:1px solid var(--line);margin-top:30px;padding-top:12px}.spgstudio .spgs-help summary{font-size:13px;color:#718362}.spgs-help p{font-size:13px;line-height:1.6;color:#718362}.spgs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.spgstudio [role=alert]:empty{display:none}.spgstudio [role=alert]{font-size:12px;background:#fff1e5;border-radius:8px;padding:10px}.spgstudio [hidden]{display:none!important}.spgstudio :focus-visible{outline:2px solid #285b3c;outline-offset:3px}@media(max-width:800px){.spgs-layout{grid-template-columns:1fr;gap:20px}.spgstudio .spgs-hero h2{font-size:39px}.spgstudio .spg2-label{font-size:clamp(6px,2vw,12px)}.spgstudio form{padding:22px}}@media(max-width:380px){.spgstudio form,.spgs-side{padding:16px}.spgstudio .spgs-hero h2{font-size:33px}.spgs-room{padding:12px 8px;font-size:11px!important;gap:8px}.spgs-room svg{width:24px;height:24px}.spgs-bottom-options{gap:12px;grid-template-columns:1fr 80px}.spgstudio .spgs-choices button{padding:10px 5px}.spgs-jars{gap:12px}.spgs-jars>div{width:70px}.spgs-jars b{font-size:11px;padding:6px 8px}}@media(prefers-reduced-motion:reduce){.spgstudio *{transition:none!important;animation:none!important}}

.spgs-layout>form,.spgs-layout>aside{min-width:0}.spgstudio .spgs-room-grid{min-inline-size:0}.spgstudio .spgs-room svg{margin:0;flex-shrink:0}.spgstudio .spgs-reset-side{overflow:hidden}.spgstudio progress{appearance:none;border:0;border-radius:10px;overflow:hidden;background:#dce6cf}.spgstudio progress::-webkit-progress-bar{background:#dce6cf}.spgstudio progress::-webkit-progress-value{background:#789c54}.spgstudio progress::-moz-progress-bar{background:#789c54}@media(max-width:800px){.spgs-layout{grid-template-columns:minmax(0,1fr)}}