.showcase-breadcrumb-bar{border-bottom:1px solid var(--line);margin-bottom:24px}.showcase-breadcrumb{padding-block:6px}.showcase-detail-header{max-width:690px;padding-bottom:clamp(40px,6vw,72px)}.showcase-detail-header h1{letter-spacing:-.055em;text-wrap:balance;margin:14px 0 16px;font-size:clamp(32px,4.5vw,52px);font-weight:500;line-height:1.12}.showcase-detail-header p{color:var(--ink-muted);max-width:610px;font-size:14px;line-height:1.8}.showcase-playground,.showcase-demo{min-width:0}.showcase-loading{min-height:360px;color:var(--ink-muted);place-items:center;font-size:13px;display:grid}.showcase-playground[data-component=comments],.showcase-playground[data-component=managed-database]{--showcase-width:800px}.showcase-playground[data-component=contact-form],.showcase-playground[data-component=stripe-payments],.showcase-playground[data-component=ecommerce]{--showcase-width:960px}.showcase-playground[data-component=app-auth]{--showcase-width:480px}.showcase-playground[data-component=project-resources]{--showcase-width:880px}.showcase-comments,.showcase-contact-layout,.showcase-commerce,.showcase-auth-layout,.showcase-payments,.showcase-database,.showcase-resources{max-width:var(--showcase-width);margin-inline:auto}.showcase-detail-section{border-top:1px solid var(--line)}.showcase-project{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 48px;padding:40px 0;display:grid}.showcase-project h2{letter-spacing:-.045em;margin:12px 0;font-size:30px;font-weight:500}.showcase-project p{color:var(--ink-muted);font-size:13px;line-height:1.8}.showcase-project-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.showcase-prompt{grid-column:1/-1;max-width:800px}.showcase-prompt blockquote{border-left:2px solid var(--line);margin:8px 0;padding:2px 0 2px 20px;font-size:13px;line-height:1.9}.showcase-copy-status{grid-column:1/-1}.showcase-copy-status:empty{display:none}.showcase-more{padding:40px 0 0}.showcase-more-heading{letter-spacing:-.04em;margin-bottom:24px;font-size:24px;font-weight:500}@media (max-width:700px){.showcase-project{grid-template-columns:1fr;gap:12px;padding:32px 0}.showcase-project-actions{align-items:flex-start;margin-top:8px}.showcase-more-heading{margin-bottom:18px}}
.showcase-tabs{--ui-accent:var(--ink);--ui-on-accent:var(--bg);background:var(--bg-elevated);border-radius:var(--ui-radius);padding:4px}.showcase-demo-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-size:10px;font-weight:500;line-height:1.8;display:block}.showcase-demo-heading{letter-spacing:-.035em;font:400 26px/1.2 Georgia,serif}.showcase-demo-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.showcase-demo-title h3{letter-spacing:-.045em;text-wrap:balance;margin:12px 0;font:400 clamp(28px,3.5vw,42px)/1.15 Georgia,serif}.showcase-demo-title p{color:var(--ink-muted);font-size:13px;line-height:1.8}.showcase-demo-rating{white-space:nowrap;font-size:13px}.showcase-demo-small,.showcase-demo-status{color:var(--ink-muted);font-size:12px;line-height:1.8}.showcase-demo-status{min-height:22px;margin-top:14px}.showcase-demo-error{color:var(--danger,#ad4444);overflow-wrap:anywhere;margin-top:18px;font-size:13px;line-height:1.8}.showcase-comment-controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;margin-bottom:40px;display:flex}.showcase-comment-controls label{color:var(--ink-muted);align-items:center;gap:12px;font-size:12px;display:flex}.showcase-comment-controls select{width:auto}.showcase-comments-content{min-width:0}.showcase-comments-content[data-custom-tone=true]{padding:clamp(16px,3vw,32px)}.showcase-ui-demo .showcase-demo-status{color:var(--ui-muted)}.showcase-ui-demo[data-custom-tone=true]{padding:clamp(16px,3vw,32px)}.showcase-demo-columns{grid-template-columns:minmax(230px,.7fr) minmax(0,1fr);align-items:start;gap:64px;padding-bottom:40px;display:grid}.showcase-demo-columns>:first-child{max-width:340px}.showcase-demo-columns>:last-child{min-width:0}.showcase-theme-demo{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:32px;display:grid;background:0 0!important}.showcase-theme-demo>aside{border:1px solid #e9e4db;border-radius:12px}.showcase-theme-sample{background:var(--bg);border-radius:var(--radius-lg);min-width:0;padding:clamp(24px,4vw,52px);position:sticky;top:100px}.showcase-theme-intro{padding-bottom:clamp(24px, calc(var(--section-space) / 2), 48px);max-width:calc(var(--content-width) / 2.6)}.showcase-theme-intro>span{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.showcase-theme-intro h3{letter-spacing:-.055em;text-wrap:balance;margin:18px 0;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.12}.showcase-theme-intro p{color:var(--ink-muted);font-size:13px;line-height:1.8}.showcase-booking-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:48px;display:grid}.showcase-booking-layout>div{min-width:0}.showcase-booking-layout>article{box-shadow:none;position:sticky;top:100px}.showcase-booking input[type=date]{color-scheme:normal}.showcase-demo .showcase-audio-library{padding:0}.showcase-contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:80px;display:grid}.showcase-contact-layout h3{letter-spacing:-.055em;margin:18px 0 24px;font:400 clamp(36px,4.5vw,52px)/1.1 Georgia,serif}.showcase-contact-layout p{color:var(--ink-muted);max-width:310px;font-size:14px;line-height:1.9}.showcase-contact-layout .showcase-contact-signature{margin-top:36px;font-size:12px}@media (max-width:1000px){.showcase-booking-layout{grid-template-columns:1fr;gap:32px}.showcase-booking-layout>article{width:100%;max-width:480px;margin-inline:auto;position:static}.showcase-demo-columns,.showcase-contact-layout{gap:36px}.showcase-theme-demo{grid-template-columns:290px minmax(0,1fr);gap:18px}}@media (max-width:700px){.showcase-demo-title{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:26px}.showcase-demo-columns,.showcase-contact-layout{grid-template-columns:1fr;gap:32px}.showcase-demo-columns>:first-child{max-width:none}.showcase-demo-columns>:last-child{order:-1}.showcase-contact-layout p{max-width:100%}.showcase-contact-layout .showcase-contact-signature{margin-top:16px}.showcase-theme-demo{flex-direction:column;gap:20px;display:flex}.showcase-theme-demo>aside{width:100%}.showcase-theme-demo>aside :is(button,input,select){scroll-margin-top:330px}.showcase-theme-sample{z-index:2;order:-1;width:100%;padding:16px;top:90px}.showcase-theme-intro{display:none}.showcase-theme-sample .showcase-theme-card-heading,.showcase-theme-sample .showcase-theme-card-footer{padding:16px}.showcase-theme-sample .showcase-theme-card-copy,.showcase-theme-sample .showcase-theme-card-description{display:none}.showcase-comment-controls{margin-bottom:28px}}@media (max-height:650px){.showcase-theme-sample{position:static}.showcase-theme-demo>aside :is(button,input,select){scroll-margin-top:100px}}
.showcase-auth-roles{justify-content:center;margin-bottom:24px;display:flex}.showcase-account-card{text-align:center;min-height:405px;padding:40px}.showcase-account-card>.showcase-demo-eyebrow{margin-bottom:28px}.showcase-account-card .showcase-avatar{background:var(--bg-elevated);width:64px;height:64px;color:var(--ink);margin-bottom:24px;font-size:28px}.showcase-account-card>p{margin:14px 0 28px}.showcase-account-content{border-top:1px solid var(--line);padding:24px 0;font-size:13px}.showcase-account-content p{color:var(--ink-muted);margin-top:10px;font-size:12px;line-height:1.8}.showcase-payments>.showcase-demo-title{text-align:center;flex-direction:column;gap:20px}.showcase-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.showcase-plan{flex-direction:column;padding:36px;display:flex}.showcase-plan[data-featured=true]{--ui-surface:var(--bg-elevated);--ui-border:var(--ink-muted)}.showcase-plan h3{margin:14px 0 0}.showcase-plan-price{letter-spacing:-.06em;margin:24px 0;font-size:48px}.showcase-plan-price span{color:var(--ink-muted);letter-spacing:0;font-size:13px}.showcase-plan ul{flex:1;margin-bottom:12px;padding:24px 0;font-size:13px;line-height:1.8;list-style:none}.showcase-plan li{align-items:start;gap:12px;padding:7px 0;display:flex}.showcase-plan li svg{flex-shrink:0;margin-top:4px}.showcase-note-form{gap:12px;margin-bottom:24px;display:flex}.showcase-note-form input{flex:1;min-width:0}.showcase-note-form button{white-space:nowrap}.showcase-note-list{padding:0;list-style:none}.showcase-note-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:flex}.showcase-note-list label{overflow-wrap:anywhere;min-width:0;min-height:44px}.showcase-note-list [data-done=true]{color:var(--ink-muted);text-decoration:line-through}.showcase-icon-action{flex-shrink:0;width:44px;padding-inline:0}.showcase-data-footer{color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:11px;display:flex}.showcase-dropzone{border:1px dashed var(--ink-muted);background:var(--bg-elevated);text-align:center;border-radius:16px;padding:40px 28px 24px}.showcase-dropzone[data-dragging=true],.showcase-dropzone:focus-within{border-color:var(--accent)}.showcase-dropzone[data-dragging=true]{background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.showcase-upload-mark{background:var(--bg-card);width:56px;height:56px;color:var(--ink);border-radius:16px;place-items:center;display:inline-grid}.showcase-dropzone h4{letter-spacing:-.04em;margin:20px 0 12px;font:400 30px/1.2 Georgia,serif}.showcase-dropzone>p{color:var(--ink-muted);margin-bottom:24px;font-size:13px;line-height:1.8}.showcase-resource-actions{justify-content:center}.showcase-dropzone textarea{max-width:530px;margin:24px auto 16px;display:block}.showcase-dropzone>small{color:var(--ink-muted);font-size:11px;line-height:1.9;display:block}.showcase-resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;padding:0;list-style:none;display:grid}.showcase-resource-list>li{min-width:0}.showcase-resource-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.showcase-resource-media{background:var(--bg-elevated);border-radius:var(--ui-control-radius);grid-column:1/-1;place-items:center;height:180px;display:grid;overflow:hidden}.showcase-resource-media img,.showcase-resource-media video{object-fit:contain;width:100%;height:180px}.showcase-resource-media audio{width:100%;max-width:100%}.showcase-resource-media>svg{color:var(--ink-muted)}.showcase-resource-list strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.showcase-resource-card>div>span{color:var(--ink-muted);margin-top:6px;font-size:11px;display:block}@media (max-width:700px){.showcase-account-card{padding:32px 24px}.showcase-plan-grid{grid-template-columns:1fr;gap:20px}.showcase-plan{padding:28px}.showcase-note-form{gap:8px}.showcase-note-form input,.showcase-dropzone textarea{font-size:16px}.showcase-note-list li{font-size:13px}.showcase-dropzone{padding:28px 18px 20px}.showcase-dropzone h4{font-size:27px}.showcase-resource-list{grid-template-columns:1fr}}