@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{--navy:#0c2b62;--deep:#0b2551;--blue:#1668c7;--sky:#2ab4e8;--mist:#f3f6fa;--line:#dce5f0;--white:#fff;--ink:#25324b;color:var(--navy);background:var(--mist);font-synthesis:none;font-family:Barlow,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--mist);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline-offset:3px;outline:3px solid #f8d31c}img{max-width:100%;display:block}.campaign-header{border-bottom:1px solid var(--line);z-index:2;background:#fff;align-items:center;gap:16px;height:68px;padding:0 max(20px,50vw - 590px);display:flex;position:relative}.campaign-header:after{content:"";background:linear-gradient(90deg,var(--sky) 0 34%,var(--blue) 34% 68%,var(--navy) 68%);width:100%;height:3px;position:absolute;bottom:-3px;left:0}.campaign-logo{color:#fff;background:var(--navy);letter-spacing:-.06em;border-radius:12px;flex-direction:column;padding:7px 9px;font:800 11px/.8 Archivo;text-decoration:none;display:flex}.campaign-header p{letter-spacing:.15em;text-transform:uppercase;margin:0;font:600 10px Archivo}.campaign-header strong{color:var(--blue);letter-spacing:-.04em;margin-left:auto;font:900 20px Archivo}.hero{background:radial-gradient(circle at 85% 10%,#2ab4e857,transparent 31%),linear-gradient(120deg,var(--deep),#123777 67%,var(--blue));color:#fff;padding:58px 22px 72px;position:relative;overflow:hidden}.hero:after{content:"11000";letter-spacing:-.09em;color:#2ab4e824;font:900 clamp(110px,28vw,310px)/1 Archivo;position:absolute;bottom:-42px;right:-20px}.hero-copy,.hero-number{z-index:1;max-width:1140px;margin:auto;position:relative}.party-pill{letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff59;border-radius:100px;padding:8px 12px;font:700 10px Archivo;display:inline-flex}.hero h1{letter-spacing:-.06em;text-transform:uppercase;max-width:900px;margin:26px 0 18px;font:900 clamp(38px,8vw,82px)/.9 Archivo}.hero h1 em{color:var(--sky);font-style:normal}.hero p{color:#ffffffd1;max-width:540px;margin:0;font-size:17px;line-height:1.55}.hero-number{letter-spacing:-.07em;flex-direction:column;width:max-content;margin-top:30px;font:900 58px/.82 Archivo;display:flex}.hero-number span{letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin:0 0 8px 3px;font:700 9px Archivo}.editor-section{z-index:2;max-width:1160px;margin:-30px auto 0;padding:0 18px 68px;position:relative}.editor-intro{border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:22px 22px 0 0;padding:28px 24px 24px}.editor-intro>span{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font:800 10px Archivo}.editor-intro h2{letter-spacing:-.045em;margin:9px 0;font:800 clamp(27px,5vw,42px)/1 Archivo}.editor-intro p{color:#5d6c82;margin:0}.editor-layout{border:1px solid var(--line);background:#fff;border-radius:0 0 22px 22px;gap:28px;padding:18px;display:grid;box-shadow:0 24px 70px #0c2b6217}.preview-column{min-width:0}.canvas-shell{aspect-ratio:1;touch-action:none;background:linear-gradient(145deg,#e7f2fb,#d7e7f4);border:1px solid #c9dbea;border-radius:20px;width:100%;position:relative;overflow:hidden}.canvas-shell canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-empty{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.canvas-empty span{width:54px;height:54px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font:800 20px Archivo;display:grid;box-shadow:0 10px 28px #0c2b6221}.canvas-empty strong{margin-top:14px;font:700 18px Archivo}.canvas-empty small{color:#60728c;margin-top:6px}.gesture-hint{text-align:center;color:#66778e;margin:12px 0 0;font-size:13px}.controls-column{flex-direction:column;gap:20px;display:flex}.frame-picker{border:0;min-width:0;margin:0;padding:0}.frame-picker legend{letter-spacing:-.035em;padding:0;font:800 22px Archivo}.frame-picker>p{color:#66778e;margin:5px 0 14px}.frame-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.frame-option{cursor:pointer;color:#5c6b80;min-width:0;font-size:11px}.frame-option input{opacity:0;pointer-events:none;position:absolute}.frame-thumbnail{aspect-ratio:1;background:#e9f4fb;border:2px solid #0000;border-radius:12px;margin-bottom:7px;display:block;position:relative;overflow:hidden}.frame-thumbnail img{object-fit:cover;width:100%;height:100%}.frame-thumbnail b{color:#fff;background:#0c2b62c7;border-radius:20px;padding:4px 6px;font:700 9px Archivo;position:absolute;top:5px;left:5px}.frame-option input:checked+.frame-thumbnail{border-color:var(--blue);box-shadow:0 0 0 3px #1668c724}.frame-option input:focus-visible+.frame-thumbnail{outline-offset:2px;outline:3px solid #f8d31c}.photo-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.button{letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:100px;min-height:52px;padding:12px 17px;font:800 12px Archivo}.button-primary{background:var(--blue);color:#fff}.button-secondary{color:var(--blue);background:#fff;border-color:#bdcee2}.button-primary span,.button-secondary span{margin-right:6px;font-size:16px}.zoom-control{background:var(--mist);border-radius:16px;padding:16px}.zoom-control>div:first-child{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font:700 12px Archivo;display:flex}.zoom-control output{color:var(--blue)}.slider-row{text-align:center;grid-template-columns:20px 1fr 20px;align-items:center;gap:8px;margin-top:12px;font-size:20px;display:grid}.slider-row input{accent-color:var(--blue);width:100%;min-height:30px}.privacy{color:#607089;align-items:center;gap:12px;font-size:13px;display:flex}.privacy span{height:38px;color:var(--blue);background:#e1f3fb;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.privacy p{margin:0}.privacy b{color:var(--navy)}.status{min-height:20px;color:var(--blue);margin:0;font-size:13px}.export-placeholder{gap:9px;display:grid}.button-share{background:var(--sky);color:var(--navy)}.button-download{background:var(--navy);color:#fff}.campaign-footer{background:var(--navy);color:#fff;gap:24px;padding:38px max(22px,50vw - 570px) 24px;display:grid}.campaign-footer>div:first-child{gap:4px;display:grid}.campaign-footer b{font:800 18px Archivo}.campaign-footer strong{font:900 44px/.9 Archivo}.campaign-footer span{letter-spacing:.12em;text-transform:uppercase;color:var(--sky);font:600 10px Archivo}.campaign-footer p{color:#ffffffb8;margin:5px 0;font-size:12px}.campaign-footer small{color:#ffffff85;border-top:1px solid #ffffff1f;padding-top:18px;font-size:10px;line-height:1.5}.adjustments{grid-template-columns:minmax(0,1fr) 126px;gap:10px;display:grid}.position-control{background:var(--mist);border-radius:16px;padding:16px}.position-control>span{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font:700 12px Archivo;display:block}.direction-pad{grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);justify-content:center;display:grid}.direction-pad button{width:32px;height:32px;color:var(--blue);background:#fff;border:0;border-radius:9px;padding:0;font-size:18px;line-height:1}.direction-pad button:first-child{grid-column:2}.direction-pad button:nth-child(2){grid-area:2/1}.direction-pad i{color:var(--sky);grid-area:2/2;place-items:center;font-size:8px;display:grid}.direction-pad button:nth-child(4){grid-area:2/3}.direction-pad button:nth-child(5){grid-area:3/2}@media (width>=960px){.campaign-header{height:74px}.hero{padding:82px 32px 108px}.hero-copy,.hero-number{max-width:1140px}.hero-number{font-size:86px;position:absolute;top:120px;right:max(40px,50vw - 570px)}.editor-section{margin-top:-48px}.editor-intro{padding:34px 38px}.editor-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:38px;padding:28px}.frame-list{gap:12px}.campaign-footer{grid-template-columns:1fr 1.5fr}.campaign-footer small{grid-column:1/-1}.export-placeholder{grid-template-columns:1fr 1fr}}@media (width<=430px){.campaign-header p{display:none}.hero{padding-top:48px}.frame-option>span:last-child{display:none}.photo-actions{grid-template-columns:1fr}.editor-layout{padding:13px}.button{min-height:56px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.campaign-logo{background:0 0;border-radius:0;flex:none;padding:0}.campaign-logo img{object-fit:contain;width:120px;height:auto;max-height:54px}.back-to-site{min-height:44px;color:var(--blue);white-space:nowrap;align-items:center;margin-left:auto;font:700 12px Archivo,system-ui,sans-serif;text-decoration:none;display:inline-flex}.campaign-header strong{margin-left:0}.photo-format-hint{color:#66778e;margin:-12px 0 0;font-size:12px;line-height:1.5}.adjustments{grid-template-columns:minmax(0,1fr) 156px}.position-control{padding:12px}.direction-pad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px)}.direction-pad button{width:44px;height:44px}@media (width>=960px) and (width<=1199px){.hero h1{max-width:calc(100% - 260px);font-size:clamp(52px,6vw,70px)}.hero-number{font-size:72px;top:116px}}@media (width<=600px){.campaign-header p{display:none}.hero h1{font-size:clamp(34px,8vw,48px)}}@media (width<=430px){.campaign-header{gap:12px;padding-left:16px;padding-right:16px}.campaign-logo img{width:102px}.campaign-header strong{font-size:18px}.back-to-site{font-size:11px}.adjustments{grid-template-columns:minmax(0,1fr)}.position-control{justify-content:space-between;align-items:center;gap:10px;display:flex}.position-control>span{margin:0}}