/* Structural adaptations of the user's Stitch screens. */
body:not([data-page="home"]){background:#f8f9ff}.site-header{height:68px}.site-header>nav{background:transparent}.site-header>nav a{font-weight:600}.site-header>nav a:hover{background:#eff4ff}.site-footer{margin-top:32px}
.fidelity-tag{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:700;letter-spacing:.05em;color:#925600;background:#fef3c7;margin-bottom:16px}.fidelity-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(130deg,#2563eb,#004ac6 60%,#1e293b);color:white;border-radius:18px;padding:48px;box-shadow:0 8px 22px #0f172a14}.fidelity-banner h2{font-size:36px;line-height:1.2;max-width:570px;color:white}.fidelity-banner p{color:#dbeafe;font-size:15px;max-width:620px;margin:0}.fidelity-banner .fidelity-tag{background:#ffffff20;color:#e0f2fe}.fidelity-banner .button{flex-shrink:0}
/* Template library: left-aligned introduction, filter surface, featured drawing, catalogue. */
body[data-page="templates"] .page-intro,body[data-page="barndo"] .page-intro{max-width:1280px;text-align:left;padding:44px 0 28px;background-image:radial-gradient(#cbd5e155 .7px,transparent .7px);background-size:18px 18px}
body[data-page="templates"] .page-intro p,body[data-page="barndo"] .page-intro p{margin-left:0;max-width:780px}.page-intro .eyebrow{justify-content:flex-start}body[data-page="pricing"] .page-intro .eyebrow{justify-content:center}body[data-page="templates"] .page-intro h1,body[data-page="barndo"] .page-intro h1{font-size:40px;line-height:1.2}
.library-controls{background:#eff4ff;border-radius:12px;padding:18px;margin-bottom:40px}.template-search{max-width:none;width:100%;margin:0 0 12px;border-color:#e2e8f0;background:white}.template-search input{padding:12px 0}.library-tabs{padding:0;border:0;gap:8px}.library-tabs button{padding:8px 16px;border-color:transparent;font-size:12px;min-height:38px}.library-controls>p{font-size:11px;margin:14px 0 0;color:#52627a}
.library-featured{border-radius:14px;overflow:hidden;background:white;border:1px solid #e2e8f0;box-shadow:0 3px 6px #0f172a09;margin-bottom:56px}.library-windowbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#eff4ff;padding:13px 22px;font-size:10px;color:#52627a;font-weight:600}.library-windowbar>span:first-child:before{content:'● ● ●';letter-spacing:3px;color:#2563eb;margin-right:15px}.library-windowbar>span:last-child{font-size:9px;color:#1d4ed8}.library-featured-body{padding:32px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.library-featured h2{font-size:32px;line-height:1.2;margin-bottom:18px}.library-featured p{font-size:14px;line-height:1.8;max-width:450px}.library-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#f8f9ff;padding:16px;border-radius:8px;margin:20px 0 28px}.library-specs small{font-size:9px;font-weight:600;display:block}.library-specs strong{display:block;margin-top:5px;font-size:15px;color:#0f172a}.library-feature-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.library-feature-actions+.fine{font-size:11px;margin-top:16px;margin-bottom:0}.library-feature-actions .text-link{display:flex;align-items:center;gap:4px;font-size:12px}.library-featured-drawing{display:block;padding:24px;background-color:#f8f9ff;background-image:radial-gradient(#93b4ef .7px,transparent .7px);background-size:14px 14px;border:1px solid #dbeafe;border-radius:12px}.library-featured-drawing .plan-svg{background:#fff;border:1px solid #cbd5e1}.library-featured-drawing>span{display:block;margin-top:15px;font-size:10px;color:#1d4ed8;text-align:center}.library-catalog-heading{margin-bottom:24px}.library-catalog-heading h2{font-size:27px;margin-bottom:8px}.library-catalog-heading p{font-size:13px;margin:0}.template-image{background-color:#eff4ff;background-image:radial-gradient(#aac1e1 .7px,transparent .7px);padding:22px;aspect-ratio:1.65}.template-meta{padding:22px 22px 16px!important;align-items:start}.template-category{color:#64748b;font-size:10px}.template-meta h3{font-size:18px;line-height:1.3}.template-meta p{font-size:12px;line-height:1.8;margin-top:12px}.template-meta>svg{display:none}.template-card-footer{margin:0 20px 20px;padding:10px 14px;border:0;border-radius:6px;background:#e5eeff;justify-content:center;gap:8px;color:#0f172a}.template-card:hover .template-card-footer{background:#2563eb;color:white}.library-guidance{max-width:850px;text-align:center;padding:58px 0}.library-guidance h2{margin-top:0}.library-guidance p{font-size:14px}
/* Pricing: compare access first, then show a one-time top-up separately. */
body[data-page="pricing"] .page-intro{padding:48px 0 44px}body[data-page="pricing"] .page-intro h1{font-size:40px;max-width:690px;margin-inline:auto}body[data-page="pricing"] #payment-checkout .pricing-grid{gap:22px;max-width:1080px;margin:auto;padding-bottom:54px}#payment-checkout .pricing-grid article{padding:28px 26px}#payment-checkout .pricing-grid article[data-product="plus_monthly"]{border:2px solid #2563eb;box-shadow:0 10px 20px #2563eb16}#payment-checkout .pricing-grid article[data-product="starter_monthly"]{border:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a04}.pricing-grid h2{font-size:22px;margin:16px 0 20px}.pricing-grid .price{font-size:38px;margin-bottom:22px}.plan-features{list-style:none!important;padding:0!important;margin:18px 0 22px!important;font-size:12px!important;line-height:1.7!important;color:#475569}.plan-features li{padding:5px 0 5px 23px;position:relative}.plan-features li:before{content:'✓';position:absolute;left:0;color:#2563eb;font-size:13px}.pricing-grid article>p:not(.price){font-size:12px;line-height:1.7;margin-bottom:10px}.free-plan .button{margin-top:auto!important}.payment-consent{font-size:10px;line-height:1.7;padding-top:16px}.one-time-section{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;background:#eff4ff;border:1px solid #dce9ff;padding:40px;border-radius:14px;margin:0 0 32px}.one-time-section>div h2{font-size:30px;line-height:1.3;margin:14px 0 16px}.one-time-section>div p{font-size:14px;line-height:1.8;max-width:440px}.one-time-section>article{background:white;border:1px solid #dbeafe;border-radius:10px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:12px 20px;align-items:center}.one-time-section article>.plan-badge{grid-column:1/-1}.one-time-section article>h2{font-size:22px;margin:0}.one-time-section article>.price{font-size:34px;margin:0}.one-time-section article>p:not(.price),.one-time-section .plan-features,.one-time-section .payment-consent,.one-time-section .button{grid-column:1/-1}.one-time-section article>p:not(.price){font-size:12px;margin:0;line-height:1.7}.one-time-section .plan-features{margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:11px!important}.one-time-section article>h2,.one-time-section .price{font-family:'Plus Jakarta Sans',sans-serif}.one-time-section article>.price>span{font-size:11px}.payment-history{padding:22px;background:#fff}.payment-history h2{font-size:19px}.pricing-explainer{background:white;padding:48px;border-radius:14px;margin-top:40px;margin-bottom:50px}.credit-examples article{background:#eff4ff;border:0;border-radius:10px}.credit-examples .tool-icon{background:#2563eb}.credit-examples .tool-icon img{filter:brightness(0) invert(1)}.pricing-faq{padding-top:10px}.pricing-faq .center-heading{margin-bottom:25px}
/* Workspace: rail, prompt controls, drawing viewport, real inspector. */
body:has(.workspace-page){background:#f8f9ff}.workspace-page{margin-left:76px}.workspace-header{margin-left:-76px;position:sticky;top:0;z-index:25;width:calc(100% + 76px);height:72px;padding:0 22px;margin-bottom:0;gap:24px;box-shadow:0 1px 8px #0f172a04}.workspace-header .brand{font-size:19px;flex-shrink:0}.workspace-header h1{font-size:13px;color:#52627a;font-weight:500;margin-right:auto}.workspace-route-tabs{display:flex;padding:4px;background:#f8f9ff;border-radius:8px;gap:4px}.workspace-route-tabs a{display:flex;align-items:center;padding:8px 16px;font-size:12px;color:#52627a;font-weight:600;border-radius:5px}.workspace-route-tabs a[aria-current]{background:#2563eb;color:white}.workspace-header .header-right{gap:16px}.sidebar{width:76px;inset:72px auto 0 0;padding:16px 9px;border-right:1px solid #e2e8f0}.sidebar .brand,.sidebar .side-bottom{display:none}.sidebar .new-plan{font-size:0;width:44px;height:42px;margin:0 auto 18px;padding:0;display:grid;place-items:center;border-radius:8px}.sidebar .new-plan:after{content:'+';font-size:24px;font-weight:400}.sidebar nav{padding:0;gap:8px}.sidebar nav a{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:22px;padding:8px}.sidebar nav a span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.sidebar nav small{font-size:0;height:1px;padding:0;background:#e2e8f0;margin:8px 4px}.tool-layout{padding:0;gap:0;grid-template-columns:290px minmax(0,1fr);align-items:start}.tool-layout:has(.workspace-inspector){grid-template-columns:290px minmax(0,1fr) 280px}.control-panel{border:0;border-right:1px solid #e2e8f0;border-radius:0;box-shadow:none;padding:22px 20px;min-height:calc(100dvh - 72px);gap:20px;position:sticky;top:72px;max-height:calc(100dvh - 72px);overflow-y:auto}.result-panel{border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 72px);background:#101b2e;overflow:visible}.result-toolbar{background:#101b2e;border-bottom:1px solid #2b394d;padding:14px;gap:10px}.result-toolbar .segmented{background:#1e293b}.result-toolbar .segmented button{font-size:10px;padding:6px 9px;min-height:30px}.result-toolbar .result-actions .button{font-size:10px;min-height:30px;padding:6px 9px}.result-body{padding:0}.canvas-meta{border:0;background:#1e293b;color:#e2e8f0;border-radius:0;padding:10px 14px}.canvas-meta strong{font-size:11px;color:#e2e8f0}.canvas-meta .pill{background:#334155;color:#cbd5e1}.canvas-meta .icon-button{background:#334155;color:white;border-color:#475569}.canvas-area{border:0;min-height:calc(100dvh - 252px);background-color:#0d1727;background-image:radial-gradient(#2c3c54 .7px,transparent .7px);background-size:18px 18px}.drawing-view{padding:40px 20px}.drawing-view>.plan-svg{max-height:calc(100dvh - 300px);min-height:240px;box-shadow:0 10px 40px #0005}.canvas-caption{background:#1e293b;color:#cbd5e1;border:0;border-radius:0;padding:12px 16px;gap:10px;font-size:10px}.canvas-caption .check-label{font-size:10px}.result-footnote{font-size:10px;color:#a8b7cb;padding:14px 18px;margin:0;background:#101b2e}.workspace-inspector{background:white;border-left:1px solid #e2e8f0;min-height:calc(100dvh - 72px);position:sticky;top:72px;max-height:calc(100dvh - 72px);overflow:auto}.inspector-title{display:flex;align-items:center;gap:8px;color:#0f172a;padding:18px;border-bottom:1px solid #e2e8f0;font-size:13px}.inspector-title svg{color:#2563eb}.inspector-content{padding:20px 18px;display:flex;flex-direction:column;gap:17px}.inspector-eyebrow,.inspector-export-heading{font-size:10px;letter-spacing:.05em;font-weight:600;color:#64748b}.inspector-content h2{font-size:17px;line-height:1.3;margin:0;overflow-wrap:anywhere}.inspector-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8f9ff;padding:12px;border-radius:8px}.inspector-metrics small{display:block;font-size:9px;font-weight:600}.inspector-metrics strong{display:block;font-size:13px;margin-top:3px}.inspector-content label{font-size:11px;color:#52627a}.inspector-content label input,.inspector-content label select{font-size:12px;padding:10px;margin-top:6px}.inspector-content label small{font-size:9px;display:block;margin-top:6px}.inspector-room-list h3{font-size:12px;margin:4px 0 12px}.inspector-room-list>div{display:flex;align-items:center;gap:8px;padding:10px 8px;margin-bottom:6px;background:#f8f9ff;border-radius:6px;font-size:11px}.inspector-room-list>div>span:first-child{width:10px;height:10px;border:1px solid #cbd5e1;border-radius:3px;flex-shrink:0}.inspector-room-list small{font-size:9px;margin-left:auto;white-space:nowrap}.inspector-export-heading{padding-top:12px;border-top:1px solid #e2e8f0}.workspace-inspector .export-bar{margin-top:0;padding:0;flex-direction:column;gap:10px}.workspace-inspector .download-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.workspace-inspector .export-bar .button{padding:8px 5px;font-size:10px;gap:5px;min-height:36px}.inspector-content>.fine{font-size:10px;margin:0}.inspector-content .annotation-list:empty{display:none}.control-panel>.fine{font-size:10px}.workspace-help{padding:28px 32px;margin-left:290px;max-width:1000px}.result-body>.workspace-templates,.result-body>.saved-list{padding:22px}.result-body>.empty-state{color:white}.result-body>.empty-state p{color:#a8b7cb}.result-body>.notice{margin:14px}.account-content{padding-top:24px}.style-card>span{font-size:9px}.prompt-wrap textarea{min-height:160px}.generate-bottom .button{min-height:44px;font-size:12px}.generate-bottom p{font-size:10px}
@media(min-width:1600px){.tool-layout,.tool-layout:has(.workspace-inspector){grid-template-columns:330px minmax(0,1fr) 310px}.tool-layout:not(:has(.workspace-inspector)){grid-template-columns:330px minmax(0,1fr)}.control-panel{padding:24px}.inspector-content{padding:22px}.drawing-view{padding:40px}.workspace-help{margin-left:330px}}
@media(max-width:1200px){.workspace-header{gap:16px;padding:0 16px}.workspace-header h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.workspace-route-tabs{margin-right:auto}.workspace-header .header-right>a{display:none}.tool-layout:has(.workspace-inspector){grid-template-columns:260px minmax(0,1fr) 240px}.tool-layout{grid-template-columns:260px minmax(0,1fr)}.control-panel{padding:20px 16px}.inspector-content{padding:18px 14px}.result-toolbar{flex-wrap:wrap}.result-toolbar .result-actions{margin-left:auto}.result-toolbar .segmented{max-width:100%;flex-wrap:wrap}.library-featured-body{gap:26px}.library-featured h2{font-size:28px}.library-featured p{font-size:13px}.library-featured-drawing{padding:16px}.one-time-section{gap:30px;padding:30px}.workspace-help{margin-left:260px}}
@media(max-width:1000px) and (min-width:768px){.tool-layout:has(.workspace-inspector){grid-template-columns:260px minmax(0,1fr)}.workspace-inspector{grid-column:2;position:static;min-height:0;max-height:none;border-top:1px solid #e2e8f0}.result-panel{min-height:0}.control-panel{grid-row:1/3}.inspector-content{display:grid;grid-template-columns:1fr 1fr}.inspector-content h2,.inspector-export-heading,.inspector-content .export-bar,.inspector-content>.fine,.inspector-room-list{grid-column:1/-1}.one-time-section{grid-template-columns:1fr;max-width:640px;margin-inline:auto}.pricing-explainer{padding:32px}.library-specs{gap:8px;padding:12px}.library-featured-body{padding:24px}.library-featured h2{font-size:24px}}
@media(max-width:767px){.site-header{height:64px}.workspace-page{margin-left:0;padding-bottom:76px}.workspace-header{margin:0;width:100%;height:auto;min-height:64px;flex-wrap:wrap;padding:14px 16px;gap:12px}.workspace-header .brand{font-size:17px}.workspace-header .brand img{width:26px;height:26px}.workspace-header .header-right{margin-left:auto}.workspace-header h1{display:block;font-size:11px;order:3;margin:0}.workspace-route-tabs{margin:0 0 0 auto;order:4}.workspace-route-tabs a{padding:7px 10px;font-size:10px}.sidebar{position:static;width:0;height:0;border:0;padding:0;inset:auto}.sidebar .new-plan{display:none}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;flex-direction:row;justify-content:space-around;background:white;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid #e2e8f0;gap:0}.sidebar nav small,.sidebar nav a:first-child,.sidebar nav a:nth-last-child(-n+2){display:none!important}.sidebar nav a{display:flex!important;flex-direction:column;gap:3px;min-height:48px;min-width:58px;padding:6px 8px!important;font-size:18px}.sidebar nav a span{position:static;clip:auto;width:auto;height:auto;font-size:9px!important}.tool-layout,.tool-layout:has(.workspace-inspector){display:flex;flex-direction:column;padding:0;gap:0}.control-panel{width:100%;max-height:none;position:static;min-height:0;padding:22px 20px;border-right:0;border-bottom:1px solid #e2e8f0}.result-panel{width:100%;min-height:0}.result-toolbar{padding:14px}.result-toolbar .segmented button{font-size:11px}.canvas-area{min-height:300px}.drawing-view{padding:34px 16px}.drawing-view>.plan-svg{max-height:450px;min-height:0}.canvas-caption{flex-direction:row;align-items:center;flex-wrap:wrap}.workspace-inspector{position:static;max-height:none;min-height:0;width:100%;border-left:0}.inspector-content{padding:22px 20px}.inspector-content label{font-size:12px}.inspector-content label input,.inspector-content label select,.control-panel input:not([type=checkbox]),.control-panel select,.control-panel textarea{font-size:16px}.inspector-content h2{font-size:20px}.inspector-metrics strong{font-size:17px}.inspector-content .export-bar .button{font-size:12px;min-height:42px}.workspace-help{margin:0;padding:28px 20px}.inspector-room-list>div{font-size:13px;padding:12px}.inspector-room-list small{font-size:11px}.library-featured-body{grid-template-columns:1fr;padding:24px;gap:26px}.library-featured-drawing{order:2}.library-featured h2{font-size:28px}.library-featured p{max-width:none}.library-windowbar{padding:12px 16px;font-size:9px}.library-windowbar>span:last-child{display:none}.library-featured{margin-bottom:36px}.library-controls{padding:14px;margin-bottom:28px}.library-tabs{gap:6px}.library-tabs button{padding:8px 10px;font-size:10px}.library-controls>p{font-size:10px}body[data-page="templates"] .page-intro,body[data-page="barndo"] .page-intro{padding:34px 0 20px}body[data-page="templates"] .page-intro h1,body[data-page="barndo"] .page-intro h1{font-size:32px}.library-catalog-heading h2{font-size:25px}.fidelity-banner{padding:30px 26px;flex-direction:column;align-items:start;gap:24px}.fidelity-banner h2{font-size:29px}.fidelity-banner p{font-size:14px}.fidelity-banner .button{width:100%}.library-guidance{padding:42px 0}.one-time-section{grid-template-columns:1fr;padding:24px;gap:16px}.one-time-section article{padding:22px}.one-time-section .plan-features{grid-template-columns:1fr}.one-time-section>div h2{font-size:27px}.one-time-section article>.price{font-size:30px}.pricing-explainer{padding:28px 20px}body[data-page="pricing"] .page-intro h1{font-size:33px}body[data-page="pricing"] .page-intro{padding:36px 0 28px}#payment-checkout .pricing-grid article{padding:26px}.pricing-grid .price{font-size:38px}.payment-consent{font-size:11px}.pricing-grid article>p:not(.price){font-size:13px}.plan-features{font-size:13px!important}.free-plan .button{margin-top:20px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body[data-page="templates"] .section.tight,body[data-page="barndo"] .section.tight{padding-top:16px}
@media(max-width:767px){body[data-page="templates"] .section.tight,body[data-page="barndo"] .section.tight{padding-top:8px}}

@media(max-width:767px){.workspace-header h1{position:static;width:auto;height:auto;overflow:visible;clip-path:none}}