[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:#fff;color:#1d1d1f;font:14px/1.65 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",sans-serif}button,input,select,textarea{font:inherit}button,a,label.ex-import{touch-action:manipulation}button{cursor:pointer;border:0;background:#f5f5f7;color:#1d1d1f;border-radius:9px;min-height:44px;padding:10px 15px}button:hover{background:#eaeaf0}button:disabled{opacity:.35;cursor:default}a{color:#0066cc;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0071e3;outline-offset:3px}.ex-primary{color:#fff;background:#0071e3}.ex-primary:hover{background:#0077ed}.ex-header{height:70px;display:flex;align-items:center;gap:22px;padding:0 max(30px,calc((100vw - 1360px)/2));border-bottom:1px solid #eee;position:relative;z-index:10;background:#fffffff0;backdrop-filter:blur(20px)}.ex-header a{display:flex;align-items:center;min-height:44px}.ex-header img{display:block;width:79px;height:auto}.ex-header>span{font-size:11px;border-left:1px solid #d2d2d7;padding-left:22px}.ex-header .ex-demo{border:0;margin-left:auto;padding:0;color:#86868b;font-size:10px}#ex-main{max-width:1420px;margin:auto;padding:0 30px 40px}.ex-intro{padding:54px 0 35px;text-align:center}.ex-eyebrow{font-size:10px;letter-spacing:.18em;color:#86868b;margin:0 0 12px}.ex-intro h1{font-size:clamp(32px,4.2vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:600;margin:15px 0 22px}.ex-intro>p:last-child{font-size:12px;line-height:1.9;color:#6e6e73}.ex-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:24px;gap:12px}.ex-toolbar nav{display:flex;background:#f5f5f7;padding:4px;border-radius:12px;gap:3px}.ex-toolbar nav button{font-size:11px;background:transparent;min-height:36px;padding:8px 15px}.ex-toolbar nav button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001}.ex-toolbar>div{display:flex;gap:8px;font-size:11px}.ex-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.ex-comparison figure{margin:0;min-width:0}.ex-comparison figcaption{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:11px}.ex-comparison figcaption strong{font-weight:500}.ex-comparison figcaption span{font-size:8px;color:#86868b;letter-spacing:.1em}.ex-reference>button{padding:0;width:100%;display:block;background:#f5f5f7;border-radius:0;overflow:hidden;cursor:zoom-in}.ex-reference img{width:100%;display:block}.ex-implementation{min-width:0}#ex-set{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}.ex-phone{aspect-ratio:390/780;position:relative;overflow:hidden;box-shadow:0 3px 20px #0000000e;min-width:0}.ex-phone iframe{position:absolute;width:390px;height:780px;left:50%;top:50%;transform-origin:center;border:0}.ex-cards{display:grid;gap:18px}.ex-cards img{display:block;width:100%;aspect-ratio:856/540;box-shadow:0 3px 20px #0000000e}.ex-under{display:flex;justify-content:space-between;gap:15px;color:#86868b;font-size:10px;margin-top:23px}.ex-under a{display:flex;align-items:center;min-height:44px;flex:none}.ex-delivery{margin:50px 0 20px;padding:35px 0 15px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:30px}.ex-delivery h2{font-weight:600;font-size:27px;letter-spacing:-.045em;margin:10px 0}.ex-delivery p{color:#86868b;font-size:11px}.ex-downloads{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:520px}.ex-downloads button,.ex-import{font-size:11px}.ex-import{display:block;cursor:pointer;color:#0066cc;min-height:44px;padding:10px 15px}.ex-import input{max-width:180px;font-size:10px;display:block}.ex-footnote{font-size:10px;color:#86868b;max-width:840px}#ex-status{font-size:12px;color:#0066cc;min-height:1.8em}dialog{border:0;padding:0;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:18px;color:#1d1d1f}dialog::backdrop{background:#16161c77;backdrop-filter:blur(16px)}#ex-lightbox{padding:20px;width:min(1250px,95vw)}#ex-lightbox button{display:block;margin:0 0 15px auto}#ex-lightbox img{display:block;width:100%}#ex-editor{width:1440px;height:900px;background:#fff}.ex-editor-head{height:90px;padding:17px 25px;border-bottom:1px solid #e5e5ea;display:flex;align-items:center;justify-content:space-between;gap:10px}.ex-editor-head .ex-eyebrow{margin:0;font-size:8px}.ex-editor-head h2{font-size:24px;letter-spacing:-.04em;margin:3px 0;font-weight:600}.ex-editor-head>div:last-child{display:flex;gap:7px;font-size:11px}.ex-editor-body{display:grid;grid-template-columns:215px minmax(240px,1fr) 255px;height:calc(100% - 90px);min-height:0}.ex-layers,.ex-properties{padding:20px 16px;overflow:auto;background:white}.ex-layers{border-right:1px solid #e5e5ea}.ex-properties{border-left:1px solid #e5e5ea}.ex-face-tabs{display:flex;gap:3px;margin-bottom:17px}.ex-face-tabs button{font-size:10px;padding:7px;min-height:36px;background:#f5f5f7;flex:1}.ex-face-tabs button[aria-pressed=true]{background:#1d1d1f;color:#fff}.ex-layer-tools{display:flex;flex-wrap:wrap;gap:5px}.ex-layer-tools button,.ex-layer-tools label{font-size:10px;min-height:36px;padding:6px 9px}.ex-layer-tools label{cursor:pointer;background:#f5f5f7;border-radius:8px;display:flex;align-items:center}.ex-layer-tools input{display:none}.ex-panel-label{font-size:10px;color:#86868b;margin:24px 0 10px;display:flex;justify-content:space-between}.ex-panel-label span{font-size:8px}#ex-layer-list{display:grid;gap:3px}#ex-layer-list button{background:transparent;text-align:left;display:flex;align-items:center;gap:7px;width:100%;font-size:10px;padding:8px;min-height:38px;line-height:1.4}#ex-layer-list button[aria-pressed=true]{background:#eaf3ff;color:#0066cc}#ex-layer-list button span{font-size:14px;flex:none;color:#86868b}#ex-layer-list button[data-hidden=true]{opacity:.45}#ex-preview-motion{width:100%;font-size:10px;margin-top:20px}.ex-editor-stage{background:#f5f5f7;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;padding:14px 24px 25px;overflow:hidden}.ex-editor-stage>p{line-height:16px;font-size:9px;color:#86868b;margin:0 0 14px;flex:none;text-align:center}#ex-edit-wrap{position:relative;flex:1;width:100%;min-height:0}#ex-edit-frame{display:block;width:100%;height:100%;border:0;background:transparent}.ex-properties h3{font-size:12px;margin:0 0 18px;font-weight:600}.ex-properties label{font-size:10px;color:#6e6e73;display:block;margin-bottom:11px}.ex-properties input,.ex-properties select,.ex-properties textarea{display:block;width:100%;border:1px solid #dedee4;border-radius:6px;padding:7px 9px;min-height:36px;background:white;color:#1d1d1f;font-size:11px;margin-top:5px}.ex-properties textarea{resize:vertical;min-height:80px}.ex-properties input[type=color]{padding:3px}.ex-properties-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.ex-order{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:15px 0}.ex-order button,#ex-replace-image{font-size:10px}.ex-order button{min-height:36px;padding:7px}.ex-properties>button{width:100%}#ex-editor-status,.ex-edit-note{font-size:10px;color:#86868b;line-height:1.8}.ex-order #ex-delete{color:#bd2532}.ex-solo{background:#f4f0e5;overflow:hidden}.ex-solo .ex-header,.ex-solo #ex-main,.ex-solo>dialog{display:none}.ex-solo iframe#ex-solo-frame{display:block;width:100vw;height:100svh;border:0}.ex-single #ex-set{display:block;max-width:390px;margin:auto}.ex-single .ex-cards{display:none}.ex-single .ex-phone{max-width:320px;margin:auto}.ex-single-card #ex-set{display:block}.ex-single-card .ex-phone{display:none}.ex-single-card .ex-cards{display:block}.ex-single-card .ex-cards img[hidden]{display:none}.ex-single-card .ex-cards img{margin:auto;max-width:650px}.ex-single .ex-reference,.ex-single-card .ex-reference{align-self:start}
@media(min-width:1600px){.ex-intro{padding-top:65px}}@media(max-width:900px){.ex-comparison{gap:20px}.ex-editor-body{grid-template-columns:165px minmax(200px,1fr) 215px}.ex-layers,.ex-properties{padding:15px 10px}.ex-editor-stage{padding:15px 10px}.ex-face-tabs{flex-wrap:wrap}.ex-layer-tools{gap:3px}}
@media(max-width:700px){.ex-header{height:60px;padding:0 20px;gap:14px}.ex-header>span{font-size:9px;padding-left:14px}.ex-header .ex-demo{display:none}#ex-main{padding:0 20px 30px}.ex-intro{padding:35px 0 25px}.ex-intro h1{font-size:32px}.ex-intro>p:last-child{font-size:11px}.ex-toolbar{flex-wrap:wrap;padding-bottom:14px;margin-bottom:20px}.ex-toolbar nav{width:100%;justify-content:space-between}.ex-toolbar nav button{font-size:10px;padding:7px 10px}.ex-toolbar>div{width:100%;justify-content:flex-end}.ex-comparison{grid-template-columns:1fr;gap:30px}.ex-comparison figcaption{font-size:11px}.ex-under{display:block}.ex-under p{line-height:1.8}.ex-delivery{display:block;margin-top:30px}.ex-delivery h2{font-size:25px}.ex-downloads{justify-content:flex-start;margin:22px 0}.ex-editor-head{height:76px;padding:12px;gap:5px}.ex-editor-head h2{font-size:19px}.ex-editor-head .ex-eyebrow{font-size:7px}.ex-editor-head>div:last-child{gap:3px}.ex-editor-head button{padding:7px 9px;min-width:35px;min-height:38px;font-size:10px}.ex-editor-body{height:calc(100% - 76px);display:flex;flex-direction:column;overflow:auto}.ex-layers{order:1;overflow:visible;border-right:0;border-bottom:1px solid #eee;padding:12px}.ex-face-tabs{margin:0 0 8px;max-width:none}.ex-layer-tools{float:none;margin-top:0;max-width:none;display:flex;gap:6px}.ex-layer-tools button,.ex-layer-tools label{flex:1;justify-content:center;text-align:center}.ex-panel-label{margin:10px 0 5px}#ex-layer-list{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}#ex-layer-list button{flex:none;width:auto;max-width:150px;min-height:36px;white-space:nowrap}#ex-preview-motion{width:auto;margin-top:8px}.ex-editor-stage{order:2;min-height:470px;flex:none;padding:12px;overflow:visible}#ex-edit-wrap{height:420px;flex:none;max-width:500px}.ex-properties{order:3;overflow:visible;border:0;padding:20px}.ex-properties-grid{grid-template-columns:repeat(2,1fr)}.ex-properties h3{margin-bottom:12px}.ex-single-card .ex-editor-stage{min-height:340px}dialog{max-height:calc(100svh - 12px);max-width:calc(100vw - 12px);border-radius:13px}#ex-editor{height:calc(100svh - 12px)}}
@media(prefers-reduced-motion:no-preference){.ex-intro h1{animation:ex-heading .7s cubic-bezier(.2,.7,.2,1) both}@keyframes ex-heading{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}