.direction-summary{padding:14px 18px;background:#fcfdf9;border-bottom:1px solid #cbd4cd;display:grid;gap:7px;font-size:11px;line-height:1.5}.direction-summary>div{display:flex;gap:16px}.direction-summary strong{min-width:75px}.direction-summary span{overflow-wrap:anywhere}.viewport{height:calc(100svh - 270px)}.remix-view{padding:24px 18px;border-top:1px solid #cbd4cd;background:#f4f6f2}.remix-view-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.remix-view-head h2{margin:0}.remix-view-head>div,.remix-slots{display:flex;gap:6px}.remix-view button,.remix-slots button{border:1px solid #aebeb2;background:#fff;padding:9px;display:inline-flex;align-items:center;gap:10px}.remix-view button svg,.remix-slots button svg{width:17px;height:17px}.remix-slots button[aria-pressed=true],.remix-view-head button[aria-pressed=true]{background:#dcefdc}.remix-frame{width:100%;overflow:hidden}.remix-view[data-device=mobile] .remix-frame{max-width:360px;margin:auto}.remix-note{font-size:10px;line-height:1.8;color:#677b6b}.remix-view :is(#remix-site,.remix-site-copy){--accent:#c4f43b;--background:#f8faf5;--ink:#17271c;color:var(--ink);background:var(--background);border:1px solid #d0d8d0}.remix-view :is(#remix-site,.remix-site-copy)[data-palette=pulse]{--accent:#ee4d45;--background:#fff5f0;--ink:#351e1b}.remix-view :is(#remix-site,.remix-site-copy)[data-palette=play]{--accent:#a5d6fb;--background:#f0f8ff;--ink:#153953}.remix-view :is(#remix-site,.remix-site-copy)[data-palette=quiet]{--accent:#779e7b;--background:#f1f5ee;--ink:#263e2a}.remix-view :is(#remix-site,.remix-site-copy) header{height:auto;padding:18px;gap:20px;background:var(--background);color:var(--ink);font-size:12px}.remix-view :is(#remix-site,.remix-site-copy) header span{font-size:8px}.remix-hero{position:relative;min-height:380px;display:flex;align-items:flex-end;isolation:isolate;padding:35px;color:#fff;overflow:hidden}.remix-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.remix-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:#07110d40}.remix-hero small{font-size:9px}.remix-hero h3{font-family:Georgia,serif;font-size:54px;font-weight:400;line-height:1.1;margin:18px 0;overflow-wrap:anywhere}.remix-hero p{font-size:13px;line-height:1.8;max-width:500px;white-space:pre-wrap}.remix-view .remix-cta{margin-top:22px;border:0;background:var(--accent);color:#101d14;font-size:11px;padding:13px 18px}.remix-follow{padding:32px;background:var(--background);position:relative;overflow:hidden}.remix-follow small{font-size:9px}.remix-follow h3{font-size:28px;margin:16px 0}.remix-follow p{font-size:12px;line-height:1.8}.remix-view :is(#remix-site,.remix-site-copy)[data-type=ink] h3{font-family:Pretendard,Arial,sans-serif;font-weight:900}.remix-view :is(#remix-site,.remix-site-copy)[data-type=ink] .remix-hero h3{font-size:68px}.remix-view :is(#remix-site,.remix-site-copy)[data-type=flow] h3{font-family:Pretendard,Arial,sans-serif;font-weight:700}.remix-view :is(#remix-site,.remix-site-copy)[data-texture=paper] .remix-follow{background-image:url('human-objects-v2.webp');background-blend-mode:soft-light;background-size:cover}.remix-view :is(#remix-site,.remix-site-copy)[data-texture=metal] .remix-follow{background-image:repeating-linear-gradient(3deg,#fff0 0 2px,#7d8b7830 3px 4px);border-top:4px solid #9daaa0}.remix-view :is(#remix-site,.remix-site-copy)[data-texture=glass] .remix-follow{background:#d9eee0b0;box-shadow:inset 0 1px 15px #fff;border:1px solid #ffffff}.remix-view :is(#remix-site,.remix-site-copy)[data-motion=soft] .remix-hero img{animation:remix-drift 7s ease-in-out infinite alternate}.remix-view :is(#remix-site,.remix-site-copy)[data-motion=spring] .remix-cta{animation:remix-bounce 2.8s infinite}.remix-view[data-paused=true] *{animation-play-state:paused!important}@keyframes remix-drift{to{transform:scale(1.07) translateX(1%)}}@keyframes remix-bounce{0%,65%,100%{transform:translateY(0)}75%{transform:translateY(-7px)}85%{transform:translateY(2px)}93%{transform:translateY(-2px)}}@media(max-width:650px){.viewport{height:400px}.direction-summary{padding:12px;font-size:10px}.remix-view{padding:20px 12px}.remix-hero{padding:24px;min-height:330px}.remix-hero h3{font-size:38px}.remix-view :is(#remix-site,.remix-site-copy)[data-type=ink] .remix-hero h3{font-size:48px}.remix-follow{padding:24px}}@media(prefers-reduced-motion:reduce){.remix-view *{animation:none!important}}

.canvas-view-tabs{display:flex;gap:20px;padding:12px 18px;background:#fff;border-bottom:1px solid #cbd4cd}.canvas-view-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;font-size:12px}.canvas-view-tabs button[aria-pressed=true]{border-color:#2d704c;font-weight:700}
.palette-swatches{display:flex;gap:13px;padding:8px 2px}.palette-swatches button{width:29px;height:29px;border-radius:50%;border:3px solid #fff;outline:1px solid #a8b9a9}.palette-swatches button[aria-pressed=true]{outline:3px solid #254b35}

.remix-layout-section{display:flex;gap:24px;align-items:center}.remix-layout-section>div{min-width:0;width:100%;overflow-wrap:anywhere}.remix-layout-section img{width:38%;max-height:300px;object-fit:cover}.remix-layout-section p{white-space:pre-wrap}.remix-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.remix-comparison h2{font-size:14px}.remix-comparison .remix-hero{padding:24px}.remix-comparison .remix-hero h3{font-size:36px!important}.remix-explanations{font-size:11px;line-height:1.7;padding:15px 0}.remix-explanations p{margin:7px 0}.remix-mix{padding-top:16px;display:flex;gap:8px;flex-wrap:wrap}.remix-mix h2{width:100%}@media(max-width:650px){.remix-comparison{grid-template-columns:minmax(0,1fr)}.remix-layout-section{flex-wrap:wrap}.remix-layout-section>div{max-width:100%!important}.remix-layout-section img{width:100%}}
.image-review{border-top:1px solid #cbd4cd;padding-top:20px}.image-review select{width:100%;margin-bottom:12px}.review-stage{position:relative;cursor:crosshair}.review-stage img{display:block;width:100%;height:auto}.review-pins{position:absolute;inset:0;pointer-events:none}.review-pins span{position:absolute;transform:translate(-50%,-50%);background:#c4f43b;color:#15271b;border:1px solid #15271b;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:11px}#review-list>div{display:flex;align-items:center;gap:8px}#review-list p{flex:1;overflow-wrap:anywhere;font-size:12px}#review-list button{background:none;border:0;font-size:22px}#review-status{font-size:11px}
.custom-colors{padding:4px 0 12px}.custom-color-row{display:grid;grid-template-columns:48px 36px minmax(0,1fr);align-items:center;gap:8px;margin:9px 0;font-size:11px}.custom-color-row input[type=color]{width:36px;height:32px;padding:2px;cursor:pointer}.custom-color-row input[type=text]{padding:7px;font-size:11px;font-family:monospace}.custom-colors p{font-size:10px;line-height:1.6}.direction-summary>div:first-child{flex-wrap:wrap}#selected-colors{font-family:monospace;font-size:10px}.remix-view .remix-cta{color:var(--cta-ink,#101d14)}
.remix-layout-section[data-layout=left]>img{order:-1}.remix-layout-section[data-layout=background]{isolation:isolate;color:#fff;min-height:300px!important}.remix-layout-section[data-layout=background]>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;z-index:-2}.remix-layout-section[data-layout=background]:after{content:'';position:absolute;inset:0;background:#0006;z-index:-1}.remix-collection{display:block}.remix-items{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:18px;margin-top:24px}.remix-items img{width:100%;height:160px;object-fit:cover}.remix-items strong{font-size:40px}.remix-contact-fields{width:50%;display:grid;gap:10px}.remix-contact-fields>div{border:1px solid currentColor;padding:12px;font-size:12px;opacity:.7}.remix-layout-section[data-layout=stacked]{flex-direction:column;align-items:stretch}.remix-layout-section[data-layout=stacked] .remix-contact-fields{width:100%}.remix-hero[data-layout=left],.remix-hero[data-layout=right]{color:var(--ink);background:var(--background)}.remix-hero[data-layout=left]>img,.remix-hero[data-layout=right]>img{width:50%;z-index:0}.remix-hero[data-layout=right]>img{left:50%}.remix-hero[data-layout=left]>div{margin-left:55%;position:relative;z-index:2}.remix-hero[data-layout=right]>div{max-width:45%;position:relative;z-index:2}.remix-hero[data-layout=left]:after,.remix-hero[data-layout=right]:after{display:none}.remix-layout-section p{overflow-wrap:anywhere}@media(max-width:650px){.remix-contact-fields{width:100%}.remix-items{gap:10px}.remix-items img{height:110px}.remix-hero[data-layout=left],.remix-hero[data-layout=right]{display:block;padding-top:240px}.remix-hero[data-layout=left]>img,.remix-hero[data-layout=right]>img{width:100%;height:220px;left:0}.remix-hero[data-layout=left]>div{margin-left:0}.remix-hero[data-layout=right]>div{max-width:100%}}
.remix-view[data-device=mobile] .remix-hero[data-layout=left],.remix-view[data-device=mobile] .remix-hero[data-layout=right]{display:block;padding-top:240px}.remix-view[data-device=mobile] .remix-hero[data-layout=left]>img,.remix-view[data-device=mobile] .remix-hero[data-layout=right]>img{width:100%;height:220px;left:0}.remix-view[data-device=mobile] .remix-hero[data-layout=left]>div{margin-left:0}.remix-view[data-device=mobile] .remix-hero[data-layout=right]>div{max-width:100%}