@charset "UTF-8";:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;color:#1d1d1f;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #7160e8;outline-offset:5px}.stage{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#fff}.device-backdrop{position:absolute;top:50%;left:50%;width:min(510px,69vh);aspect-ratio:300 / 340;transform:translate(-47%,-55%);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1}.device-silhouette{display:block;width:100%;height:100%}html:not([data-design=iz]) .device-backdrop{display:none}.composition{position:relative;z-index:1;width:min(510px,78vw);display:flex;align-items:center;flex-direction:column;transform:translateY(-9px);user-select:none;-webkit-user-select:none;perspective:1000px}.logo-space{width:100%;position:relative}.logo{display:block;width:100%;height:auto;overflow:visible}.logo path{transform-box:fill-box;transform-origin:center}.logo .sheen{pointer-events:none}.soon{margin:30px 0 0;font-size:17px;line-height:1.4;font-weight:400;letter-spacing:.22em;text-indent:.22em;color:#85858a}.studio-header{position:fixed;top:34px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;color:#929297}.studio-header .brand{font-weight:600;color:#56565b;letter-spacing:.03em}.studio-header a{color:#85858a;text-decoration:none;padding:9px 0 9px 10px;letter-spacing:.02em}.studio-header a:hover{color:#1d1d1f}.studio-footer{position:fixed;bottom:35px;left:40px;right:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.caption{max-width:290px}.caption h1{font-size:14px;font-weight:500;margin:0 0 8px;letter-spacing:-.015em}.caption h1 span{color:#a3a3a8;margin-right:12px;font-size:10px;letter-spacing:.03em}.caption p{font-size:12px;line-height:1.6;color:#919196;margin:0}.control-group{display:flex;gap:10px;align-items:center}.design-nav{display:flex;padding:4px;gap:2px;border:1px solid #ececee;border-radius:99px;background:#fafafa}.design-nav button{border:0;color:#85858a;background:transparent;padding:10px 17px;font-size:12px;border-radius:99px;transition:color .2s,background .2s,box-shadow .2s}.design-nav button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 5px #0000000b}.design-nav button:hover{color:#1d1d1f}.icon-button{border:1px solid #ececee;width:38px;height:38px;display:grid;place-items:center;color:#7b7b81;background:#fff;border-radius:50%}.icon-button:hover{color:#1d1d1f;background:#fafafa}.icon-button svg{width:14px;height:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.motion-note{position:fixed;bottom:12px;right:40px;margin:0;font-size:10px;color:#919196}@media(max-width:700px){.device-backdrop{width:min(390px,98vw,64svh);transform:translate(-48%,-54%);opacity:.8}.composition{width:min(510px,81vw);transform:translateY(-5px)}.soon{font-size:15px;margin-top:25px}.studio-header{top:23px;left:24px;right:24px}.studio-footer{bottom:max(25px,env(safe-area-inset-bottom));left:24px;right:24px;align-items:center;flex-direction:column;gap:20px}.caption{text-align:center;max-width:320px}.caption h1{margin-bottom:6px}.caption p{font-size:11px}.design-nav button{padding:10px 15px}.control-group{gap:8px}.motion-note{bottom:7px;right:0;left:0;text-align:center}}@media(max-height:550px)and (min-width:701px){.studio-header{top:20px}.studio-footer{bottom:20px}}