.refresh-studio{background:#f3f3e6;min-height:100vh;overflow-x:clip}.refresh-studio-header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1580px;margin:auto;border-bottom:1px solid #d3d9c3;padding:22px 36px}.refresh-studio-header>a>img{display:block;width:88px;height:auto}.refresh-studio-header>nav{display:flex;gap:9px}.refresh-studio-header>nav>button{display:flex;gap:9px;align-items:center;border:1px solid transparent;background:transparent;border-radius:25px;padding:11px 15px;color:#87966e;font:inherit;font-size:10px;min-height:40px;cursor:pointer}.refresh-studio-header>nav>button>span{font-size:8px}.refresh-studio-header>nav>button[aria-current=step]{background:#e4edcc;border-color:#b8cc82;color:#3b5823}.refresh-studio-header>nav>button:disabled{opacity:.45;cursor:default}.refresh-studio-header>div{display:flex;align-items:center;gap:18px;font-size:9px;color:#8d9c74}.refresh-studio-header>div>a{text-decoration:none}.refresh-studio-header #studio-motion{display:grid;place-items:center;border:1px solid #ccd7b5;border-radius:100%;background:transparent;color:#829866;width:31px;height:31px;cursor:pointer}.refresh-studio-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:45px;padding:35px 36px 45px;max-width:1580px;margin:auto;align-items:start}.refresh-controls{min-width:0}.refresh-step{animation:refresh-arrive .25s ease-out}.refresh-step[hidden]{display:none}.refresh-step>.eyebrow{font-size:7px;line-height:1.7;color:#83976b;letter-spacing:.12em}.refresh-step>h1{font-size:clamp(36px,3.5vw,51px);line-height:1.05;letter-spacing:-.02em;margin:17px 0 18px}.refresh-step>h1>span{color:#829268}.refresh-step>p:not(.studio-private-note){font-size:12px;line-height:1.8;color:#7f9168;margin-bottom:23px;max-width:310px}.refresh-step .field{gap:8px;margin-bottom:19px}.refresh-step .field>span{font-size:11px;color:#576f3b}.refresh-step .field small{font-size:9px;color:#93a57d;line-height:1.7}.refresh-step .field input,.refresh-step .field textarea,.refresh-step .field select{border:1px solid #cbd8b4;border-radius:7px;background:#fafcf1;padding:14px;font-size:13px;line-height:1.5;color:#47652e;width:100%;min-width:0}.refresh-step .field input:focus,.refresh-step .field textarea:focus,.refresh-step .field select:focus{outline:0;border-color:#92ab58;box-shadow:0 0 0 3px #b2ce7d20}.refresh-step>.button,.refresh-step form>.button{border-radius:7px;font-size:11px;min-height:50px;padding:14px 18px}.studio-example{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #d6dfc4;background:transparent;font:inherit;font-size:10px;color:#7f9363;padding:16px 0;min-height:46px;margin-top:3px}.studio-film{position:relative;aspect-ratio:1.8;background:#26341f;border:1px solid #c0d29c45;border-radius:11px;overflow:hidden;margin-top:25px}.studio-film>img,.studio-film>video{display:block;position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.studio-film>video{z-index:1}.studio-film:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 65%,#14240fb0);pointer-events:none}.studio-film>span{position:absolute;bottom:13px;left:16px;font-size:6px;letter-spacing:.15em;color:#e5edcf;z-index:3}.studio-private-note{font-size:8px!important;line-height:1.8!important;color:#a0ad8d!important;margin-top:17px!important}.studio-error{font-size:11px;color:#8e5b29;background:#fbf0d8;border:1px solid #d7c18e;border-radius:6px;padding:13px;margin-bottom:15px;line-height:1.7}.studio-error[hidden]{display:none}.studio-moods{display:grid;gap:7px;margin-bottom:20px}.studio-moods>button{display:flex;align-items:center;gap:12px;text-align:left;background:#f7f9eb;border:1px solid #d4dfc1;border-radius:7px;padding:12px;min-height:62px;transition:background .16s,border-color .16s,translate .16s}.studio-moods>button:hover{translate:3px 0;border-color:#a9bf7e}.studio-moods>button[aria-pressed=true]{background:#e4efcb;border-color:#9dbb63}.studio-moods i{display:grid;place-items:center;font-family:Georgia,serif;font-style:normal;width:43px;min-height:34px;background:#e4e8d4;border-radius:4px;color:#5c7050;font-size:11px;flex-shrink:0}.studio-moods [data-mood=bold] i{font-family:Anton,sans-serif;background:#d1ed41;color:#25351a;font-size:16px}.studio-moods [data-mood=warm] i{background:#d0a38b;color:#573b2b;font-size:8px;padding:5px}.studio-moods>button>span{font-size:10px;color:#65844a;flex:1}.studio-moods>button>b{font-size:8px;font-weight:500;color:#9fb483}.studio-palette{display:flex;align-items:center;justify-content:space-between;gap:15px;border-block:1px solid #d8e1c9;padding:15px 0;margin-bottom:20px}.studio-palette>span{font-size:9px;color:#8b9f70;max-width:100px;line-height:1.6}.studio-palette>div{display:flex;align-items:center;gap:8px}.studio-palette .swatch{width:25px;height:25px;border-radius:100%;border:3px solid #f4f6e8;outline:1px solid #c7d6ae;padding:0;min-height:0}.swatch-lime{background:#c8ef3c}.swatch-sage{background:#b6c3a0}.swatch-clay{background:#d5a086}.studio-palette .swatch[aria-pressed=true]{outline:2px solid #78984c}.studio-palette input{width:27px;height:27px;border:0;padding:0;background:transparent;cursor:pointer}.studio-image-options{display:flex;align-items:center;gap:7px;padding-bottom:15px;border-bottom:1px solid #dae3ca}.studio-image-options>button{width:51px;height:43px;min-height:0;border:2px solid transparent;background:transparent;border-radius:5px;padding:0;overflow:hidden;cursor:pointer}.studio-image-options>button[aria-pressed=true]{border-color:#95b25e;box-shadow:0 0 0 2px #e1eccb}.studio-image-options img{height:100%;width:100%;object-fit:cover;display:block}.studio-image-options>span{font-size:8px;color:#9cb184;line-height:1.7;margin-left:5px}.studio-shape-status{font-size:9px!important;color:#8aa46b!important;line-height:1.8!important;margin:14px 0!important;min-height:28px}.studio-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #d6e0c4;padding-top:17px;margin-top:20px}.studio-navigation>.button{font-size:11px;border-radius:7px;min-height:48px;padding:14px 19px}.studio-back{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#93a779;padding:12px 0;font:inherit;font-size:10px;min-height:44px;cursor:pointer}.refresh-choice-summary{display:grid;gap:8px;border-block:1px solid #d6e1c3;padding:18px 0;margin-bottom:22px}.refresh-choice-summary>span:first-child{font-size:7px;letter-spacing:.13em;color:#9db186}.refresh-choice-summary>strong{font-size:18px;letter-spacing:-.3px;color:#617e44}.refresh-choice-summary>span:last-child{font-size:10px;color:#8ea675}.studio-pages{border:0;padding:0;margin:0 0 20px;min-width:0}.studio-pages legend{font-size:11px;color:#6b8850;margin-bottom:13px}.studio-pages>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio-pages label{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid #d1deba;border-radius:5px;padding:12px 10px;background:#f7faee;color:#79975c;min-height:42px;cursor:pointer}.studio-pages label:has(input:checked){background:#e6efd4;border-color:#b3c98f}.studio-pages input{accent-color:#819d4f;margin:0;width:13px;height:13px}
.refresh-canvas-stage{position:sticky;top:20px;background:#26341f;border:1px solid #354c29;border-radius:16px;box-shadow:0 30px 75px #3d542619;padding:0 20px 15px;min-width:0;overflow:hidden;isolation:isolate}.refresh-canvas-stage:before{content:'';position:absolute;inset:100px 30px;border:1px solid #c9e88a15;border-radius:50%;rotate:20deg;z-index:-1;animation:refresh-breathe 13s ease-in-out infinite}.refresh-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;flex-wrap:wrap}.refresh-canvas-toolbar>span{display:flex;align-items:center;gap:7px;color:#c7dfa5;font-size:7px;letter-spacing:.1em}.refresh-canvas-toolbar>span>i{width:5px;height:5px;border-radius:50%;background:#d1ec45;box-shadow:0 0 12px #d2eb6150}.canvas-tools{display:flex;align-items:center;gap:9px}.canvas-mode,.canvas-devices{display:flex;gap:3px;border:1px solid #ffffff18;background:#ffffff04;padding:3px;border-radius:6px}.canvas-tools button{border:0;background:transparent;color:#9fb77e;font:inherit;font-size:8px;border-radius:3px;padding:7px 9px;min-height:30px}.canvas-tools button[aria-pressed=true]{background:#e3efcf;color:#314e1c}.canvas-tools #focus-canvas{font-size:8px;padding:9px 0}.refresh-canvas-floor{padding:28px;min-height:470px;border:1px solid #8ca66520;border-radius:9px;background-image:radial-gradient(ellipse at 50% 100%,#8aa63a17,transparent 60%),linear-gradient(#d0eaa305 1px,transparent 1px),linear-gradient(90deg,#d0eaa305 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;display:grid;place-items:start center;perspective:1200px}.refresh-site-window{position:relative;max-width:100%;width:100%;border-radius:9px;overflow:hidden;border:1px solid #90a66c80;background:#f6f7ec;box-shadow:0 15px 45px #101c0a60;transition:max-width .32s cubic-bezier(.2,.8,.2,1);--sketch-accent:#c8ef3c;--sketch-accent-ink:#15200e}.refresh-site-window[data-device=phone]{max-width:350px}.refresh-site-chrome{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;background:#e5ebd4;color:#93a477;font-size:7px;border-bottom:1px solid #d7e2c4}.refresh-site-chrome>span:first-child{font-size:5px;letter-spacing:3px;color:#a9b991}.refresh-site-compare{position:relative;min-height:390px;--sketch-split:50%;isolation:isolate}.refresh-sketch{background:#f6f7ee;color:#2d4124;transition:background .3s,color .3s;min-height:390px}.refresh-sketch>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 29px}.refresh-sketch>header>strong{font-size:12px;letter-spacing:1.5px;font-weight:550}.refresh-sketch>header>strong>span{display:block;font-size:5px;letter-spacing:1px;margin-top:5px;color:#839a6a}.refresh-sketch>header>span{font-size:6px;color:#8ba472;white-space:nowrap}.sketch-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.sketch-copy{padding:17px 20px 25px 28px;min-width:0}.sketch-eyebrow{font-size:5px;letter-spacing:.1em;color:#849f69;font-weight:600}.sketch-copy h2{font-family:Georgia,serif;font-size:clamp(29px,3.1vw,47px);font-weight:400;letter-spacing:-1.4px;line-height:1.05;text-transform:none;color:inherit;white-space:pre-line;margin:15px 0;outline:none;border:1px solid transparent;border-radius:4px;padding:3px;word-break:normal;overflow-wrap:anywhere}.sketch-copy p{font-size:10px;line-height:1.75;color:#7e9869;max-width:280px;outline:none;border:1px solid transparent;padding:3px;border-radius:4px;white-space:pre-line}.sketch-copy [contenteditable=plaintext-only]{cursor:text}.sketch-copy [contenteditable=plaintext-only]:hover{border-color:#9fbd7180;background:#ddebbe25}.sketch-copy [contenteditable=plaintext-only]:focus{border-color:#89a956;background:#e3efc733;box-shadow:0 0 0 3px #a3c86d12}.sketch-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;background:var(--sketch-accent);color:var(--sketch-accent-ink);border-radius:4px;padding:11px 13px;margin-top:22px;line-height:1.5}.sketch-image{border:0;padding:0;position:relative;overflow:hidden;min-width:0;min-height:280px;background:#d1ddbb;border-radius:0;cursor:pointer}.sketch-image>img{display:block;height:100%;width:100%;object-fit:cover;transition:scale .35s ease}.sketch-image:hover>img{scale:1.035}.sketch-image:disabled{cursor:default}.sketch-image:disabled:hover>img{scale:1}.sketch-image>span{position:absolute;inset:auto 12px 12px;background:#e9f2d6e6;border:1px solid #c1d2a2;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;color:#627f43;font-size:6px;letter-spacing:.05em;opacity:0;translate:0 4px;transition:opacity .2s,translate .2s}.sketch-image:hover>span,.sketch-image:focus-visible>span{opacity:1;translate:0 0}.refresh-sketch>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 28px;margin-top:7px;border-top:1px solid #dce7cb;color:#819b68;font-size:5px;letter-spacing:.08em}.refresh-site-window[data-mood=bold] .refresh-sketch{background:#23311d;color:#edf4dd}.refresh-site-window[data-mood=bold] .sketch-copy h2{font-family:Anton,Impact,sans-serif;font-size:clamp(32px,3.7vw,53px);letter-spacing:-.3px;text-transform:uppercase;line-height:1}.refresh-site-window[data-mood=bold] .refresh-sketch>header>strong>span,.refresh-site-window[data-mood=bold] .refresh-sketch>header>span,.refresh-site-window[data-mood=bold] .sketch-copy p{color:#b7cca1}.refresh-site-window[data-mood=bold] .sketch-copy h2:focus{color:#23311d}.refresh-site-window[data-mood=bold] .refresh-sketch>footer{border-color:#ffffff20;color:#9fb985}.refresh-site-window[data-mood=warm] .refresh-sketch{background:#eee1cf;color:#634333}.refresh-site-window[data-mood=warm] .sketch-copy p,.refresh-site-window[data-mood=warm] .refresh-sketch>header>span,.refresh-site-window[data-mood=warm] .refresh-sketch>header>strong>span{color:#9b7c62}.refresh-site-window[data-mood=warm] .sketch-image{border-radius:85px 0 0 0}.refresh-site-window[data-mood=warm] .sketch-cta{border-radius:24px}.refresh-site-window[data-device=phone] .refresh-site-compare,.refresh-site-window[data-device=phone] .refresh-sketch{min-height:595px}.refresh-site-window[data-device=phone] .refresh-sketch>header{padding:24px}.refresh-site-window[data-device=phone] .refresh-sketch>header>span{display:none}.refresh-site-window[data-device=phone] .sketch-hero{grid-template-columns:1fr}.refresh-site-window[data-device=phone] .sketch-copy{padding:15px 24px 26px}.refresh-site-window[data-device=phone] .sketch-copy h2{font-size:36px}.refresh-site-window[data-device=phone] .sketch-copy p{font-size:11px}.refresh-site-window[data-device=phone] .sketch-image{height:250px;min-height:250px}.refresh-site-window[data-device=phone] .refresh-sketch>footer{padding:17px 24px;font-size:4px}.refresh-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0 0;color:#93ac74;font-size:7px;line-height:1.7}.refresh-canvas-footer>span:first-child{max-width:400px}.refresh-canvas-footer>span:last-child{font-family:Anton,sans-serif;font-size:20px;color:#c6d8a9}.lime-stop{color:#d1ec3d}
.sketch-original{display:none;position:absolute;inset:0;background:#f0e7da;color:#79614e;font-family:Georgia,serif;clip-path:inset(0 calc(100% - var(--sketch-split)) 0 0);overflow:hidden}.sketch-original>header{text-align:center;background:#ad9b84;color:#fbf2e8;padding:24px}.sketch-original>header>strong{display:block;font-size:21px;font-weight:400}.sketch-original>header>span{display:block;margin-top:9px;font-family:Arial,sans-serif;font-size:5px;letter-spacing:.1em}.sketch-original>h3{text-align:center;font-size:20px;font-weight:400;margin:20px 0 12px}.sketch-original>p{font-size:9px;line-height:1.7;margin:0 25px 15px}.sketch-original>p:first-of-type{text-align:center;font-size:6px;letter-spacing:.12em}.sketch-original>img{height:140px;width:calc(48% - 25px);float:left;object-fit:cover;margin:5px 18px 18px 25px}.sketch-original>h4{font-size:12px;font-weight:400;margin:20px 25px 10px}.sketch-divider,.sketch-original-label,#studio-compare{display:none}.sketch-divider{position:absolute;top:0;bottom:0;left:var(--sketch-split);width:2px;background:#d0f248;z-index:5;pointer-events:none}.sketch-divider>span{position:absolute;left:0;top:50%;translate:-50% -50%;border:4px solid #eff5de;background:#d0f248;border-radius:100%;width:43px;height:43px;display:grid;place-items:center;font-size:23px;letter-spacing:2px;color:#4b6727}.sketch-original-label{position:absolute;left:11px;top:11px;padding:7px 9px;background:#536144d9;color:#f0f6e4;font-size:5px;letter-spacing:.06em;z-index:4}.refresh-studio[data-comparing=true] .sketch-original,.refresh-studio[data-comparing=true] .sketch-divider,.refresh-studio[data-comparing=true] .sketch-original-label,.refresh-studio[data-comparing=true] #studio-compare{display:block}#studio-compare{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:6;cursor:ew-resize;touch-action:pan-y}.refresh-site-compare:has(#studio-compare:focus-visible){outline:3px solid #b3d66f;outline-offset:3px}.refresh-studio[data-focus=true] .refresh-controls{display:none}.refresh-studio[data-focus=true] .refresh-studio-layout{grid-template-columns:minmax(0,1fr);max-width:1340px}.refresh-studio[data-focus=true] .refresh-canvas-floor{min-height:550px}.refresh-studio[data-step="0"] .canvas-mode{opacity:.4;pointer-events:none}.refresh-studio[data-step="2"] .canvas-mode{opacity:.5;pointer-events:none}.mobile-canvas-open,.mobile-canvas-return{display:none}
@keyframes refresh-arrive{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes refresh-breathe{0%,100%{scale:1;opacity:.35}50%{scale:1.04;opacity:1}}
@media(max-width:1100px){.refresh-studio-header{padding:20px 25px}.refresh-studio-layout{grid-template-columns:300px minmax(0,1fr);padding:30px 25px 40px;gap:25px}.refresh-studio-header>nav{gap:3px}.refresh-studio-header>nav>button{font-size:9px;padding:10px}.refresh-step>h1{font-size:42px}.refresh-canvas-stage{padding:0 14px 15px}.refresh-canvas-floor{padding:17px;min-height:430px}.refresh-canvas-toolbar{padding:15px 0;gap:9px}.canvas-tools{gap:7px}.canvas-tools button{font-size:7px;padding:6px 8px}.refresh-canvas-toolbar>span{font-size:6px}.refresh-site-chrome{font-size:6px}.refresh-sketch>header{padding:24px 20px}.refresh-sketch>header>strong{font-size:10px}.refresh-sketch>header>span{display:none}.sketch-copy{padding:12px 16px 22px 20px}.sketch-copy h2{font-size:30px}.sketch-copy p{font-size:9px}.sketch-cta{font-size:7px;padding:10px;margin-top:17px;gap:13px}.sketch-image{min-height:265px}.refresh-sketch>footer{padding:17px 20px;font-size:4px}.refresh-site-window[data-mood=bold] .sketch-copy h2{font-size:34px}.refresh-canvas-footer{font-size:6px}.refresh-canvas-floor .refresh-site-window{min-width:0}}
@media(max-width:800px){.refresh-studio-header{flex-wrap:wrap;padding:17px 20px;gap:15px}.refresh-studio-header>a>img{width:70px}.refresh-studio-header>nav{order:3;width:100%;justify-content:center;border-top:1px solid #d8e0c9;padding-top:12px;gap:5px}.refresh-studio-header>nav>button{flex:1;justify-content:center;font-size:9px;padding:9px 6px}.refresh-studio-header>nav>button>span{font-size:7px}.refresh-studio-header>div{margin-left:auto}.refresh-studio-layout{display:block;padding:28px 22px 100px;max-width:620px}.refresh-step>h1{font-size:51px}.refresh-step>p:not(.studio-private-note){max-width:440px;font-size:13px}.refresh-controls{max-width:none}.refresh-step .field input,.refresh-step .field select,.refresh-step .field textarea{font-size:16px;min-height:51px}.refresh-step .field>span{font-size:12px}.refresh-step .field small{font-size:10px}.studio-film{max-width:430px;aspect-ratio:2.2}.studio-private-note{font-size:9px!important}.refresh-canvas-stage{display:none;position:relative;top:auto}.mobile-canvas-open{display:block;position:fixed;z-index:10;left:20px;right:20px;bottom:18px;width:calc(100% - 40px);padding:16px 20px;border:1px solid #a2c05a;border-radius:9px;background:#d1ec43;color:#3a5423;font:inherit;font-size:12px;min-height:52px;box-shadow:0 12px 35px #253b1420}.refresh-studio[data-mobile-preview=true] .refresh-controls{display:none}.refresh-studio[data-mobile-preview=true] .refresh-canvas-stage{display:block}.refresh-studio[data-mobile-preview=true] .mobile-canvas-open{display:none}.refresh-studio[data-mobile-preview=true] .mobile-canvas-return{display:block;width:100%;font:inherit;font-size:12px;color:#bcd49e;border:1px solid #ffffff20;background:transparent;padding:14px;border-radius:7px;margin-top:15px;min-height:48px}.canvas-devices,#focus-canvas{display:none}.refresh-canvas-toolbar>span{font-size:7px}.canvas-tools button{font-size:9px;min-height:34px}.refresh-canvas-floor{padding:12px;min-height:500px}.refresh-site-window[data-device=phone] .sketch-copy h2{font-size:38px}.refresh-site-window[data-device=phone] .sketch-copy p{font-size:12px}.refresh-site-window[data-device=phone] .sketch-copy{padding:18px 22px 25px}.refresh-site-window[data-device=phone] .sketch-cta{font-size:9px;padding:12px 15px}.refresh-site-window[data-device=phone] .sketch-image{height:220px;min-height:220px}.refresh-site-window[data-device=phone] .refresh-site-compare,.refresh-site-window[data-device=phone] .refresh-sketch{min-height:590px}.refresh-canvas-footer{font-size:7px}.studio-moods{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-moods>button{display:grid;gap:9px;grid-template-rows:auto 1fr;justify-items:start;padding:12px;min-height:108px}.studio-moods>button>i{width:100%;height:32px;font-size:12px}.studio-moods>button>span{font-size:10px;line-height:1.5}.studio-moods>button>b{display:none}.studio-palette>span{font-size:11px;max-width:170px}.studio-image-options>button{height:48px;width:60px}.studio-image-options>span{font-size:10px}.studio-shape-status{font-size:11px!important}.studio-pages label{font-size:12px;min-height:47px}.studio-pages legend{font-size:12px}.refresh-step form>.button{min-height:52px;font-size:12px}.studio-navigation>.button{min-height:52px;font-size:12px}}
@media(max-width:430px){.refresh-studio-header{padding:17px}.refresh-studio-header>nav>button{font-size:8px;gap:5px}.refresh-studio-layout{padding:25px 17px 95px}.refresh-step>h1{font-size:48px}.studio-moods>button{padding:10px;min-height:104px}.studio-moods>button>span{font-size:9px}.studio-image-options>button{width:51px;height:44px}.refresh-canvas-stage{padding:0 10px 12px;border-radius:12px}.refresh-canvas-floor{padding:9px}.refresh-canvas-toolbar>span{font-size:6px}.canvas-mode button{font-size:8px;padding:6px 8px}.refresh-canvas-footer>span:first-child{max-width:235px}.refresh-site-window[data-device=phone] .sketch-copy h2{font-size:33px}.refresh-site-window[data-device=phone] .sketch-copy p{font-size:11px}.refresh-site-window[data-device=phone] .sketch-copy{padding:17px 20px 24px}.sketch-original>img{float:none;display:block;width:calc(100% - 40px);height:180px;margin:10px 20px}.sketch-original>header>strong{font-size:19px}.sketch-original>h4{font-size:14px}.sketch-original>p{font-size:10px}.studio-private-note{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.refresh-studio *, .refresh-studio *:before, .refresh-studio *:after{animation:none!important;transition:none!important}#studio-motion{display:none!important}.studio-film>video{display:none}}

/* Readable controls stay distinct from miniature website content. */
.refresh-step>p:not(.studio-private-note){font-size:14px;color:#5b7048}
.refresh-step .field>span{font-size:13px;color:#415c2c}
.refresh-step .field small{font-size:11px;color:#647950}
.refresh-step .field input,.refresh-step .field textarea,.refresh-step .field select{font-size:15px}
.refresh-studio-header>nav>button{font-size:11px;color:#536b3f;min-height:44px}
.refresh-studio-header>nav>button:disabled{color:#6e7e5b;opacity:.65}
.refresh-studio-header #studio-motion{min-width:40px;min-height:40px}
.studio-moods>button>span{font-size:12px;color:#4f7035}
.studio-example,.studio-back{font-size:12px;color:#526d3b}
.studio-palette>span{font-size:11px;color:#5b7345}
.studio-palette .swatch{width:33px;height:33px}
.studio-palette input{width:33px;height:33px}
.studio-image-options>span{font-size:10px;color:#647f4d}
.studio-shape-status{font-size:11px!important;color:#5a7941!important}
.studio-private-note{color:#647750!important;font-size:10px!important}
.canvas-tools button{font-size:10px;color:#c2d6a7;min-height:36px}
.canvas-tools #focus-canvas{font-size:10px;min-height:36px}
.refresh-canvas-toolbar>span{font-size:8px}
.studio-pages label{font-size:12px;color:#536f3d}
.refresh-choice-summary>span:last-child{font-size:12px;color:#5b7545}
.refresh-step form>.button,.studio-navigation>.button{font-size:13px}
@media(max-width:1100px) and (min-width:801px){.canvas-tools button{font-size:9px}.refresh-canvas-toolbar{gap:9px}.refresh-canvas-toolbar>span{font-size:7px}}
@media(max-width:430px){.studio-moods>button>span{font-size:11px}.refresh-studio-header>nav>button{font-size:9px}.canvas-tools button{font-size:9px}.refresh-canvas-toolbar>span{font-size:6px}.studio-palette>span{max-width:125px}}

.refresh-opening-scene{display:none}.refresh-studio[data-step="0"] .refresh-opening-scene{display:block;animation:refresh-arrive .3s ease-out}.refresh-studio[data-step="0"] .refresh-canvas-floor{display:none}.refresh-studio[data-step="0"] .canvas-tools{visibility:hidden}.refresh-studio[data-step="0"] .refresh-canvas-stage{background:#25321f}
.refresh-opening-copy{padding:25px 22px 8px;position:relative;z-index:1}.refresh-opening-copy>span{font-size:8px;letter-spacing:.12em;color:#bad58c}.refresh-opening-copy>h2{font-family:Anton,Impact,sans-serif;font-size:clamp(37px,4vw,66px);font-weight:400;text-transform:uppercase;line-height:1.03;letter-spacing:-.02em;color:#f0f3dd;margin:16px 0}.refresh-opening-copy em{font-style:normal;color:#c8ed3c}.refresh-opening-copy>p{font-size:13px;color:#c0d0a9;line-height:1.7;margin:0 0 20px}
.refresh-opening-scene .studio-film{margin:0;border-radius:9px;aspect-ratio:2.1}.refresh-scene-caption{display:flex;justify-content:space-between;gap:15px;font-size:7px;color:#bdd0a5;letter-spacing:.06em;padding:19px 2px 12px}
.refresh-studio:not([data-step="0"]) .refresh-site-window{animation:refresh-arrive .32s ease-out}
@media(max-width:800px){.refresh-opening-copy{padding:20px 10px 5px}.refresh-opening-copy>h2{font-size:40px}.refresh-opening-copy>p{font-size:12px}.refresh-opening-scene .studio-film{aspect-ratio:1.5}.refresh-scene-caption{font-size:6px}.refresh-studio[data-step="0"] .canvas-tools{display:none}}
/* Second creative pass: distinct compositions, reversible exploration, quieter controls. */
.refresh-studio-layout{grid-template-columns:clamp(240px,24vw,330px) minmax(0,1fr);gap:32px;max-width:1680px}
.refresh-canvas-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(360px circle at var(--studio-glow-x,65%) var(--studio-glow-y,40%),#c0e55014,transparent 75%)}
.studio-creative-note{display:flex;align-items:center;gap:12px;padding:0 0 18px;margin:-4px 0 15px;border-bottom:1px solid #d1dcc0}
.studio-creative-note>img{object-fit:cover;object-position:50% 24%;height:54px;width:47px;border-radius:7px;filter:saturate(.85);flex-shrink:0}
.studio-creative-note>p{font-size:12px;line-height:1.45;color:#758565;margin:0}.studio-creative-note>p>strong{color:#354c26;font-weight:550}
.studio-creative-note>span{margin-left:auto;font-size:6px;letter-spacing:.1em;max-width:65px;line-height:1.8;color:#738a59}
.refresh-canvas-footer{gap:12px;flex-wrap:wrap}.refresh-canvas-footer>span:first-of-type{flex:1;max-width:340px;line-height:1.6}
.canvas-history{display:flex;gap:3px}.canvas-history>button{display:flex;align-items:center;gap:5px;border:1px solid #bfd99630;border-radius:5px;background:#d5edb309;color:#d4e4bf;font:inherit;font-size:13px;min-height:36px;padding:7px 10px;cursor:pointer}
.canvas-history>button>span{font-size:9px}.canvas-history>button:hover:enabled{background:#d5edb31a;border-color:#bfd99670}.canvas-history>button:disabled{opacity:.35;cursor:default}
.refresh-studio[data-step="0"] .canvas-history{display:none}
.studio-visual-receipt{display:flex;align-items:center;gap:15px;margin:18px 0 14px;padding-bottom:18px;border-bottom:1px solid #d2ddc0}.studio-visual-receipt>img{width:88px;height:74px;object-fit:cover;border-radius:7px;border:1px solid #b9c5a5}
.studio-visual-receipt>div{display:grid;gap:8px}.studio-visual-receipt>div>span{font-size:7px;letter-spacing:.1em;color:#70895a}.studio-visual-receipt strong{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#526c3c}.studio-visual-receipt i{height:18px;width:18px;border-radius:50%;border:1px solid #60784940}.studio-visual-receipt small{font-size:11px;color:#637b4d}
#summary-headline{font-family:Georgia,serif;font-size:22px;line-height:1.2;color:#425d2b;border-left:2px solid #b7cc82;padding-left:15px;margin:0 0 25px;white-space:pre-line;overflow-wrap:anywhere}
.refresh-sketch{position:relative;z-index:0;isolation:isolate}.sketch-hero{position:relative}.sketch-copy,.sketch-image{will-change:auto}
.refresh-site-window[data-mood=calm]:not([data-device=phone]) .sketch-hero{grid-template-columns:1.1fr .9fr;padding:0 22px 22px;gap:12px;align-items:center}
.refresh-site-window[data-mood=calm]:not([data-device=phone]) .sketch-copy{padding:16px 12px 25px 3px}
.refresh-site-window[data-mood=calm]:not([data-device=phone]) .sketch-image{min-height:320px;aspect-ratio:.88;border-radius:3px}
.refresh-site-window[data-mood=calm] .sketch-copy h2{font-size:clamp(32px,3.8vw,57px);letter-spacing:-1.7px}
.refresh-site-window[data-mood=calm] .sketch-copy p{color:#60764e}
.refresh-site-window[data-mood=bold] .sketch-hero{display:block;min-height:390px;background:#1d2a17;isolation:isolate}
.refresh-site-window[data-mood=bold] .sketch-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;z-index:0}
.refresh-site-window[data-mood=bold] .sketch-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172510e8 0%,#172510a6 47%,#1725101a 100%);pointer-events:none}
.refresh-site-window[data-mood=bold] .sketch-image>span{z-index:1;left:auto;right:15px;width:145px}
.refresh-site-window[data-mood=bold] .sketch-copy{position:relative;z-index:1;padding:35px 30px 40px;width:86%;pointer-events:none}
.refresh-site-window[data-mood=bold] .sketch-copy>[contenteditable="plaintext-only"]{pointer-events:auto}
.refresh-site-window[data-mood=bold] .sketch-copy h2{font-size:clamp(39px,4.7vw,72px);letter-spacing:-.5px;line-height:1.02;max-width:520px;text-wrap:balance;color:#f4f6df;text-shadow:0 2px 22px #0d1b0d40}
.refresh-site-window[data-mood=bold] .sketch-copy h2:focus{color:#1d2c15;text-shadow:none;background:#e3efc7}
.refresh-site-window[data-mood=bold] .sketch-copy p{font-size:11px;max-width:280px;color:#d2dfc2;text-shadow:0 1px 8px #10200e}
.refresh-site-window[data-mood=bold] .sketch-copy p:focus{color:#22351b;background:#e3efc7;text-shadow:none}
.refresh-site-window[data-mood=bold] .sketch-eyebrow{color:#d1e1ba}.refresh-site-window[data-mood=bold] .sketch-cta{font-size:10px;padding:12px 16px;margin-top:20px}
.refresh-site-window[data-mood=warm]:not([data-device=phone]) .sketch-hero{grid-template-columns:.9fr 1.1fr;align-items:center;padding:10px 24px 25px;gap:12px}
.refresh-site-window[data-mood=warm]:not([data-device=phone]) .sketch-copy{padding:10px 8px 20px 0}
.refresh-site-window[data-mood=warm] .sketch-image{border-radius:48% 48% 4px 4px}
.refresh-site-window[data-mood=warm]:not([data-device=phone]) .sketch-image{min-height:330px;aspect-ratio:.78}
.refresh-site-window[data-mood=warm] .sketch-copy h2{font-size:clamp(32px,3.4vw,51px);letter-spacing:-1.4px;text-wrap:balance}
.refresh-site-window[data-mood=warm] .sketch-copy p,.refresh-site-window[data-mood=warm] .refresh-sketch>header>strong>span{color:#755c48}
.refresh-site-window[data-mood=warm] .sketch-cta{background:#74513b;color:#fff8eb;border:0;gap:12px;font-size:9px;padding:12px 14px}
.refresh-site-window[data-mood=warm] .sketch-cta{background:var(--sketch-accent);color:var(--sketch-accent-ink)}
.sketch-original{z-index:3}.sketch-divider{z-index:5}#studio-compare{z-index:6}.sketch-original-label{z-index:7}
.refresh-site-window[data-device=phone][data-mood=calm] .sketch-copy h2{font-size:39px}.refresh-site-window[data-device=phone][data-mood=warm] .sketch-copy h2{font-size:37px}
.refresh-site-window[data-device=phone][data-mood=warm] .sketch-image{width:calc(100% - 40px);margin:0 20px 20px;height:290px;border-radius:46% 46% 4px 4px}
.refresh-site-window[data-device=phone][data-mood=bold] .sketch-hero{min-height:480px;display:flex;align-items:center}
.refresh-site-window[data-device=phone][data-mood=bold] .sketch-copy{width:100%;padding:30px 22px 40px}
.refresh-site-window[data-device=phone][data-mood=bold] .sketch-copy h2{font-size:44px;max-width:100%}
.refresh-site-window[data-device=phone][data-mood=bold] .sketch-image{width:100%;height:100%;min-height:0;margin:0;border-radius:0}
.refresh-site-window[data-device=phone][data-mood=bold] .sketch-image:after{background:linear-gradient(90deg,#172510db,#1725105c)}
.studio-moods>button:active,.studio-navigation>.button:active{scale:.985}
.canvas-history>button:focus-visible,.canvas-tools button:focus-visible,.studio-moods>button:focus-visible{outline:2px solid #9ac34e;outline-offset:3px}
@media(min-width:801px) and (max-width:1100px){.refresh-studio-layout{padding:28px 24px 40px;grid-template-columns:240px minmax(0,1fr);gap:22px}.refresh-canvas-stage{padding-inline:14px}.refresh-canvas-floor{padding:15px}.canvas-tools{gap:5px}.refresh-canvas-toolbar{padding:14px 0}.refresh-step>h1{font-size:42px}.studio-moods>button>span{font-size:11px}.studio-palette{display:block}.studio-palette>span{display:block;max-width:none;margin-bottom:12px}.studio-palette>div{gap:10px}.studio-image-options>button{width:46px;height:40px}.studio-image-options>span{font-size:8px}.refresh-site-window[data-mood=calm]:not([data-device=phone]) .sketch-hero,.refresh-site-window[data-mood=warm]:not([data-device=phone]) .sketch-hero{padding-inline:18px;gap:10px}.refresh-site-window[data-mood=warm]:not([data-device=phone]) .sketch-copy{padding-right:0}.refresh-site-window[data-mood=bold] .sketch-copy{padding:28px 23px}.refresh-site-window[data-mood=bold] .sketch-copy h2{font-size:43px}.refresh-site-window[data-mood=calm] .sketch-copy h2{font-size:35px}.refresh-site-window[data-mood=warm] .sketch-copy h2{font-size:33px}.refresh-canvas-footer>span:first-of-type{font-size:7px}.canvas-history>button{padding:7px 8px}.canvas-history>button>span{font-size:8px}.sketch-cta{gap:10px}.studio-creative-note>span{font-size:5px}}
@media(max-width:800px){.refresh-studio-layout{display:block}.studio-creative-note{margin-bottom:18px;padding-bottom:15px}.studio-creative-note>img{width:43px;height:49px}.studio-creative-note>span{font-size:7px;max-width:85px}.studio-creative-note>p{font-size:13px}.canvas-history>button{min-height:42px;font-size:16px;padding:8px 11px}.canvas-history>button>span{font-size:11px}.refresh-canvas-footer{padding-top:14px;gap:14px}.refresh-canvas-footer>span:first-of-type{order:3;flex-basis:100%;font-size:8px;max-width:none}.refresh-canvas-footer>span:last-of-type{margin-left:auto}.studio-visual-receipt>div>span{font-size:9px}.studio-visual-receipt strong,.studio-visual-receipt small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.refresh-canvas-stage:after{display:none}.studio-moods>button:active,.studio-navigation>.button:active{scale:1}}

@keyframes canvas-arrive{from{transform:translateY(8px)}to{transform:translateY(0)}}
.refresh-studio:not([data-step="0"]) .refresh-site-window{animation:canvas-arrive .28s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){.refresh-studio:not([data-step="0"]) .refresh-site-window{animation:none}}
/* The VORL character world is the opening scene; the business identity lands in the design. */
.refresh-opening-scene>.character-stage{border:0;margin-inline:-10px;min-height:580px}.refresh-original-film{border-top:1px solid #d6e9b429;margin-top:5px}.refresh-original-film>summary{cursor:pointer;min-height:44px;padding:15px 3px;font-size:10px;color:#c0d3a7}.refresh-original-film .studio-film{aspect-ratio:2.1;margin-top:0;border-radius:9px}.refresh-studio[data-step="0"] .refresh-opening-scene{padding:0}.refresh-studio[data-character=true] .refresh-opening-scene{display:block}.refresh-studio[data-character=true] .refresh-canvas-floor{display:none}.refresh-studio[data-character=true] .canvas-mode,.refresh-studio[data-character=true] .canvas-devices,.refresh-studio[data-character=true] #focus-canvas{display:none}.canvas-tools #scene-toggle{border:1px solid #bed49535;border-radius:5px;padding:8px 10px;color:#d0e1b8;min-height:36px;font-size:9px}.canvas-tools #scene-toggle[aria-pressed=true]{background:#e3efcf;color:#314e1c}.brand-flight{position:fixed;z-index:1000;pointer-events:none;display:flex;align-items:center;padding:25px;font:550 24px/1.2 Inter,Arial,sans-serif;letter-spacing:-.5px;color:#25351b;border-radius:3px;box-shadow:0 15px 40px #14250e35;transform-origin:top left;overflow:hidden}
@media(min-width:801px) and (max-width:1100px){.canvas-tools{flex-wrap:wrap;justify-content:flex-end}.canvas-tools #scene-toggle{font-size:8px;padding:7px 9px}.refresh-opening-scene>.character-stage{min-height:540px}.canvas-tools .canvas-devices{display:none}.refresh-canvas-toolbar{align-items:start}}
@media(max-width:800px){.refresh-opening-scene>.character-stage{min-height:505px;margin-inline:-5px}.canvas-tools{gap:7px;flex-wrap:wrap;justify-content:flex-end}.canvas-tools #scene-toggle{min-height:38px;font-size:9px}.refresh-canvas-toolbar>span{max-width:90px;line-height:1.7}.refresh-original-film>summary{font-size:11px}.refresh-studio[data-character=true] .refresh-canvas-toolbar{min-height:65px}}
@media(prefers-reduced-motion:reduce){.brand-flight{display:none}}

@keyframes character-world-enter{from{transform:translateY(8px)}to{transform:translateY(0)}}
.refresh-studio[data-step="0"] .refresh-opening-scene{animation:character-world-enter .28s cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){.refresh-studio[data-step="0"] .refresh-opening-scene{animation:none}}
@media(max-width:800px){.refresh-studio[data-mobile-preview=true] .mobile-canvas-return{position:fixed;z-index:30;left:20px;right:20px;bottom:18px;width:calc(100% - 40px);margin:0;background:#d1ec43;color:#344d1e;border:1px solid #a7c55e;box-shadow:0 12px 35px #18300d38;border-radius:9px;min-height:52px;padding:15px 18px}.refresh-studio[data-mobile-preview=true] .refresh-studio-layout{padding-bottom:100px}}

.studio-real-example{font-size:11px;line-height:1.5;color:inherit;text-underline-offset:4px}.refresh-canvas-footer{flex-wrap:wrap}.studio-real-example:focus-visible{outline:3px solid #c8ef3c;outline-offset:4px}#request-real-mockup{margin-top:14px;text-decoration:none;display:flex;justify-content:center}.studio-creative-note img{object-fit:cover;object-position:center 25%;border-radius:4px}