@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#102330;--ink-soft:#50616b;--muted:#7b8a91;--line:#dce5e8;--surface:#fff;--surface-soft:#f4f8f8;--canvas:#edf4f4;--brand:#15b9a7;--brand-dark:#078f82;--brand-pale:#d9f5f0;--accent:#f4b553;--navy:#0d1f2d;--shadow:0 18px 60px #14333e1a;--shadow-small:0 8px 24px #14333e14;color:var(--ink);font-synthesis:none;background:#f7faf9;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:#f7faf9;min-width:320px;margin:0;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #15b9a76b}.site-noise{opacity:.025;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{z-index:10;border-bottom:1px solid var(--line);align-items:center;gap:28px;width:min(1320px,100% - 40px);min-height:66px;margin:0 auto;display:flex;position:relative}.brand{align-items:center;gap:11px;margin-right:auto;text-decoration:none;display:inline-flex}.brand-mark{object-fit:contain;border-radius:10px;flex:0 0 38px;width:38px;height:38px;display:block}.brand-copy{line-height:1.05;display:grid}.brand-copy strong{letter-spacing:-.04em;font:700 17px/1 Space Grotesk,sans-serif}.brand-copy small{color:var(--brand-dark);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:700}.header-event{align-items:center;text-decoration:none;display:flex}.header-event img{object-fit:contain;object-position:right center;max-width:132px;max-height:42px}.live-badge span{background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 4px var(--brand-pale);border-radius:99px;display:inline-block}.page-shell{width:min(1320px,100% - 40px);margin:0 auto}.studio-page{padding:30px 0 90px}.studio-hero{justify-content:space-between;align-items:flex-end;gap:50px;padding:8px 0 48px;display:flex}.studio-hero-copy{max-width:730px}.eyebrow{color:var(--brand-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700;line-height:1.2}.eyebrow-dot{background:var(--accent);border-radius:99px;width:4px;height:4px;margin:0 7px 2px;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-family:Space Grotesk,sans-serif}h1{max-width:720px;margin-bottom:23px;font-size:clamp(42px,6vw,78px);line-height:.98}.hero-lede{color:var(--ink-soft);max-width:610px;margin-bottom:23px;font-size:clamp(16px,1.7vw,19px)}.hero-lede strong{color:var(--ink)}.event-meta{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.meta-icon{color:var(--brand-dark);font-size:20px;line-height:1}.studio-hero-event{justify-items:end;gap:20px;width:210px;min-width:180px;display:grid}.studio-hero-event img{object-fit:contain;object-position:right center;max-width:100%;max-height:90px}.live-badge{color:var(--brand-dark);background:var(--brand-pale);border-radius:99px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.studio-layout{grid-template-columns:minmax(330px,460px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.studio-controls{gap:14px;display:grid}.studio-progress{color:var(--muted);align-items:center;gap:9px;padding:0 8px 14px;display:flex}.progress-step{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.progress-step b{width:25px;height:25px;color:var(--muted);background:var(--line);border-radius:50%;place-items:center;font-size:10px;display:grid}.progress-step.is-current{color:var(--ink)}.progress-step.is-current b{color:#fff;background:var(--brand)}.progress-line{background:var(--line);flex:1;height:1px}.control-card{background:var(--surface);box-shadow:var(--shadow-small);border:1px solid #d3e0e2d9;border-radius:18px;padding:24px}.card-heading{align-items:flex-start;gap:13px;margin-bottom:13px;display:flex}.card-heading .eyebrow{margin-bottom:4px}.card-heading h2{margin:0;font-size:22px;line-height:1.1}.step-number{border:1px solid var(--brand);width:31px;height:31px;color:var(--brand-dark);border-radius:10px;flex:0 0 31px;place-items:center;font:700 11px/1 Space Grotesk,sans-serif;display:grid}.card-description{color:var(--ink-soft);margin:0 0 17px;font-size:13px}.card-heading-toggle{cursor:pointer;user-select:none;padding-right:42px;position:relative}.card-chevron{border:1px solid var(--line);width:31px;height:31px;color:var(--brand-dark);background:#fff;border-radius:9px;place-items:center;transition:background .2s,color .2s,border-color .2s;display:grid;position:absolute;top:0;right:0}.card-chevron svg{width:18px;height:18px;display:block}.card-chevron .icon-plus{display:none}.card-heading-toggle:hover .card-chevron{color:#fff;background:var(--brand-dark);border-color:var(--brand-dark)}.control-card.is-collapsed .card-chevron{background:var(--brand-pale);border-color:#0000}.control-card.is-collapsed .card-chevron .icon-minus{display:none}.control-card.is-collapsed .card-chevron .icon-plus,.control-card .card-body{display:block}.control-card.is-collapsed .card-heading{margin-bottom:0}.control-card.is-collapsed .card-body{display:none}.upload-dropzone{text-align:left;width:100%;color:var(--ink);background:var(--surface-soft);border:1px dashed #a8d8d2;border-radius:14px;align-items:center;gap:13px;padding:16px;transition:border .2s,background .2s,transform .2s;display:flex}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:var(--brand);background:var(--brand-pale);transform:translateY(-1px)}.upload-dropzone strong,.upload-dropzone small{display:block}.upload-dropzone strong{font-size:13px}.upload-dropzone small{color:var(--muted);margin-top:3px;font-size:11px}.upload-icon{color:#fff;background:var(--brand);border-radius:11px;place-items:center;width:38px;height:38px;font-size:22px;line-height:1;display:grid}.upload-file-row{color:var(--ink-soft);align-items:center;gap:9px;padding:11px 2px 0;font-size:12px;display:flex}.file-status-icon{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.text-button{color:var(--brand-dark);text-underline-offset:3px;background:0 0;border:0;margin-left:auto;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.text-button:hover{color:var(--ink)}.advanced-option{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.advanced-option summary{color:var(--ink-soft);cursor:pointer;font-size:12px;font-weight:700}.advanced-option-body{gap:6px;padding-top:13px;display:grid}.advanced-option-body label,.field-stack label{color:var(--ink-soft);gap:6px;font-size:11px;font-weight:700;display:grid}.advanced-option-body input,.field-stack input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:10px 11px;font-size:13px}.advanced-option-body input:focus,.field-stack input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-pale)}.advanced-option-body small{color:var(--muted);font-size:10px}.status-message{min-height:17px;color:var(--brand-dark);margin:10px 0 0;font-size:11px}.status-message.is-error{color:#bc4b42}.range-control{margin:0 0 15px}.range-control:last-of-type{margin-bottom:14px}.range-label{color:var(--ink-soft);justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.range-label output{color:var(--brand-dark)}input[type=range]{accent-color:var(--brand-dark);cursor:pointer;width:100%;height:5px}.secondary-button,.primary-button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-button{color:#fff;background:var(--navy);padding:0 18px;box-shadow:0 8px 18px #0d1f2d29}.primary-button:hover{background:#173a4d;transform:translateY(-1px);box-shadow:0 11px 24px #0d1f2d33}.secondary-button{color:var(--ink);background:var(--brand-pale);padding:0 18px}.secondary-button:hover{color:#fff;background:var(--brand-dark);transform:translateY(-1px)}.secondary-button:disabled,.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.compact-button{min-height:36px;padding:0 13px;font-size:11px}.field-stack{gap:11px;display:grid}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.frame-option{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:7px;transition:border .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.frame-option:hover{border-color:#8dcbc4;transform:translateY(-1px)}.frame-option.is-selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-pale)}.frame-thumbnail{background:var(--canvas);border-radius:8px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.frame-thumbnail img{object-fit:cover;width:100%;height:100%}.frame-option-copy{min-width:0;display:grid}.frame-option-copy strong{color:var(--ink);font-size:12px;line-height:1.2}.frame-option-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.frame-check{opacity:0;color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;transition:opacity .2s;display:grid;position:absolute;top:6px;right:6px}.frame-option.is-selected .frame-check{opacity:1}.preview-panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d3e0e2e6;border-radius:22px;padding:clamp(18px,3vw,31px);position:sticky;top:22px}.preview-panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.preview-panel-header .eyebrow{margin-bottom:5px}.preview-panel-header h2{margin:0;font-size:25px}.output-size{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;padding:7px 10px;font:600 10px/1 Space Grotesk,sans-serif}.canvas-wrap{background:var(--canvas);border-radius:15px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1023300f}canvas{width:100%;height:auto;display:block}.canvas-loading{color:var(--ink-soft);backdrop-filter:blur(4px);background:#ffffffc7;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.canvas-loading[hidden]{display:none}.spinner{border:2px solid var(--brand-pale);border-top-color:var(--brand-dark);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-hint{color:var(--muted);margin:13px 0 18px;font-size:11px}.action-area{grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid}.action-area button{width:100%;padding:0 12px}.action-area .secondary-button{gap:6px;font-size:12px}.action-area .secondary-button svg{flex:none}#copyImage.is-copied{color:#fff;background:var(--brand-dark)}.fallback-share{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.fallback-share strong{font-size:13px}.fallback-share p{color:var(--ink-soft);margin:5px 0 9px;font-size:11px}.share-links{flex-wrap:wrap;gap:8px;display:flex}.share-link{color:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.share-link:hover{transform:translateY(-2px);box-shadow:0 6px 14px #1023302e}.share-link svg{width:19px;height:19px;display:block}.share-link-instagram{background:#d6249f}.share-link-x{background:#14171a}.share-link-facebook{background:#1877f2}.share-link-linkedin{background:#0a66c2}.share-link-whatsapp{background:#25d366}.fallback-share .text-button{margin:14px 0 0}.preview-status{text-align:center;margin-bottom:0}.studio-bottom-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;padding-top:24px;font-size:11px;display:flex}.note-check{color:var(--brand-dark);font-size:15px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.site-footer{border-top:1px solid var(--line);width:min(1320px,100% - 40px);color:var(--muted);grid-template-columns:1fr auto auto;align-items:end;gap:25px;margin:0 auto;padding:26px 0 34px;font-size:12px;display:grid}.site-footer strong{color:var(--ink);font:700 13px/1 Space Grotesk,sans-serif}.site-footer p{margin:7px 0 0}.footer-links{gap:18px;display:flex}.footer-links a,.footer-credit a{color:var(--ink-soft);font-weight:700;text-decoration:none}.footer-links a:hover,.footer-credit a:hover{color:var(--brand-dark)}.footer-credit{text-align:right}.archive-page{padding:72px 0 105px}.archive-intro{max-width:690px;margin-bottom:68px}.archive-intro h1{max-width:620px;margin-bottom:23px;font-size:clamp(46px,7vw,82px)}.archive-intro>p:last-child{max-width:570px;color:var(--ink-soft);font-size:18px}.archive-group{margin-bottom:63px}.group-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.group-heading .eyebrow{margin-bottom:5px}.group-heading h2{margin:0;font-size:29px}.group-count{color:var(--muted);font-size:12px;font-weight:700}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.event-card{color:inherit;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-small);border-radius:18px;grid-template-columns:minmax(150px,.75fr) 1fr;text-decoration:none;transition:transform .22s,box-shadow .22s,border .22s;display:grid;overflow:hidden}.event-card:hover{box-shadow:var(--shadow);border-color:#a7d9d3;transform:translateY(-4px)}.event-card-art{background:#d9eef2;min-height:220px;position:relative;overflow:hidden}.event-card-art img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:220px;transition:transform .4s;display:block}.event-card:hover .event-card-art img{transform:scale(1.04)}.event-card-art-muted{filter:saturate(.72);background:#e8ecec}.status-pill{color:var(--navy);background:#fff;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 4px 10px #00000014}.status-pill-muted{color:var(--ink-soft)}.event-card-copy{align-self:center;padding:24px}.event-card-copy .eyebrow{margin-bottom:8px}.event-card-copy h3{margin-bottom:10px;font-size:24px;line-height:1.05}.event-card-copy>p:not(.eyebrow){color:var(--ink-soft);margin-bottom:22px;font-size:12px}.text-link{color:var(--brand-dark);font-size:12px;font-weight:700}@media (width<=980px){.studio-layout{grid-template-columns:minmax(290px,400px) minmax(0,1fr);gap:18px}.studio-hero{padding-bottom:38px}.studio-hero-event{width:160px}.site-footer{grid-template-columns:1fr auto}.footer-credit{text-align:left;grid-column:1/-1}}@media (width<=760px){.site-header{gap:12px;width:min(100% - 28px,600px);min-height:72px}.header-event img{max-width:108px;max-height:36px}.page-shell,.site-footer{width:min(100% - 28px,600px)}.studio-page{padding-top:31px}.studio-hero{flex-direction:column;align-items:flex-start;gap:24px;padding-top:12px;padding-bottom:35px}.studio-hero-event{justify-content:space-between;align-items:center;width:100%;display:flex}.studio-hero-event img{object-position:left;max-width:170px;max-height:62px}h1{font-size:clamp(43px,13vw,66px)}.studio-layout{flex-direction:column;gap:14px;display:flex}.studio-controls{display:contents}.studio-controls>.control-card,.studio-progress{width:100%}.preview-panel{order:10;width:100%;position:static}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr;gap:14px}.footer-credit{grid-column:auto}.footer-links{flex-wrap:wrap}.archive-page{padding-top:50px}.archive-intro{margin-bottom:48px}.event-grid{grid-template-columns:1fr}}@media (width<=430px){.studio-bottom-note{justify-content:flex-start;align-items:flex-start}.action-area{grid-template-columns:1fr}.frame-grid{gap:7px}.frame-option{grid-template-columns:43px minmax(0,1fr);gap:7px;padding:6px}.frame-thumbnail{width:43px;height:43px}.frame-option-copy strong{font-size:11px}.frame-option-copy small{font-size:9px}.control-card{padding:18px}.preview-panel{padding:16px}.preview-panel-header h2{font-size:21px}.output-size{padding:6px 7px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}