.shorty-site{--background:#faf9f6;--foreground:#0e2335;--primary:#0e2335;--muted-foreground:#4a5568;--border:#0e23351c;--ring:#0e2335;background:var(--background);min-height:100svh;color:var(--foreground);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.shorty-container{width:min(100% - 64px,960px);margin-inline:auto}.shorty-header{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.shorty-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:21px;font-weight:600;text-decoration:none;display:inline-flex}.shorty-brand img{border-radius:8px}.shorty-nav{align-items:center;gap:28px;display:flex}.shorty-nav a{align-items:center;gap:5px;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}.shorty-nav .shorty-how-link{color:var(--muted-foreground)}.shorty-hero{grid-template-columns:1.45fr 1fr;align-items:center;gap:60px;padding:48px 0 70px;display:grid}.shorty-eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 18px;font-size:12px}.shorty-site h1{letter-spacing:-2px;margin:0 0 24px;font-size:clamp(36px,4vw,48px);font-weight:550;line-height:1.12}.shorty-hero h1 span{display:block}.shorty-intro{max-width:430px;color:var(--muted-foreground);margin:0 0 26px;font-size:17px;line-height:1.7}.shorty-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.shorty-play-badge{margin-left:-10px;display:inline-block}.shorty-play-badge img{width:186px;height:auto;display:block}.shorty-text-action{align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.shorty-platform{color:var(--muted-foreground);margin:12px 0 0;font-size:12px}.shorty-preview{justify-self:center;margin:0}.shorty-phone{border:4px solid var(--foreground);border-radius:28px;width:236px;overflow:hidden;box-shadow:0 18px 35px #0e233510}.shorty-phone img{width:100%;height:auto;display:block}.shorty-how{border-top:1px solid var(--border);padding:38px 0 44px;scroll-margin-top:24px}.shorty-site h2{letter-spacing:-.7px;margin:0 0 26px;font-size:24px;font-weight:500;line-height:1.3}.shorty-steps{grid-template-columns:repeat(3,1fr);gap:48px;margin:0;padding:0;list-style:none;display:grid}.shorty-step-number{color:var(--muted-foreground);margin-bottom:13px;font-size:12px;display:block}.shorty-steps h3{margin:0 0 9px;font-size:16px;font-weight:500}.shorty-steps p{max-width:240px;color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.7}.shorty-create-callout{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:32px;padding:38px 0 46px;display:flex}.shorty-create-callout h2{margin-bottom:9px}.shorty-create-callout p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.7}.shorty-button{background:var(--primary);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:18px;padding:14px 20px;font-size:14px;text-decoration:none;display:inline-flex}.shorty-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:20px;padding:22px 0 26px;font-size:12px;display:flex}.shorty-footer a{align-items:center;min-height:44px;margin-block:-10px;text-decoration:none;display:inline-flex}.shorty-site a{transition:opacity .16s}.shorty-site a:hover{opacity:.75}.shorty-site a:focus-visible{outline:2px solid var(--ring);outline-offset:5px;border-radius:3px}.shorty-skip-link{z-index:10;background:var(--primary);color:#fff;border-radius:8px;padding:12px 16px;position:absolute;top:12px;left:20px;transform:translateY(-160%)}.shorty-skip-link:focus{transform:translateY(0)}.shorty-creator{padding:22px 0 58px}.shorty-creator-back{color:var(--muted-foreground);gap:8px;margin-bottom:26px;font-size:12px}.shorty-creator>h1{margin-bottom:14px}.shorty-creator>.shorty-intro{max-width:none;margin-bottom:42px}.shorty-creator-grid{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:38px;display:grid}.shorty-catalog{border-right:1px solid var(--border);padding-right:24px;position:sticky;top:24px}.shorty-search-label{margin-bottom:12px;font-size:13px;font-weight:500;display:block}.shorty-search{border:1px solid var(--border);background:#fff9;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.shorty-search svg{color:var(--muted-foreground);flex-shrink:0}.shorty-search input{width:100%;min-width:0;min-height:44px;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none;font-size:12px}.shorty-search:focus-within{outline:2px solid var(--ring);outline-offset:3px}.shorty-catalog-count{color:var(--muted-foreground);margin:12px 0 22px;font-size:11px}.shorty-catalog-list{scrollbar-width:thin;min-height:200px;max-height:min(650px,100svh - 190px);padding-right:5px;overflow-y:auto}.shorty-catalog-list section+section{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.shorty-catalog-list h2{color:var(--muted-foreground);letter-spacing:.3px;margin:0 0 9px;font-size:11px;font-weight:500}.shorty-catalog-list ul{margin:0;padding:0;list-style:none}.shorty-catalog-list button{width:100%;min-height:44px;color:var(--foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;border-radius:0 6px 6px 0;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.shorty-catalog-list button:hover{background:#0e233506}.shorty-catalog-list button[aria-pressed=true]{border-left-color:var(--primary);background:#0e23350a;font-weight:500}.shorty-catalog-list button svg{flex-shrink:0;margin-left:auto}.shorty-app-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px;display:block}.shorty-mobile-app-picker{display:none}.shorty-no-results{color:var(--muted-foreground);font-size:13px;line-height:1.7}.shorty-editor{min-width:0}.shorty-editor-heading{align-items:center;gap:14px;margin-bottom:30px;display:flex}.shorty-editor-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.shorty-editor-heading h2{margin:0 0 5px;font-size:25px}.shorty-editor-heading p{color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.6}.shorty-fields{gap:22px;display:grid}.shorty-field label,.shorty-mobile-app-picker label{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;font-size:13px;font-weight:500;display:flex}.shorty-field label span{color:var(--muted-foreground);font-size:11px;font-weight:400}.shorty-field input,.shorty-field select,.shorty-field textarea,.shorty-mobile-app-picker select{width:100%;min-height:46px;color:var(--foreground);font:inherit;background:#fff9;border:1px solid #0e233529;border-radius:8px;padding:11px 13px;font-size:14px}.shorty-field textarea{resize:vertical}.shorty-field input::placeholder,.shorty-field textarea::placeholder,.shorty-search input::placeholder{color:#647080;opacity:1}.shorty-field [aria-invalid=true]{border-color:#a43333}.shorty-field-help,.shorty-field-error{margin:8px 0 0;font-size:12px;line-height:1.6}.shorty-field-help{color:var(--muted-foreground)}.shorty-field-error{color:#a43333}.shorty-action-picker{margin-bottom:22px}.shorty-template-note{border-left:2px solid var(--border);color:var(--muted-foreground);margin:20px 0 0;padding-left:12px;font-size:12px;line-height:1.7}.shorty-output{border-top:1px solid var(--border);margin-top:32px;padding-top:25px}.shorty-output-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.shorty-output-heading h3,.shorty-creator-instructions h3{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:500}.shorty-output-heading span{color:var(--muted-foreground);font-size:11px}.shorty-output textarea{border:1px solid var(--border);width:100%;color:var(--foreground);font:12px/1.7 var(--font-geist-mono,ui-monospace), monospace;overflow-wrap:anywhere;resize:vertical;background:#0e233504;border-radius:8px;padding:14px;display:block}.shorty-output textarea::placeholder{font-family:var(--font-geist-sans), sans-serif;color:var(--muted-foreground)}.shorty-output-actions{align-items:center;gap:14px;margin-top:16px;display:flex}.shorty-output-actions .shorty-button{font:inherit;cursor:pointer;border:0;gap:9px;min-height:44px;padding:13px 18px;font-size:13px}.shorty-test-link{border:1px solid var(--border);min-height:44px;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:13px;text-decoration:none;display:inline-flex}.shorty-output-actions :disabled{opacity:.45;cursor:default}.shorty-copy-feedback{min-height:20px;color:var(--muted-foreground);margin:12px 0 0;font-size:12px;line-height:1.7}.shorty-copy-feedback.shorty-field-error{color:#a43333}.shorty-creator-instructions{border-top:1px solid var(--border);margin-top:25px;padding-top:24px}.shorty-creator-instructions h3{margin-bottom:12px;font-size:15px}.shorty-creator-instructions ol{color:var(--muted-foreground);margin:0;padding-left:18px;font-size:12px;line-height:1.8;list-style:decimal}.shorty-creator-instructions li+li{margin-top:4px}.shorty-site button:focus-visible,.shorty-site input:focus-visible,.shorty-site select:focus-visible,.shorty-site textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.shorty-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.shorty-container{width:calc(100% - 40px)}.shorty-header{gap:16px}.shorty-nav{gap:18px}.shorty-hero{grid-template-columns:1fr;gap:38px;padding:35px 0 44px}.shorty-site h1{letter-spacing:-1.6px;font-size:clamp(36px,7vw,44px)}.shorty-intro{font-size:16px}.shorty-preview{justify-self:center}.shorty-steps{grid-template-columns:1fr;gap:24px}.shorty-steps p{max-width:430px}.shorty-create-callout{flex-direction:column;align-items:flex-start;gap:24px}.shorty-creator{padding-top:8px}.shorty-creator-back{margin-bottom:20px}.shorty-creator>.shorty-intro{margin-bottom:26px}.shorty-creator-grid{grid-template-columns:1fr;gap:28px}.shorty-catalog{border-right:0;border-bottom:1px solid var(--border);padding:0 0 26px;position:static}.shorty-catalog-list{display:none}.shorty-mobile-app-picker{display:block}.shorty-catalog-count{margin-bottom:18px}.shorty-search input,.shorty-field input,.shorty-field textarea,.shorty-field select,.shorty-mobile-app-picker select{font-size:16px}.shorty-editor-heading{margin-bottom:26px}}@media (max-width:480px){.shorty-nav .shorty-how-link{display:none}.shorty-nav a{font-size:13px}.shorty-actions{gap:8px 20px}}@media (prefers-reduced-motion:reduce){.shorty-site a{transition:none}}