.signed-out{background:var(--qi-color-bg);flex-direction:column;min-height:100dvh;display:flex}.signed-out-header{border-bottom:1px solid var(--qi-app-line);background:var(--qi-color-surface);flex:none;align-items:center;gap:16px;height:84px;padding:0 48px;display:flex}.signed-out-logo{display:block}.signed-out-logo img{width:auto;height:32px;display:block}.signed-out-nav{align-items:center;gap:16px;margin-left:auto;display:flex}.signed-out-link{align-items:center;gap:8px;min-height:48px;padding:0 8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.signed-out-link svg{flex:none}.signed-out-link:hover{text-underline-offset:4px;text-decoration:underline}.signed-out-nav .signed-out-signin{padding:0 22px}.signed-out-nav .signed-out-add{padding:0 18px}.signed-out-hero{background:var(--qi-app-band);border-radius:0 0 28px 28px;flex:none;height:196px;position:relative;overflow:hidden}.signed-out-hero-quilt{opacity:.95;width:430px;height:auto;position:absolute;top:-140px;left:-20px;transform:rotate(-6deg)}.signed-out-hero-logo{background:var(--qi-color-bg);border-radius:14px;padding:10px 14px;position:absolute;bottom:18px;left:20px}.signed-out-hero-logo img{width:auto;height:28px;display:block}.signed-out-hero-signin{background:var(--qi-color-bg);height:44px;color:var(--qi-color-primary);border-radius:12px;align-items:center;padding:0 16px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:16px;right:16px}.signed-out-hero-signin:hover{color:var(--qi-color-primary-hover);background:#fff}.signed-out .open-band-save{padding:0 22px;font-size:17px}@media (max-width:1023.98px){.signed-out-header{padding:0 32px}.signed-out .banner{padding:14px 32px}}@media (max-width:599.98px){.signed-out-header{gap:8px;height:64px;padding:0 12px 0 16px}.signed-out-logo img{height:26px}.signed-out-nav{gap:4px}.signed-out-nav .signed-out-add{padding:0 14px}.signed-out .banner{flex-wrap:wrap;gap:12px;padding:12px 16px 12px 24px}.signed-out .banner>svg{display:none}.signed-out .banner-text{font-size:15px;line-height:1.35}}.door-main{flex-direction:column;flex-grow:1;gap:24px;padding:36px 64px 24px;display:flex}.door-intro{flex-direction:column;gap:8px;display:flex}.door-title{font-family:var(--qi-font-display);letter-spacing:-.024em;font-size:48px;font-weight:600;line-height:1.04}.door-lede{color:var(--qi-color-text-muted);font-size:20px;line-height:1.45}.open-mono{font-family:var(--qi-font-mono)}.doors{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:24px;display:grid}.door{background:var(--qi-color-surface);border:1px solid var(--qi-app-line);box-shadow:var(--qi-app-shadow-card);border-radius:24px;flex-direction:column;gap:18px;padding:20px 20px 24px;display:flex}.door-picture{background-color:var(--qi-color-surface-sunken);background-image:radial-gradient(var(--qi-color-border-strong) 1px, transparent 1px);background-size:18px 18px;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;height:188px;display:flex}.door-quilt{width:auto;height:140px;display:block;box-shadow:0 24px 44px -24px #161a2e80}.door-quilt--square{height:132px}.door-text{flex-direction:column;flex-grow:1;gap:8px;padding:0 4px;display:flex}.door-heading{font-family:var(--qi-font-display);letter-spacing:-.015em;font-size:26px;font-weight:600;line-height:1.15}.door-body{color:var(--qi-color-text-muted);font-size:17px;line-height:1.5}.door-actions{gap:12px;margin-top:auto;padding-top:12px;display:flex}.door-actions--pair>.button{flex:1 1 0;min-width:0}.door-dropzone{text-align:center;background-color:var(--qi-color-surface);background-image:radial-gradient(var(--qi-app-line) 1px, transparent 1px);border:2px dashed var(--qi-color-border-strong);gap:6px;padding:0 24px}.door-drop--over .door-dropzone{border-color:var(--qi-color-focus);background-color:var(--qi-app-tint)}.door-drop--over{border-color:var(--qi-color-focus)}.door-files{width:212px;height:104px;margin-bottom:4px;position:relative}.door-file{background:var(--qi-color-surface);border:1px solid var(--qi-app-line);border-radius:10px;flex-direction:column;gap:5px;width:72px;height:72px;padding:7px;display:flex;position:absolute;top:14px;box-shadow:0 2px 6px #161a2e0f,0 12px 24px -10px #161a2e33}.door-file img{object-fit:cover;object-position:top;border-radius:3px;width:56px;height:56px;display:block}.door-file--left{left:12px;transform:rotate(-9deg)}.door-file--right{left:128px;transform:rotate(8deg)}.door-file--front{align-items:center;width:88px;height:98px;top:0;left:62px;box-shadow:0 2px 6px #161a2e0f,0 18px 30px -10px #161a2e47}.door-file--front img{width:60px;height:60px}.door-file-name{font-family:var(--qi-font-mono);color:var(--qi-color-text-muted);font-size:11px}.door-drop-title{font-size:18px;font-weight:700;line-height:1.3}.door-drop-help{color:var(--qi-color-text-muted);max-width:400px;font-size:15px;line-height:1.45}.door-drop-help .open-mono{font-size:14px}.door-choose{padding:0 16px}.open-where{background:var(--qi-color-surface-sunken);color:var(--qi-neutral-700);text-align:left;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:16px;display:flex}.open-where>svg{flex:none;margin-top:1px}.open-where-lines{flex-direction:column;gap:2px;display:flex}.open-where .open-mono{font-size:15px}.open-where-path{color:var(--qi-color-text)}.open-where-other{color:var(--qi-color-text-subtle)}.door-where{margin-top:4px;font-size:15px;line-height:1.45}.door-where .open-mono{white-space:nowrap;font-size:14px}.door-move{color:var(--qi-color-text-subtle);font-size:15px;line-height:1.45}.door-move a{font-weight:700}.door-account{color:var(--qi-color-text-subtle);text-align:center;font-size:15px;line-height:1.45}.door-foot{color:var(--qi-color-text-muted);text-align:center;margin-top:auto;font-size:17px;line-height:1.5}.door-foot-signin{align-items:center;min-height:48px;font-weight:700;display:inline-flex;position:relative}.door-foot-signin:before{content:"";position:absolute;inset:0 -4px}@media (max-width:1279.98px){.doors{grid-template-columns:minmax(0,1fr);gap:20px}.door{grid-template-columns:264px minmax(0,1fr);align-items:stretch;gap:24px;padding:20px;display:grid}.door-picture{height:auto;min-height:188px}.door-text{padding:4px 0 0}}@media (max-width:1023.98px){.door-main{gap:24px;padding:36px 32px 24px}}@media (max-width:743.98px){.door{grid-template-columns:minmax(0,1fr)}}@media (max-width:599.98px){.door-main{gap:20px;padding:26px 24px 16px}.door-title{letter-spacing:-.02em;font-size:34px;line-height:1.06}.door-lede{font-size:17px}.doors{gap:16px}.door{border-radius:20px;gap:0;padding:20px;display:flex}.door-text{padding:0}.door-heading{font-size:24px}.door-actions{padding-top:8px}.door-text>.door-button.only-phone{margin-top:8px}.door-where{padding:12px 14px}}.open-drop{border:2px dashed var(--qi-color-border-strong);text-align:center;background-color:var(--qi-color-surface);background-image:radial-gradient(var(--qi-app-line) 1px, transparent 1px);background-size:18px 18px;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:36px 40px;display:flex}.open-drop--over{border-color:var(--qi-color-focus);background-color:var(--qi-app-tint)}.open-drop-text{flex-direction:column;gap:10px;max-width:520px;display:flex}.open-drop-title{font-family:var(--qi-font-display);letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1.1}.open-drop-help{color:var(--qi-color-text-muted);font-size:18px;line-height:1.5}.open-drop-help .open-mono{font-size:16px}.open-drop-actions{gap:12px;display:flex}.open-drop-actions .open-choose{padding:0 26px;font-size:18px}.open-drop-actions .open-choose-folder{padding:0 24px;font-size:18px}.opened-main{flex-direction:column;gap:22px;padding:30px 48px 48px;display:flex}.opened-bar{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.opened-heading{align-items:baseline;gap:16px;display:flex}.opened-title{font-family:var(--qi-font-display);letter-spacing:-.022em;font-size:40px;font-weight:600;line-height:1.05}.opened-count{font-family:var(--qi-font-mono);color:var(--qi-color-text-muted);font-size:15px}.opened-reading{color:var(--qi-color-text-muted);align-items:center;gap:10px;font-size:16px;display:inline-flex}.opened-reading svg{flex:none}.opened-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.opened-grid>li{flex-direction:column;display:flex}.opened-grid .quilt-card-link{flex-grow:1}.open-file-icon{color:var(--qi-color-danger)}.opened-add{border:2px dashed var(--qi-color-border-strong);width:100%;min-height:316px;color:var(--qi-color-primary);cursor:pointer;background:0 0;border-radius:20px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:12px;margin:0;padding:0;font-size:17px;font-weight:700;display:flex}.opened-add:hover{border-color:var(--qi-color-focus);background:var(--qi-color-surface)}.opened-add-mark{background:var(--qi-app-tint);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}@media (max-width:1023.98px){.opened-main{padding:28px 32px 32px}.opened-bar{flex-direction:column;align-items:flex-start;gap:12px}.opened-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width:599.98px){.opened-main{gap:14px;padding:20px 24px 32px}.opened-heading{flex-wrap:wrap;gap:4px 12px}.opened-title{letter-spacing:-.02em;font-size:32px}.opened-count{font-size:14px}.opened-grid{flex-direction:column;gap:0;display:flex}.opened-grid>li+li{border-top:1px solid var(--qi-app-line)}.opened-add{border:0;border-radius:0;flex-direction:row;justify-content:flex-start;gap:14px;min-height:64px;padding:10px 0}.opened-add-mark{border-radius:12px;width:64px;height:64px}}@media (min-width:600px){.scrim .save-dialog{padding:34px 40px 30px}}.save-kicker{color:var(--qi-color-accent-text);align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.save-kicker-mark{background:var(--qi-color-accent);clip-path:polygon(0 0,100% 0,100% 100%);flex:none;width:12px;height:12px}.save-head{flex-direction:column;gap:8px;display:flex}.save-title{font-family:var(--qi-font-display);letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1.08}.save-lede{color:var(--qi-color-text-muted);font-size:17px;line-height:1.5}.save-form{flex-direction:column;gap:10px;display:flex}.save-label{font-size:17px;font-weight:700}.save-email{border:2px solid var(--qi-color-border-strong);background:var(--qi-color-surface);height:56px;color:var(--qi-color-text);border-radius:12px;width:100%;padding:0 16px;font-size:18px}.save-email:focus{border-color:var(--qi-color-focus);box-shadow:0 0 0 4px var(--qi-indigo-100);outline:none}.save-email[aria-invalid=true]{border-color:var(--qi-color-danger)}.save-message{color:var(--qi-color-danger);font-size:16px;line-height:1.45}.save-actions{gap:12px;margin-top:6px;display:flex}.save-actions .save-send{padding:0 26px}.save-actions .save-later{padding:0 22px}.save-or{color:var(--qi-color-text-subtle);align-items:center;gap:12px;font-size:15px;display:flex}.save-or:before,.save-or:after{content:"";background:var(--qi-app-line);flex-grow:1;height:1px}.save-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.save-social-btn{cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:52px;margin:0;font-size:16px;font-weight:700;display:flex}.save-social-btn svg{flex:none}.save-social-btn--apple{border:2px solid var(--qi-color-text);background:var(--qi-color-text);color:#fff}.save-social-btn--google{border:2px solid var(--qi-color-border-strong);background:var(--qi-color-surface);color:var(--qi-color-text)}.save-social-btn--google:hover{border-color:var(--qi-color-text)}.save-social-btn[aria-disabled=true]{cursor:progress;opacity:.8}.save-promises{background:var(--qi-color-surface-sunken);color:var(--qi-neutral-700);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}.save-promises li{gap:10px;display:flex}.save-promises svg{flex:none;margin-top:2px}.save-promises .open-mono{font-size:14px}.save-free{color:var(--qi-color-text-subtle);font-size:15px}@media (max-width:599.98px){.save-title{font-size:28px}.save-actions>.button{flex:auto}.save-social{grid-template-columns:minmax(0,1fr)}}.open-report .report-main{width:100%;max-width:1240px;margin:0 auto}.open-quilt{background:var(--qi-color-surface);flex-direction:column;min-height:100dvh;display:flex}.open-quilt-top{border-bottom:1px solid var(--qi-app-line);flex:none;align-items:center;height:60px;padding:0 12px;display:flex}.open-quilt-back{align-items:center;gap:4px;min-height:48px;padding:0 8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.open-quilt-back svg{flex:none}.open-quilt-back:hover{text-underline-offset:4px;text-decoration:underline}.open-quilt-position{font-family:var(--qi-font-mono);color:var(--qi-color-text-subtle);margin-left:auto;padding-right:8px;font-size:13px}.open-quilt-next{font-family:var(--qi-font-text);font-size:15px;font-weight:700}.open-quilt-main{flex-direction:column;flex-grow:1;min-height:0;display:flex}.open-quilt-head{flex-direction:column;flex:none;gap:4px;padding:16px 24px 12px;display:flex}.open-quilt-title{font-family:var(--qi-font-display);letter-spacing:-.015em;font-size:26px;font-weight:600;line-height:1.12}.open-quilt-meta{font-family:var(--qi-font-mono);color:var(--qi-color-text-muted);font-size:13.5px}.open-quilt .open-quilt-switch{flex:none;margin:0 24px 12px}.open-quilt-canvas{touch-action:none;background-color:var(--qi-color-surface-sunken);background-image:radial-gradient(var(--qi-color-border-strong) 1px, transparent 1px);background-size:14px 14px;flex-grow:1;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.open-quilt-picture{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:250px;height:auto;margin-bottom:36px;display:block;box-shadow:0 20px 40px -20px #161a2e73}.open-quilt-canvas .picture-tag{position:absolute;top:12px;left:12px}.open-quilt-canvas.open-quilt-canvas--undrawn{touch-action:auto;padding:24px}.open-quilt-canvas--undrawn .undrawn-panel{background:0 0;max-width:760px;padding:0}.open-quilt-zoom{background:var(--qi-color-surface);border:1px solid var(--qi-app-line);box-shadow:var(--qi-app-shadow-card);border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:12px;right:12px}.open-quilt-zoom button{width:48px;height:48px;color:var(--qi-color-text);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.open-quilt-zoom button:first-child{border-radius:11px 11px 0 0}.open-quilt-zoom button+button{border-top:1px solid var(--qi-app-line);border-radius:0 0 11px 11px}.open-quilt-zoom button:hover{background:var(--qi-color-surface-sunken)}.open-quilt-hint{border:1px solid var(--qi-app-line);color:var(--qi-color-text-muted);background:#ffffffeb;border-radius:999px;padding:7px 11px;font-size:14px;position:absolute;bottom:12px;left:12px}.open-quilt-hint-mouse{display:none}@media (min-width:744px){.open-quilt-picture{object-fit:contain;width:calc(100% - 152px);height:calc(100% - 88px);box-shadow:none;filter:drop-shadow(0 14px 20px #161a2e47);margin:0;position:absolute;inset:24px 76px 64px}}@media (min-width:744px) and (hover:hover) and (pointer:fine){.open-quilt-hint-touch{display:none}.open-quilt-hint-mouse{display:inline}}.open-quilt-status{border-top:1px solid var(--qi-app-line);flex-direction:column;flex:none;gap:8px;padding:14px 24px;display:flex}.open-quilt-status-row{align-items:center;gap:10px;display:flex}.open-quilt-report{align-items:center;min-height:44px;margin-left:auto;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.open-quilt-report:hover{text-underline-offset:4px;text-decoration:underline}.open-quilt-note{color:var(--qi-color-text-muted);font-size:15px;line-height:1.45}.open-quilt .open-quilt-save{flex:none;gap:12px;padding:12px 16px 12px 24px}.open-quilt-save .banner-text{font-size:15px;line-height:1.35}.door-title:focus,.opened-title:focus,.open-quilt-title:focus,.open-report .report-title:focus{outline:none}