.sm-screen{--text-body-lg:18px}.cm-screen.sm-screen{min-height:100vh;overflow:visible}.sm-signin{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sm-signin-title{font-size:var(--text-body);margin:0 0 2px;font-weight:500}.sm-signin-actions{flex-shrink:0;gap:8px;display:flex}.sm-asyou{align-items:center;gap:12px;display:flex}.sm-asyou-mark{background:var(--foreground);width:34px;height:34px;color:var(--background);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:inline-flex}.sm-assets{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.sm-assets li{border:1px solid var(--border);background:color-mix(in oklab,var(--foreground)3%,transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.sm-assets .n{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sm-assets .m{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);margin:2px 0 0;font-size:10px}.sm-assets button{cursor:pointer;color:var(--muted-fg);background:0 0;border:0;flex-shrink:0;font-size:12px}.sm-assets button:hover{color:#c32222}.sm-feerow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.sm-feerow .cm-input{max-width:140px}.sm-feerow .sm-help{margin:0}.sm-copyable{align-items:center;gap:6px;min-width:0;display:inline-flex}.sm-copyable button{cursor:pointer;color:var(--muted-fg);background:0 0;border:0;border-radius:4px;flex-shrink:0;padding:2px;display:inline-flex}.sm-copyable button:hover{color:var(--foreground);background:color-mix(in oklab,var(--foreground)7%,transparent)}.sm-trunc{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-family:var(--font-mono,monospace);font-size:var(--text-mono-xs);overflow:hidden}.join-samples{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.join-sample{aspect-ratio:1;border:1px solid var(--border);background:color-mix(in oklab,var(--foreground)4%,transparent);border-radius:10px;position:relative;overflow:hidden}.join-sample img{object-fit:cover;width:100%;height:100%}.join-sample-file{width:100%;height:100%;color:var(--muted-fg);place-items:center;display:grid}.join-sample button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.join-sample button:hover{background:#000000c7}.sm-shell{box-sizing:border-box;width:100%;max-width:780px;margin:0 auto;padding:0 24px}.sm-page{padding-bottom:148px}.sm-hero{max-width:640px;padding:clamp(34px,6vh,66px) 0 26px}.sm-display{letter-spacing:var(--tracking-display);text-wrap:balance;margin:14px 0 0;font-size:clamp(38px,5.6vw,58px);font-weight:500;line-height:1.02}.sm-display em{font-style:italic;font-weight:400}.sm-lede{font-size:var(--text-body-lg);color:color-mix(in oklab,var(--foreground)70%,transparent);max-width:520px;margin:16px 0 0;line-height:1.5}.sm-form{flex-direction:column;gap:18px;display:flex}.sm-section{border-radius:22px;overflow:hidden}.sm-section-pad{padding:22px 24px 24px}.sm-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 18px;display:flex}.sm-section-head .opt{font-family:var(--font-mono);font-size:var(--text-mono-xs);text-transform:uppercase;letter-spacing:var(--tracking-mono-tight);color:var(--muted-fg)}.sm-field{flex-direction:column;gap:7px;display:flex}.sm-field+.sm-field{margin-top:16px}.sm-grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sm-grid2 .sm-field+.sm-field{margin-top:0}.sm-label{font-size:var(--text-body-sm);color:var(--foreground);align-items:baseline;gap:6px;font-weight:500;display:inline-flex}.sm-label .req{color:var(--accent-lime-ink,#87931a);font-weight:600}.sm-label .opt{font-family:var(--font-mono);font-size:var(--text-mono-xs);text-transform:uppercase;letter-spacing:var(--tracking-mono-tight);color:var(--muted-fg);font-weight:400}.sm-help{font-size:var(--text-body-sm);color:var(--muted-fg);margin:0;line-height:1.45}.sm-affix{align-items:center;display:flex;position:relative}.sm-affix .cur{color:var(--muted-fg);font-size:var(--text-body);pointer-events:none;position:absolute;left:14px}.sm-affix .cm-input{padding-left:28px}.sm-roles{flex-wrap:wrap;gap:8px;display:flex}.sm-role{border:1px solid var(--border);height:34px;font-size:var(--text-body-sm);color:var(--foreground);cursor:pointer;transition:border-color var(--motion-base),background var(--motion-base),color var(--motion-base);-webkit-tap-highlight-color:transparent;background:#fff6;border-radius:9999px;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.sm-role:hover{border-color:color-mix(in oklab,var(--foreground)24%,transparent)}.sm-role.is-on{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.sm-role.is-on .tick{opacity:1;margin-left:-2px}.sm-role .tick{opacity:0;width:0;transition:opacity var(--motion-base);display:inline-flex;overflow:hidden}.sm-role.is-on .tick{width:auto}.sm-drop{border-radius:var(--radius);border:1.5px dashed color-mix(in oklab,var(--foreground)22%,transparent);text-align:center;cursor:pointer;transition:border-color var(--motion-base),background var(--motion-base);background:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;display:flex}.sm-drop:hover{border-color:color-mix(in oklab,var(--foreground)40%,transparent);background:#ffffff75}.sm-drop .ic{color:var(--muted-fg)}.sm-drop .t{font-size:var(--text-body-sm);font-weight:500}.sm-drop .h{font-family:var(--font-mono);font-size:var(--text-mono-xs);text-transform:uppercase;letter-spacing:var(--tracking-mono-tight);color:var(--muted-fg)}.sm-logo-row{align-items:center;gap:14px;display:flex}.sm-logo-slot{border-radius:var(--radius-md);border:1.5px dashed color-mix(in oklab,var(--foreground)22%,transparent);width:60px;height:60px;color:var(--muted-fg);cursor:pointer;background:#ffffff4d;flex:none;place-items:center;display:grid}.sm-logo-slot:hover{border-color:color-mix(in oklab,var(--foreground)40%,transparent)}.sm-fill{flex-direction:column;gap:12px;display:flex}.sm-choice{text-align:left;cursor:pointer;border:1px solid var(--border);width:100%;transition:border-color var(--motion-base),background var(--motion-base),box-shadow var(--motion-base);box-sizing:border-box;font:inherit;color:var(--foreground);background:#fff6;border-radius:18px;padding:18px 20px 18px 52px;position:relative}.sm-choice:hover{border-color:color-mix(in oklab,var(--foreground)26%,transparent)}.sm-choice.is-on{border-color:color-mix(in oklab,var(--accent-lime)72%,var(--foreground)6%);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-lime)60%,transparent);background:#ffffff8a}.sm-radio{border:1.5px solid color-mix(in oklab,var(--foreground)30%,transparent);width:18px;height:18px;transition:border-color var(--motion-base);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;left:20px}.sm-choice.is-on .sm-radio{border-color:var(--accent-lime)}.sm-choice.is-on .sm-radio:after{content:"";background:var(--accent-lime);border-radius:50%;width:10px;height:10px}.sm-choice-top{align-items:center;gap:9px;display:flex}.sm-choice-title{font-size:var(--text-body);letter-spacing:-.01em;font-weight:500}.sm-tag-rec{background:var(--accent-lime);height:20px;color:var(--foreground);font-family:var(--font-mono);font-size:var(--text-mono-xs);text-transform:uppercase;letter-spacing:var(--tracking-mono-tight);border-radius:9999px;align-items:center;padding:0 8px;font-weight:500;display:inline-flex}.sm-tag-free{border:1px solid var(--border);height:20px;color:var(--muted-fg);font-family:var(--font-mono);font-size:var(--text-mono-xs);text-transform:uppercase;letter-spacing:var(--tracking-mono-tight);border-radius:9999px;align-items:center;padding:0 8px;display:inline-flex}.sm-choice-body{font-size:var(--text-body-sm);color:color-mix(in oklab,var(--foreground)76%,transparent);margin:7px 0 0;line-height:1.5}.sm-suboptions{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin:14px 0 0;padding:14px 0 0;display:flex}.sm-check{cursor:pointer;align-items:flex-start;gap:11px;display:flex}.sm-box{border:1.5px solid color-mix(in oklab,var(--foreground)30%,transparent);color:#0000;width:18px;height:18px;transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base);border-radius:5px;flex:none;place-items:center;margin-top:1px;display:grid}.sm-check.is-on .sm-box{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.sm-check-text{font-size:var(--text-body-sm);color:color-mix(in oklab,var(--foreground)84%,transparent);line-height:1.5}.sm-check-text b{color:var(--foreground);font-weight:500}.sm-submitbar{z-index:15;margin-top:22px;position:sticky;bottom:0}.sm-submitbar-inner{max-width:780px;padding:14px 24px calc(14px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}@media (max-width:768px){.sm-submitbar{bottom:calc(56px + env(safe-area-inset-bottom,28px))}.sm-submitbar-inner{padding-bottom:14px}.sm-page{padding-bottom:calc(148px + 56px + env(safe-area-inset-bottom,28px))}}.sm-submit-note{font-size:var(--text-body-sm);color:var(--muted-fg);max-width:380px;line-height:1.4}.sm-submit-note b{color:var(--foreground);font-weight:500}.sm-center{place-items:start center;padding:clamp(40px,8vh,96px) 0 120px;display:grid}.sm-panel{border-radius:22px;width:100%;max-width:520px;overflow:hidden}.sm-ok-mark{background:color-mix(in srgb,var(--accent-lime)26%,white);color:#3d6321;border:1px solid color-mix(in oklab,var(--accent-lime)60%,transparent);border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 20px;display:grid}.sm-recap{text-align:left;margin:20px 0 22px}.sm-recap-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;display:flex}.sm-recap-row:last-child{border-bottom:none}.sm-recap-row .k{font-family:var(--font-mono);font-size:var(--text-mono-xs);text-transform:uppercase;letter-spacing:var(--tracking-mono-tight);color:var(--muted-fg)}.sm-recap-row .v{font-size:var(--text-body-sm);text-align:right;font-weight:500}@media (max-width:640px){.sm-grid2{grid-template-columns:1fr;gap:16px}.sm-grid2 .sm-field+.sm-field{margin-top:16px}.sm-submit-note{display:none}.sm-submitbar-inner{justify-content:stretch}.sm-submitbar-inner .cm-btn{width:100%}.sm-dock-lab{display:none}}