._container_vqlo2_1{width:100%;max-width:1200px;margin:0 auto;padding:20px;overflow-x:hidden}@media(min-width:768px){._container_vqlo2_1{padding:40px}}._wrap_1lwr0_1{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:700}._spinner_1lwr0_9{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:currentColor;border-radius:999px;animation:_spin_1lwr0_9 .8s linear infinite}@keyframes _spin_1lwr0_9{to{transform:rotate(360deg)}}._center_zsovl_1{display:grid;min-height:60vh;place-items:center}._previewShell_zsovl_7{display:grid;gap:10px}._header_zsovl_12,._paymentCard_zsovl_13{padding:10px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px}._eyebrow_zsovl_20,._header_zsovl_12 h1,._header_zsovl_12 p,._paymentCard_zsovl_13 h2{margin:0}._brandLine_zsovl_27{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:8px;padding:6px 8px;color:var(--primary-blue);font-weight:900;background:var(--white);border:1px solid #BFDBFE;border-radius:8px}._previewLogo_zsovl_41,._modalLogo_zsovl_42{display:block;width:auto;height:40px;max-width:160px}._eyebrow_zsovl_20{color:var(--primary-blue);font-weight:800}._header_zsovl_12 h1{margin-top:4px;font-size:1.35rem;line-height:1.25}._header_zsovl_12 p{margin-top:8px;color:var(--text-gray);font-weight:700}._previewBox_zsovl_66{position:relative;display:grid;min-height:160px;place-items:center;overflow:visible;padding:8px;color:var(--text-gray);text-align:center;background:linear-gradient(135deg,#1d4ed814,#10b98114),#f3f4f6;border:1px solid var(--border-light);border-radius:12px}.protected-content{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.protected-content.is-protected ._previewImage_zsovl_88,.protected-content.is-protected ._modalImage_zsovl_89{opacity:1;filter:none;transform:none}._shieldOverlay_zsovl_96{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;color:var(--white);font-weight:900;line-height:1.35;text-align:center;background:#111827f0}._previewButton_zsovl_110{display:grid;width:100%;height:auto;min-height:0;place-items:center;padding:0;background:transparent;border:0}._protectedImageFrame_zsovl_121{position:relative;display:inline-grid;width:100%;height:auto;max-width:100%;place-items:center;overflow:hidden}._previewBlocker_zsovl_131{position:absolute;top:50%;left:0;z-index:4;display:grid;width:100%;box-sizing:border-box;min-height:0;place-items:center;padding:8px 10px;color:#fffffff5;font-size:clamp(.58rem,1.35vw,.86rem);font-weight:900;line-height:1.15;text-align:center;text-transform:uppercase;white-space:normal;overflow:hidden;background:#11182761;border-block:1px solid rgba(255,255,255,.24);box-shadow:0 10px 24px #11182729;transform:translateY(-50%);-webkit-backdrop-filter:blur(6px) saturate(.9);backdrop-filter:blur(6px) saturate(.9)}._previewImage_zsovl_88{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:8px}._previewThumbnailRow_zsovl_168{display:grid;grid-auto-flow:column;gap:8px;overflow-x:auto;padding-top:10px;width:100%}._previewThumbnail_zsovl_168{border:2px solid transparent;border-radius:10px;overflow:hidden;min-width:64px;min-height:64px;width:64px;height:64px;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center}._previewThumbnail_zsovl_168 img{display:block;width:100%;height:100%;object-fit:cover}._activeThumbnail_zsovl_199{border-color:var(--primary-blue)}._designerWatermark_zsovl_203{position:absolute;bottom:16px;right:0;z-index:3;padding:12px 16px;background:#2d2d2d8c;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-size:.95rem;line-height:1.3;text-align:center;white-space:nowrap;pointer-events:none;letter-spacing:.3px}._previewBox_zsovl_66 strong{position:absolute;color:#1f29372e;font-size:1.8rem;transform:rotate(-24deg)}._previewBox_zsovl_66 span{position:relative;z-index:1;font-weight:800}._paymentCard_zsovl_13{display:grid;gap:14px}._priceRow_zsovl_239,._totalRow_zsovl_240{display:flex;justify-content:space-between;gap:12px}._priceRow_zsovl_239 span{color:var(--text-gray)}._totalRow_zsovl_240{padding-top:12px;border-top:1px solid var(--border-light);font-size:1.15rem}._success_zsovl_256{display:grid;gap:12px;color:var(--success-green)}._success_zsovl_256 h2,._success_zsovl_256 p{margin:0}._success_zsovl_256 p{color:var(--text-gray)}._decisionBlock_zsovl_271{display:grid;gap:12px}._decisionBlock_zsovl_271 h3,._decisionBlock_zsovl_271 p,._error_zsovl_278{margin:0}._decisionBlock_zsovl_271 h3{font-size:1.05rem}._decisionBlock_zsovl_271 p{color:var(--text-gray);line-height:1.5}._callLink_zsovl_291{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 24px;color:var(--primary-blue);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;background:var(--white);border:1px solid var(--primary-blue);border-radius:8px}._paySummary_zsovl_309{padding:12px;color:var(--text-dark);font-weight:800;background:var(--white);border:1px solid var(--border-light);border-radius:8px}._includedText_zsovl_318{margin:-4px 0 0;color:var(--text-gray);font-weight:700}._rule_zsovl_324{height:1px;background:var(--border-light)}._modalBackdrop_zsovl_329{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#1f2937db}._imageModal_zsovl_339{position:relative;display:grid;grid-template-rows:1fr;width:min(calc(100vw - 32px),980px);height:min(calc(100dvh - 80px),720px);overflow:hidden;padding:58px 14px 14px;background:var(--white);border-radius:12px}._closeButton_zsovl_351{position:absolute;top:10px;right:10px;z-index:2;display:grid;width:48px;height:48px;place-items:center;color:var(--text-dark);background:var(--white);border:1px solid var(--border-light);border-radius:8px}._modalBrand_zsovl_366{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;color:var(--primary-blue);font-weight:900;background:var(--white);border:1px solid var(--border-light);border-radius:8px}._imageViewport_zsovl_383{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#f3f4f6;border-radius:8px}._modalImage_zsovl_89{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}@media print{.protected-content{display:none!important}}@media(min-width:768px){._modalBackdrop_zsovl_329{padding:32px}._imageModal_zsovl_339{width:min(calc(100vw - 64px),1040px);height:min(calc(100dvh - 96px),760px);padding:62px 22px 22px}}._error_zsovl_278{margin-top:16px;color:var(--danger-red);font-weight:700}@media(min-width:1024px){._previewShell_zsovl_7{grid-template-columns:1.2fr .8fr}._header_zsovl_12{grid-column:1 / -1}._previewBox_zsovl_66{min-height:360px;height:min(66vh,620px);overflow:hidden}._previewButton_zsovl_110{height:100%}._protectedImageFrame_zsovl_121{aspect-ratio:var(--preview-aspect-ratio, 1 / 1);width:min(100%,calc((min(66vh,620px) - 24px) * var(--preview-aspect-ratio, 1)));height:auto;max-width:100%;max-height:100%}._previewImage_zsovl_88{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}}:root{--primary: #1d4ed8;--primary-dark: #173ea9;--white: #ffffff;--light-gray: #f9fafb;--success: #10b981;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--soft-blue: #eff6ff;--warning: #f59e0b;--danger: #ef4444;font-family:Inter,Helvetica,Arial,system-ui,sans-serif;color:var(--text);background:var(--white)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--white)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.callLink{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;color:#fff;font-weight:700;background:#2563eb;border:1px solid #2563eb;border-radius:10px;text-decoration:none;transition:background .16s ease,transform .16s ease}.callLink:hover,.callLink:focus-visible{background:#1d4ed8;outline:none;transform:translateY(-1px)}.callLink:active{background:#1e40af;transform:translateY(0)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.publicNav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.publicNav nav{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:800;letter-spacing:0}.brand.compact{font-size:16px}.hero{position:relative;display:flex;align-items:center;min-height:min(86vh,820px);padding:72px clamp(16px,6vw,84px) 64px;color:var(--white);background:linear-gradient(90deg,#030712d1,#0307127a,#03071233),url(https://images.unsplash.com/photo-1759215524484-89c8d7ae28f2?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=75&w=2400) center / cover}.heroContent{max-width:680px}.hero h1,.pageHeader h1,.authCard h1,.previewPay h1,.portfolioHero h1{margin:0;font-size:clamp(36px,7vw,72px);line-height:.95;letter-spacing:0}.previewPage .previewPay h1,.previewPage .formStack h1,.panel.previewPay h1{font-size:20px!important;line-height:1.25!important;margin-bottom:6px!important}.previewPage .formStack{gap:8px}.previewPage .formStack p{margin:0 0 6px}.hero p,.authCard p,.muted{color:var(--muted)}.heroContent>p:not(.eyebrow){max-width:560px;color:#ffffffe0;font-size:18px;line-height:1.65}.hero .eyebrow{color:#bfdbfe}.hero .secondaryButton{color:var(--white);background:#ffffff24;border-color:#ffffff57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.heroProof{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.heroProof span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;color:var(--white);background:#ffffff21;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.heroActions,.rowActions,.panelHeader,.pageHeader{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pageHeader{justify-content:space-between;margin-bottom:24px}.headerActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.portfolioSetupPrompt{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px;background:#eef6ff;border:1px solid #bfdbfe;border-radius:12px}.portfolioSetupPrompt h2,.portfolioSetupPrompt p{margin:0}.portfolioSetupPrompt p:last-child{margin-top:6px;color:var(--muted)}.profileSetupReminder{margin-top:-8px;background:#f8fafc;border-color:#e2e8f0}.compactSetupPrompt{gap:12px;padding:14px 16px}.compactSetupPrompt .eyebrow{margin-bottom:3px}.compactSetupPrompt h2{margin:0;font-size:18px;line-height:1.25}.compactSetupPrompt p:last-child{margin-top:3px;font-size:13px}.compactSetupPrompt .primaryButton,.compactSetupPrompt .secondaryButton{min-height:38px;padding:0 13px;font-size:13px}.dashboardGreeting{display:flex;align-items:center;gap:16px;min-width:0}.dashboardGreeting>div{min-width:0}.avatarBadge{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.dashboardGreeting h1{margin:0;font-size:clamp(28px,3vw,40px)}.dashboardGreeting .eyebrow{margin-bottom:4px}.dashboardDeliverAction{flex:0 0 auto;margin-left:auto;white-space:nowrap}@media(max-width:700px){.dashboardDeliverAction{width:100%;margin-left:0}}.pageHeader h1{font-size:clamp(30px,5vw,48px)}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.heroPanel{align-self:center}.previewFrame{display:grid;gap:18px;max-width:430px;padding:18px;background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:0 24px 70px #1118271f}.previewBlur{min-height:220px;border-radius:8px;background:linear-gradient(135deg,#1d4ed84d,#10b9813d),url(/logo.jpeg) center / cover;filter:blur(1px)}.section{max-width:1200px;margin:0 auto;padding:56px 16px}.section.band{max-width:none;background:var(--light-gray)}.sectionHeader{max-width:640px;margin-bottom:22px}.sectionHeader h2,.panel h2,.portfolioHero h1{margin:0;font-size:clamp(26px,4vw,40px);letter-spacing:0}.cardGrid,.dashboardGrid,.choiceGrid,.detailGrid,.previewPay{display:grid;gap:16px}.card,.panel,.balanceCard,.summaryCard,.authCard,.portfolioCard{background:var(--white);border:1px solid var(--border);border-radius:8px}.card,.summaryCard{padding:20px}.card svg,.summaryCard svg,.balanceCard svg{color:var(--primary)}.card h3,.projectRow h3,.portfolioCard h3,.purchaseCard h3{margin:0 0 8px}.card p,.projectRow p,.portfolioCard p,.purchaseCard p{margin:0;color:var(--muted);line-height:1.5}.steps{display:grid;gap:14px;max-width:1200px;margin:0 auto}.step{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border:1px solid var(--border);border-radius:8px}.step span{display:grid;place-items:center;width:34px;height:34px;color:var(--white);background:var(--primary);border-radius:999px;font-weight:800}.primaryButton,.secondaryButton,.ghostButton,.iconButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:8px;font-weight:800;letter-spacing:0}.primaryButton{color:var(--white);background:var(--primary)}.primaryButton:hover{background:var(--primary-dark)}.secondaryButton{color:var(--primary);background:var(--soft-blue);border-color:#1d4ed82e}.ghostButton{color:var(--text);background:var(--white);border-color:var(--border)}.small{min-height:36px;padding:0 12px;font-size:13px}.full{width:100%;margin-top:10px}.iconButton{width:42px;padding:0;color:var(--text);background:var(--white);border-color:var(--border)}.authScreen{display:grid;place-items:center;min-height:calc(100vh - 70px);padding:32px 16px;background:var(--light-gray)}.authCard,.panel{width:min(100%,980px);padding:22px}.authCard{max-width:440px}.authCard h1{font-size:34px}label,.formStack{display:grid;gap:8px}.formStack{gap:16px}input,textarea{width:100%;min-height:44px;padding:10px 12px;color:var(--text);background:var(--white);border:1px solid var(--border);border-radius:8px;outline:none}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f}.formFooter,.errorText{font-size:14px}.hintText{margin:0;color:var(--text-secondary);font-size:.9rem}.formFooter{color:var(--primary);text-align:center}.errorText{color:var(--danger)}.authActions{margin-top:10px}.appShell{min-height:100vh;background:var(--light-gray)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:280px;padding:18px;background:var(--white);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebarHeader{display:flex;align-items:center;justify-content:space-between}.sidebarClose{display:inline-grid}.sidebarBackdrop{position:fixed;inset:0;z-index:35;border:0;background:#0f172a73}.sideNav{display:grid;gap:8px;margin:26px 0 auto}.sideNav a{display:flex;align-items:center;gap:10px;padding:12px;color:var(--muted);border-radius:8px}.sideNav a.active,.sideNav a:hover{color:var(--primary);background:var(--soft-blue)}.shellMain,.container{width:min(100%,1200px);margin:0 auto;padding:18px 16px 48px}.mobileTopbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}@media(max-width:1023px){.mobileTopbar{position:sticky;top:0;z-index:30;margin:-18px -16px 18px;padding:8px 16px;background:var(--light-gray);border-bottom:1px solid var(--border)}}.dashboardGrid{gap:12px;margin-bottom:14px}.dashboardGrid .summaryCard{min-height:0;padding:14px;gap:5px}.dashboardGrid .balanceCard{min-height:0;padding:16px;gap:6px}.dashboardGrid .summaryCard strong,.dashboardGrid .balanceCard strong{font-size:24px}.dashboardGrid .balanceCard .primaryButton.full{margin-top:6px}.balanceCard,.summaryCard{display:grid;gap:8px}.balanceCard{padding:22px;color:var(--white);background:var(--primary);border-color:transparent}.balanceCard .primaryButton.full{width:100%;justify-self:stretch;margin-top:12px}.portfolioProfile{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-bottom:30px;padding:24px;background:var(--white);border:1px solid var(--border);border-radius:18px}.avatar{width:96px;height:96px;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--primary-blue);color:#fff;font-size:30px;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.clickable{cursor:pointer}.galleryModal{display:flex;align-items:center;gap:18px}.galleryContent{max-width:760px;width:100%;display:grid;gap:12px;justify-items:center}.galleryImage{width:100%;max-height:60vh;object-fit:contain;border-radius:12px}.galleryMeta{text-align:center;color:var(--muted)}.galleryPrev,.galleryNext{background:#ffffffe6;border-radius:8px;padding:8px}.portfolioMeta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted)}.portfolioLink{margin-top:10px;color:var(--muted)}.publicPortfolioPage{padding-top:84px;padding-bottom:28px}.portfolioPoweredBy{padding:0 20px 28px;color:var(--muted);text-align:center;font-size:12px}.portfolioPoweredBy a{color:inherit;font-weight:700;text-decoration:none}.portfolioPoweredBy a:hover{text-decoration:underline}.portfolioStickyBar{position:fixed;z-index:90;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px max(20px,calc((100vw - 1120px)/2));color:#fff;background:#1557c0;box-shadow:0 4px 18px #0f172a2e}.portfolioStickyIdentity{display:flex;min-width:0;align-items:center;gap:10px}.portfolioStickyIdentity img,.portfolioStickyIdentity span{width:36px;height:36px;flex:0 0 36px;border:2px solid rgba(255,255,255,.8);border-radius:50%;object-fit:cover}.portfolioStickyIdentity span{display:grid;place-items:center;font-size:12px;font-weight:800}.portfolioStickyIdentity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolioStickyContact{min-height:38px;padding:0 18px;color:#1557c0;border:0;border-radius:8px;background:#fff;font-weight:800;cursor:pointer}@media(max-width:640px){.publicPortfolioPage{padding-top:70px}.portfolioStickyBar{min-height:58px;padding:9px 14px}.portfolioStickyContact{padding:0 14px}}.adminTabs{display:flex;gap:8px;margin:22px 0 16px;overflow-x:auto;padding-bottom:2px}.adminTabs button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #d9e1ec;border-radius:10px;background:#fff;color:#475569;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}.adminTabs button.active{border-color:#2563eb;background:#2563eb;color:#fff}.adminTabs button span{display:inline-grid;min-width:22px;height:22px;place-items:center;padding:0 5px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px}.adminTabs button.active span{background:#fff3;color:#fff}.portfolioSection .sectionHeader{display:grid;gap:8px;margin-bottom:18px}.portfolioCard{overflow:hidden;border-radius:18px;background:var(--white);border:1px solid var(--border)}.portfolioCard div{display:grid;gap:10px;padding:18px}.portfolioGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.balanceCard svg,.balanceCard a{color:var(--white)}.balanceCard strong,.summaryCard strong{font-size:30px}.balanceCard span,.summaryCard span{color:inherit;opacity:.8}.panelHeader{justify-content:space-between;margin-bottom:16px}.panelHeader span{color:var(--muted);font-size:13px}.tableLike{display:grid;gap:12px}.projectRow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;background:var(--light-gray);border:1px solid var(--border);border-radius:8px}.projectRowThumbnail{flex:0 0 90px}.projectRow>div:nth-child(2){flex:1 1 220px;min-width:0}.projectRow>strong,.statusCell{flex:0 0 auto}.rowActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:1 1 200px;min-width:0}.deliveryCallout{width:100%}@media(max-width:900px){.projectRow{align-items:stretch}.projectRow>div:nth-child(2),.projectRow>strong,.statusCell,.rowActions{width:100%}.rowActions{justify-content:flex-start}}.previewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;width:90px;aspect-ratio:1;position:relative}.previewGrid img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.previewCount{position:absolute;bottom:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;font-size:.75rem;font-weight:800;color:#fff;background:#000000a6;border-radius:999px}.previewFallback{display:grid;place-items:center;width:90px;aspect-ratio:1;padding:8px;text-align:center;border-radius:8px;color:var(--text-gray);background:var(--white);border:1px solid var(--border);font-size:.8rem}.projectRow img{width:72px;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;color:#065f46;background:#10b9811f}.badge.preview_sent,.badge.awaiting_payment{color:#92400e;background:#f59e0b29}.badge.paid,.badge.completed,.badge.delivered,.badge.paid_awaiting_delivery{color:#065f46;background:#10b98124}.statusCell{display:grid;gap:6px}.awaitingText{color:var(--muted);font-size:12px;font-weight:800}.deliveryCallout{display:grid;gap:12px;padding:14px;background:var(--white);border:1px solid rgba(29,78,216,.22);border-left:4px solid var(--primary);border-radius:8px}.deliveryCallout div{display:grid;gap:6px}.deliveryCallout span{color:var(--muted)}.narrow{max-width:680px}.choice{display:grid;gap:10px;min-height:150px;padding:18px;text-align:left;background:var(--white);border:1px solid var(--border);border-radius:8px}.choice span{color:var(--muted)}.choice.active{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f}.deliveryPreviewBox{display:grid;gap:10px;padding:12px;background:var(--light-gray);border:1px solid var(--border);border-radius:8px}.deliveryPreviewBox p{margin:0;font-weight:700;color:var(--text-dark)}.deliveryPreviewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,120px));gap:10px;align-items:start;max-height:260px;overflow:auto}.deliveryPreviewGrid figure{position:relative;display:grid;gap:6px;width:min(100%,120px);margin:0;min-width:0}.removePreviewButton{position:absolute;top:6px;right:6px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;color:#fff;background:#0f172ac7;border:0;border-radius:999px;cursor:pointer}.deliveryPreviewGrid img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:8px;background:var(--white)}.deliveryPreviewGrid figcaption{overflow-wrap:anywhere;color:var(--muted);font-size:.8rem}.modalOverlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#1118278c}.modal{width:min(100%,520px);max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;background:var(--white);border-radius:8px;box-shadow:0 24px 80px #11182747}.modal .formStack{gap:10px}.modal .formStack>button:last-child{position:sticky;bottom:-18px;padding-top:12px;padding-bottom:12px;box-shadow:0 -10px 18px #fffffff2}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modalHeader h2{margin:0}.copyBox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 12px;margin:14px 0;background:var(--light-gray);border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}.detailGrid,.previewPay{align-items:start}.previewTrustBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px;color:#123b35;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;border-radius:12px}.previewTrustTitle,.previewTrustItems,.previewDesignerCard{display:flex;align-items:center}.previewTrustTitle{gap:12px}.previewTrustTitle svg,.previewTrustItems svg,.previewDesignerVerified{color:#047857;flex:0 0 auto}.previewTrustTitle strong,.previewTrustTitle span{display:block}.previewTrustTitle span{margin-top:3px;color:#3f625c;font-size:13px}.previewTrustItems{flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;color:#28665a;font-size:12px;font-weight:700}.previewTrustItems span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.previewDesignerCard{gap:12px;padding:12px;background:var(--light-gray);border:1px solid var(--border);border-radius:10px}.previewDesignerAvatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;object-fit:cover}.previewDesignerInitials{display:grid;place-items:center;color:#fff;font-weight:800}.previewDesignerInfo{display:grid;gap:2px;min-width:0;flex:1}.previewDesignerInfo strong{font-size:16px}.previewDesignerInfo span:not(.muted){color:var(--muted);font-size:13px}.previewDesignerInfo a{width:fit-content;margin-top:3px;color:var(--primary);font-size:13px;font-weight:700}.mobileStickyPay{display:none}@media(max-width:760px){.previewPage{padding-bottom:92px}.previewTrustBar{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:10px;padding:11px 12px}.previewTrustTitle{gap:8px}.previewTrustTitle svg{width:19px;height:19px}.previewTrustTitle strong{font-size:13px}.previewTrustTitle span{margin-top:1px;font-size:11px}.previewTrustItems{width:100%;flex-wrap:nowrap;justify-content:flex-start;gap:0;overflow-x:auto;scrollbar-width:none}.previewTrustItems::-webkit-scrollbar{display:none}.previewTrustItems span{flex:0 0 auto;padding-right:10px;margin-right:10px;font-size:10px;border-right:1px solid #a7f3d0}.previewTrustItems span:last-child{padding-right:0;margin-right:0;border-right:0}.mobileStickyPay{position:fixed;z-index:20;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--border);box-shadow:0 -8px 24px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobileStickyPayCopy{display:grid;gap:2px;min-width:0}.mobileStickyPayCopy span{color:var(--muted);font-size:11px;font-weight:700}.mobileStickyPayCopy strong{font-size:17px;white-space:nowrap}.mobileStickyPay .primaryButton{width:auto;min-width:116px;padding:11px 14px}}.detailImage,.previewImageWrap{width:100%;border-radius:8px;border:1px solid var(--border)}.detailImage{aspect-ratio:4 / 3;object-fit:cover}.infoLine{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.infoLine span{color:var(--muted)}.otpGroup{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otpGroup input{padding:0;text-align:center;font-size:20px;font-weight:800}.purchaseCard{display:grid;gap:12px;min-width:0}.purchaseFileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.purchaseFile{display:grid;gap:8px;min-width:0}.passwordToggleField{display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--white)}.passwordToggleField input{min-width:0;border:0}.passwordToggleField:focus-within{outline:2px solid rgba(37,99,235,.3);outline-offset:1px}.passwordToggleField button{display:grid;width:42px;min-width:42px;height:42px;place-items:center;color:var(--muted);background:transparent;border:0;cursor:pointer}.passwordToggleField button:hover{color:var(--primary);background:var(--light-gray)}.referralPrompt{display:none}@media(max-width:640px){.portfolioSetupPrompt,.referralSetupPrompt{align-items:center;flex-direction:row;gap:10px;padding:12px}.portfolioSetupPrompt .eyebrow,.portfolioSetupPrompt p:last-child{display:none}.portfolioSetupPrompt h2{margin:0;font-size:15px;line-height:1.25}.portfolioSetupPrompt>div{min-width:0}.portfolioSetupPrompt>.primaryButton{flex:0 0 auto;width:auto;min-height:36px;padding:0 10px;font-size:12px;white-space:nowrap}}.projectRow a[href^="/designer/project/"],.compactReferralHistory{display:none}.clientReferralSection{display:block;margin-top:16px;padding:0;overflow:hidden;background:linear-gradient(120deg,#102c60,#1956b2);border:0;border-radius:18px;box-shadow:0 15px 30px #14469433}.clientDesignerCard{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;color:#fff}.clientDesignerCard>div{display:grid;gap:4px}.clientDesignerCard span,.clientDesignerCard small{color:#ffffffba;font-size:13px}.clientDesignerCard strong{font-size:22px;letter-spacing:-.025em}.clientDesignerCard .primaryButton{width:auto;white-space:nowrap;color:#154797;background:#fff;border-color:#fff}.clientDesignerCard .primaryButton:hover{color:#0e3679;background:#eaf2ff}.clientReferralRewards{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;color:#163d7c;background:#f4f8ff}.clientReferralRewards>div:first-child{display:grid;gap:3px}.clientReferralRewards span,.clientReferralRewards small{color:#5e7396;font-size:12px}.clientReferralRewards .referralUnavailable{width:max-content;max-width:100%;margin-top:3px;padding:5px 8px;color:#9a3412;background:#fff0e8;border:1px solid #fed7aa;border-radius:6px;font-weight:700}.clientReferralRewards strong{font-size:20px}.clientReferralActions{display:flex;gap:8px;flex-wrap:wrap}.clientReferralActions .primaryButton,.clientReferralActions .secondaryButton{width:auto;white-space:nowrap}.clientDesignHeader{display:flex;align-items:end;justify-content:space-between;margin:26px 0 16px}.clientDesignHeader h2{margin:0;color:#102a5c;font-size:clamp(26px,4vw,36px);letter-spacing:-.04em}.clientDesignHeader p{display:none}.clientDesignGrid{gap:20px}.clientDesignGrid .purchaseCard{position:relative;gap:14px;padding:14px;overflow:hidden;background:linear-gradient(145deg,#fff,#f6f9ff);border:1px solid #dce7f8;border-radius:18px;box-shadow:0 14px 32px #18407e17}.clientDesignGrid .purchaseCard:before{position:absolute;top:0;left:0;width:100%;height:4px;content:"";background:linear-gradient(90deg,#1554b8,#22a06b)}.clientDesignGrid .purchaseCard h3{margin:2px 4px 0;color:#132f62;font-size:19px;line-height:1.2}.clientDesignGrid .purchaseCard>p{display:block;margin:-7px 4px 0;font-size:0}.clientDesignerLink{color:#2e5a9f;font-size:13px;font-weight:700;text-decoration:none}.clientDesignerLink:hover{color:#1554b8;text-decoration:underline}.clientDesignGrid .purchaseCard>strong{width:max-content;margin:0 4px;padding:5px 10px;color:#0c6a45;background:#e8f8ef;border-radius:999px;font-size:12px}.clientDesignGrid .purchaseFileGrid{gap:10px}.clientDesignGrid .purchaseFile{padding:7px;background:#fff;border:1px solid #e0e9f6;border-radius:13px}.clientDesignGrid .purchaseThumb{aspect-ratio:1 / 1;border:0;border-radius:9px;box-shadow:none}.clientDesignGrid .secondaryButton,.clientDesignGrid .primaryButton{min-height:38px;border-radius:9px;font-size:12px}.clientDesignGrid .secondaryButton{color:#174b9a;background:#eef4ff;border-color:#d2e1fb}.clientEmptyState{padding:42px 24px;text-align:center;background:linear-gradient(145deg,#f8fbff,#eef5ff);border-color:#cadcf7;border-radius:18px}.clientEmptyState p{display:none}@media(max-width:640px){.clientDesignHeader{margin:20px 0 12px}.clientDesignerCard{align-items:flex-start;flex-direction:column;padding:20px}.clientDesignerCard .primaryButton{width:100%}.clientReferralRewards{align-items:flex-start;flex-direction:column;padding:18px 20px}.clientReferralActions{width:100%}.clientReferralActions .primaryButton,.clientReferralActions .secondaryButton{flex:1}.clientDesignGrid .purchaseCard{border-radius:15px}.clientDesignGrid .purchaseFileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.purchaseThumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--border);border-radius:8px;background:var(--light-gray)}.referralPanel{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}.clientReferralSection,.referralLinkGrid,.referralLinkCard,.rewardSummary,.referralTable,.accountInvite,.referralPrompt{display:grid;gap:14px}.clientReferralSection{width:100%;margin-top:22px;max-width:none;min-width:0}.compactReferralSection{gap:10px;padding:14px}.compactReferralTop{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.compactReferralTop>div{display:grid;gap:2px;min-width:0}.compactReferralTop strong{font-size:26px;line-height:1}.compactReferralTop span{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.referralLinkGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-width:0}.referralLinkCard{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px;background:var(--light-gray);border:1px solid var(--border);border-radius:8px}.referralLinkCard>div:first-child{min-width:0}.referralLinkCard h3,.referralLinkCard p,.accountInvite h3,.accountInvite p,.referralPrompt p{margin:0}.rewardPill{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;color:#065f46;background:#10b9811f;border:1px solid rgba(16,185,129,.24);border-radius:999px;font-size:13px;font-weight:800}.rewardSummary{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:16px;background:#f0fdf4;border:1px solid rgba(16,185,129,.24);border-radius:8px}.rewardSummary strong{font-size:32px}.referralTable{overflow:hidden;border:1px solid var(--border);border-radius:8px}.compactReferralHistory{margin-top:18px}.referralTable>.eyebrow{padding:14px 14px 0}.referralTableRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 14px;border-top:1px solid var(--border)}.referralTableRow.header{color:var(--muted);background:var(--light-gray);font-weight:800}.clientEmptyState{display:grid;gap:10px;width:100%;padding:18px;color:var(--muted);background:var(--light-gray);border:1px dashed var(--border);border-radius:8px}.clientEmptyState.compact{padding:14px}.clientEmptyState h3,.clientEmptyState p{margin:0}.clientEmptyState svg{color:var(--primary)}.accountInvite{margin-top:16px;padding:18px;color:#064e3b;background:#ecfdf5;border:1px solid rgba(16,185,129,.28);border-radius:8px}.accountInvite svg,.referralPrompt svg{color:var(--success)}.referralPrompt{grid-template-columns:auto minmax(0,1fr);padding:12px;background:var(--soft-blue);border:1px solid rgba(29,78,216,.18);border-radius:8px}.starRow{display:flex;gap:8px}.star{display:grid;place-items:center;width:42px;height:42px;color:var(--muted);background:var(--white);border:1px solid var(--border);border-radius:8px}.star.active{color:var(--warning);border-color:#f59e0b73}.previewImageWrap{position:relative;background:var(--light-gray);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:center}.previewPlaceholder{display:grid;width:100%;min-height:320px;padding:24px;place-items:center;text-align:center;background:#3b82f614;border:1px dashed rgba(37,99,235,.6);border-radius:16px}.previewPlaceholderContent{max-width:520px;color:#0f172a}.previewPlaceholderContent strong{display:block;margin-bottom:10px;font-size:1.1rem;color:#1d4ed8}.previewPlaceholderContent p{margin:6px 0;color:#334155}.previewImageWrap img{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 18px #0206171f;pointer-events:auto;-webkit-user-select:none;user-select:none}.previewImageWrap img:only-child{max-width:900px;margin:0 auto}.modalImageCard{position:relative;width:100%;display:grid;place-items:center}.modalPreviewImage{width:100%;height:auto;max-height:80vh;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.modalPreviewOverlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:16px;color:#fffffff5;font-weight:800;font-size:clamp(14px,2vw,18px);pointer-events:none}.modalPreviewOverlay:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:#ffffffd9}.modalPreviewOverlay span{position:relative;padding:0 16px;background:#0f172adb;border-radius:999px;z-index:1}.lockedPreview{filter:none;transform:none}.previewImageWrap span{position:absolute;inset:auto 16px 16px;display:inline-flex;width:fit-content;padding:8px 10px;color:var(--white);background:#111827c2;border-radius:8px;font-weight:800}.successNotice{padding:14px;color:#065f46;background:#10b9811f;border:1px solid rgba(16,185,129,.24);border-radius:8px;font-weight:800}.successText{margin:0;color:#065f46;font-size:14px;font-weight:800}.uploadSection,.referralBox{display:grid;gap:12px;padding:14px;background:var(--light-gray);border:1px solid var(--border);border-radius:8px}.uploadSection h2{margin:0;font-size:22px}.uploadSection p{margin:0;color:var(--muted)}.portfolioHero{padding:42px 0 24px}.heroImageWrap{margin-bottom:18px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.heroImage{width:100%;height:360px;object-fit:cover;display:block}@media(max-width:600px){.heroImageWrap{display:none}.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboardGrid .balanceCard{grid-column:1 / -1;padding:14px}.dashboardGrid .summaryCard{padding:12px}.dashboardGrid .summaryCard strong,.dashboardGrid .balanceCard strong{font-size:21px}.portfolioHero{padding:0 0 24px;margin-top:36px}.portfolioProfile{margin-top:0;padding:12px}.primaryButton,.secondaryButton,.ghostButton{font-size:13px;min-height:36px;padding:0 10px}.modal .primaryButton,.modal .ghostButton{font-size:13px;min-height:36px}}.heroActions{display:flex;gap:12px;margin-top:12px}.portfolioProfile{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-top:-40px;margin-bottom:30px;padding:24px;background:var(--white);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 24px #1018280f}.portfolioHero{padding:0 0 24px}.rating,.portfolioCard span{display:inline-flex;align-items:center;gap:6px;color:var(--warning);font-weight:800}.portfolioCard img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.toggleList{display:grid;gap:10px}.toggleRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;background:var(--light-gray);border:1px solid var(--border);border-radius:8px}.toggleRow input{width:22px;height:22px;min-height:22px;accent-color:var(--primary)}.profileEditSection,.visibilitySection{display:contents}.profileEditSection legend,.visibilitySection legend{display:block;font-size:16px;font-weight:700;margin-bottom:12px}.profileImageEdit{display:flex;gap:24px;align-items:flex-start;margin-bottom:24px;padding:18px;background:var(--light-gray);border-radius:12px}.profilePreview{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0}.projectItem{display:flex;align-items:center;gap:12px}.projectThumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.selfStart{justify-self:start}.spinnerWrap{display:inline-flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.55);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatarBadge{overflow:hidden}.avatarBadge img{width:100%;height:100%;object-fit:cover;display:block}.portfolioBio{max-width:62ch;margin:12px 0 0;color:var(--text);line-height:1.6}.profilePreview{display:grid;place-items:center;overflow:hidden;color:var(--white);font-size:32px;font-weight:900}.profilePreview img{width:100%;height:100%;object-fit:cover;display:block}.profileImageControls{display:grid;gap:10px;min-width:0}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.placeholderThumb{display:inline-block;background:var(--light-gray)}.stickySaveBar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:12px;background:#fffffff5;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0f172a24}.stickySaveBar span{color:var(--muted);font-size:14px}.portfolioHero{position:relative;padding:30px 0}.portfolioHero .heroImageWrap{position:relative;min-height:360px;margin-bottom:18px;border-radius:8px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#111827;box-shadow:0 24px 70px #0f172a2e;animation:portfolioReveal .68s ease both}.portfolioHero .heroImage{width:100%;height:440px;object-fit:cover;display:block;transform:scale(1.02);animation:portfolioImageDrift 14s ease-in-out infinite alternate}.portfolioHeroOverlay{position:absolute;left:18px;bottom:18px;display:grid;gap:4px;max-width:min(420px,calc(100% - 36px));padding:12px 14px;color:var(--white);background:#0f172ab8;border:1px solid rgba(255,255,255,.18);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolioHeroOverlay span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.portfolioHeroOverlay strong{font-size:clamp(18px,3vw,34px);line-height:1.08}.portfolioHero .portfolioProfile{position:relative;margin-top:-52px;border-radius:8px;background:#fffffff0;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 60px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:portfolioRise .56s .12s ease both}.portfolioHero .avatar{border:4px solid var(--white);box-shadow:0 14px 34px #0f172a2e;transition:transform .18s ease,box-shadow .18s ease}.portfolioHero .avatar:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 18px 42px #0f172a3d}.portfolioHero .clickable{width:fit-content}.portfolioMeta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;color:#0f766e;background:#14b8a61f;border:1px solid rgba(20,184,166,.24);border-radius:999px;font-weight:800}.portfolioGrid{align-items:stretch}.portfolioCard{position:relative;border-radius:8px;cursor:pointer;overflow:hidden;transform:translateY(10px);opacity:0;animation:portfolioCardIn .52s ease forwards;animation-delay:calc(var(--card-index, 0) * 70ms);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portfolioCard:hover{transform:translateY(-4px);border-color:#2563eb47;box-shadow:0 18px 45px #0f172a24}.portfolioCardImage{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#f8fafc}.portfolioCardImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .26s ease,filter .26s ease}.portfolioCard:hover .portfolioCardImage img{transform:scale(1.045);filter:saturate(1.08) contrast(1.04)}.portfolioCardImage span{position:absolute;left:10px;top:10px;display:inline-flex;min-height:26px;align-items:center;padding:0 9px;color:var(--white);background:#0f172ab8;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolioCard div:not(.portfolioCardImage){gap:6px}.portfolioCard p{margin:0;color:var(--muted);font-size:14px}.portfolioGroupNote,.projectItem small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.portfolioGroupNote{width:fit-content;padding:4px 7px;color:#1d4ed8;background:#2563eb17;border:1px solid rgba(37,99,235,.16);border-radius:999px}.galleryImage{box-shadow:0 20px 60px #0f172a2e}@keyframes portfolioReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolioRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolioCardIn{to{opacity:1;transform:translateY(0)}}@keyframes portfolioImageDrift{0%{transform:scale(1.02) translateZ(0)}50%{transform:scale(1.08) translate3d(-1.5%,-1%,0)}to{transform:scale(1.02) translate3d(.7%,.4%,0)}}@media(prefers-reduced-motion:reduce){.portfolioHero .heroImage,.portfolioHero .heroImageWrap,.portfolioHero .portfolioProfile,.portfolioCard{animation:none;opacity:1;transform:none}}@media(max-width:640px){.clientDesignGrid,.referralLinkGrid{grid-template-columns:1fr!important}.clientReferralSection{padding:16px}.compactReferralSection{padding:12px}.compactReferralTop,.referralLinkCard,.clientReferralSection .panelHeader,.clientReferralSection .copyBox{align-items:stretch;flex-direction:column}.clientReferralSection .copyBox span{overflow-wrap:anywhere;word-break:break-word}.purchaseCard .rowActions,.referralLinkCard .rowActions{justify-content:stretch}.purchaseCard .rowActions>*,.referralLinkCard .rowActions>*{width:100%}.rewardPill{justify-content:center;width:100%;min-height:38px;text-align:center;border-radius:8px}.referralTableRow{grid-template-columns:1fr;gap:4px}.referralTableRow.header{display:none}.headerActions,.portfolioSetupPrompt,.stickySaveBar,.rewardSummary{align-items:stretch;flex-direction:column}.headerActions>*,.portfolioSetupPrompt>*,.stickySaveBar>*,.rewardSummary>*{width:100%}.rewardSummary{grid-template-columns:1fr}.profileImageEdit,.portfolioProfile{grid-template-columns:1fr;text-align:left}.profileImageEdit{flex-direction:column}.portfolioHero{padding-top:8px}.portfolioHero .heroImageWrap{display:block;min-height:220px}.portfolioHero .heroImage{height:240px}.portfolioHero .portfolioProfile{margin-top:-24px;padding:16px}.portfolioHeroOverlay{left:10px;right:10px;bottom:10px;max-width:none}}.hero{isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(28px,5vw,76px);min-height:650px;padding:clamp(48px,7vw,96px) clamp(20px,7vw,108px);overflow:hidden;color:var(--white);background:radial-gradient(circle at 82% 18%,rgba(59,130,246,.42),transparent 30%),radial-gradient(circle at 15% 88%,rgba(124,58,237,.26),transparent 35%),linear-gradient(135deg,#081b3a,#0d3270 56%,#092253)}.hero:before{position:absolute;z-index:-1;width:480px;height:480px;right:-180px;bottom:-230px;content:"";border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 42px #ffffff0a,0 0 0 84px #ffffff08}.heroContent{align-self:center;max-width:660px}.hero h1{max-width:650px;font-size:clamp(42px,5.7vw,76px);line-height:.98;letter-spacing:-.055em}.heroShowcase{position:relative;align-self:center;min-height:455px}.heroContent .heroHook{max-width:600px;margin-top:18px;color:#ffffffb8;font-size:14px;line-height:1.65}.heroArtwork{position:absolute;width:min(48%,260px);aspect-ratio:4 / 5;object-fit:cover;border:7px solid rgba(255,255,255,.92);border-radius:20px;box-shadow:0 26px 52px #00000047}.heroArtworkOne{top:8px;left:8%;transform:rotate(-9deg)}.heroArtworkTwo{z-index:2;right:6%;bottom:15px;transform:rotate(8deg)}.heroArtworkThree{z-index:1;top:94px;left:33%;transform:rotate(1deg)}.heroShowcaseNote{position:absolute;z-index:4;top:48%;left:1%;display:grid;gap:4px;max-width:190px;padding:13px 15px;color:#102a59;background:#fff;border-radius:14px;box-shadow:0 16px 30px #00000038;font-size:12px}.heroShowcaseNote span{color:#64748b;font-weight:700}.heroShowcaseNote strong{font-size:15px}.siteFooter{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(2,minmax(140px,.7fr));gap:30px;margin-top:42px;padding:48px clamp(20px,7vw,108px) 24px;color:#ffffffbf;background:#071936}.supportSection{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px clamp(20px,7vw,108px);color:#fff;background:linear-gradient(112deg,#0a2b63,#1559bd)}.supportSection h2{max-width:670px;margin:6px 0 10px;font-size:clamp(28px,3.7vw,45px);line-height:1.05;letter-spacing:-.04em}.supportSection p:not(.eyebrow){max-width:620px;margin:0;color:#ffffffc7;line-height:1.6}.supportSection .eyebrow{color:#b9d8ff}.whatsAppSupportButton{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;color:#073f27;background:#fff;border-radius:14px;box-shadow:0 14px 26px #0000002e;font-weight:900}.whatsAppSupportButton:hover{color:#073f27;transform:translateY(-2px)}.whatsAppSupportButton svg{color:#18a85d}.floatingWhatsAppSupport{position:fixed;z-index:80;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 17px;color:#fff;background:#16a34a;border:1px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:0 12px 30px #034a2159;font-size:14px;font-weight:900}.floatingWhatsAppSupport:hover{color:#fff;background:#12833d;transform:translateY(-2px)}.floatingWhatsAppSupport.helpAboveInstall{bottom:154px}.benefitsSection{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(34px,7vw,100px);padding:clamp(64px,9vw,120px) clamp(20px,7vw,108px);background:#f7faff}.benefitsIntro{position:relative;align-self:start}.benefitsIntro h2{max-width:560px;margin:10px 0 14px;color:#0b2450;font-size:clamp(32px,4.2vw,54px);line-height:1.02;letter-spacing:-.045em}.benefitsIntro>p:not(.eyebrow){max-width:480px;margin:0;color:#52637d;line-height:1.65}.benefitCollage{position:relative;height:310px;margin-top:36px}.benefitCollage img{position:absolute;object-fit:cover;border:6px solid #fff;border-radius:18px;box-shadow:0 18px 38px #0e2c5b29}.benefitCollageBack{width:45%;height:230px;top:15px;left:2%;transform:rotate(-8deg)}.benefitCollageFront{z-index:2;width:52%;height:270px;right:4%;bottom:0;transform:rotate(7deg)}.benefitCollageAccent{z-index:3;width:34%;height:155px;left:38%;top:58px;transform:rotate(1deg)}.benefitsList{display:grid;gap:12px}.benefitCard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:19px 18px;background:#fff;border:1px solid #dce7f7;border-radius:16px;box-shadow:0 10px 24px #0f2f5c0d}.benefitCard>span{display:grid;width:38px;height:38px;place-items:center;color:#1554b8;background:#eaf2ff;border-radius:12px;font-size:12px;font-weight:900}.benefitCard h3{margin:1px 0 6px;color:#102b5d;font-size:18px}.benefitCard p{margin:0;color:#5b6c85;font-size:14px;line-height:1.55}.footerBrand{max-width:330px}.footerBrand img{width:auto;height:48px;margin-bottom:12px;object-fit:contain}.footerBrand p{margin:0;line-height:1.6}.footerColumn{display:grid;align-content:start;gap:10px}.footerColumn strong{margin-bottom:4px;color:#fff}.footerColumn a{color:#ffffffbd;font-size:14px}.footerColumn a:hover{color:#fff}.footerBottom{grid-column:1 / -1;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);color:#ffffff85;font-size:13px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:12px;min-height:auto;padding:56px 20px 42px}.hero h1{font-size:clamp(40px,12vw,58px)}.heroShowcase{min-height:330px;margin-top:8px}.heroArtwork{width:min(46%,190px);border-width:5px;border-radius:14px}.heroArtworkOne{left:6%}.heroArtworkTwo{right:5%;bottom:4px}.heroArtworkThree{top:72px;left:32%}.heroShowcaseNote{top:45%;left:0}.siteFooter{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:38px 20px 20px}.footerBrand{grid-column:1 / -1}.supportSection{align-items:flex-start;flex-direction:column;gap:22px;padding:38px 20px}.whatsAppSupportButton{width:100%}.floatingWhatsAppSupport{right:14px;bottom:14px;min-height:44px;padding:0 14px;justify-content:center;gap:7px;font-size:12px}.floatingWhatsAppSupport.helpAboveInstall{bottom:222px}.floatingWhatsAppSupport span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:nowrap}.benefitsSection{grid-template-columns:1fr;gap:28px;padding:60px 20px}.benefitCollage{height:250px;margin-top:24px}.benefitCollageBack{height:185px}.benefitCollageFront{height:220px}.benefitCollageAccent{height:125px}.benefitCard{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:15px}.benefitCard>span{width:32px;height:32px;border-radius:10px}.benefitCard h3{font-size:16px}}@media(min-width:768px){.cardGrid.two,.choiceGrid,.detailGrid,.previewPay,.portfolioGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cardGrid.three,.steps,.dashboardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.projectRow{grid-template-columns:72px minmax(180px,1fr) auto auto minmax(260px,auto)}.deliveryCallout{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media(min-width:1024px){.appShell{display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;transform:none}.shellMain{width:min(100%,1200px);padding:32px 24px 56px}.mobileTopbar,.sidebarClose,.sidebarBackdrop{display:none}.portfolioGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.portfolioSetupPrompt:not(.referralSetupPrompt) p:not(.eyebrow){display:none}.portfolioSetupPrompt:not(.referralSetupPrompt)>div:after{display:block;margin-top:7px;color:var(--muted);font-size:.86rem;content:"Free setup: add your work and share one professional link."}.publicNav{align-items:flex-start;flex-direction:column}.publicNav nav,.heroActions,.rowActions{width:100%}.primaryButton,.secondaryButton,.ghostButton{width:100%}.projectRow img{width:100%;aspect-ratio:16 / 9}.hero h1{font-size:46px}}.portfolioHero{padding:14px 0 18px!important}.portfolioHero .heroImageWrap{min-height:230px!important;margin-bottom:12px!important;box-shadow:0 14px 42px #0f172a24!important}.portfolioHero .heroImage{height:280px!important}.portfolioHeroOverlay{left:12px!important;bottom:12px!important;max-width:min(360px,calc(100% - 24px))!important;padding:9px 11px!important}.portfolioHeroOverlay span{font-size:10px!important}.portfolioHeroOverlay strong{font-size:clamp(16px,2.2vw,24px)!important}.portfolioHero .portfolioProfile{gap:14px!important;margin-top:-34px!important;margin-bottom:18px!important;padding:16px!important}.portfolioHero .avatar{width:74px!important;height:74px!important;font-size:24px!important;border-width:3px!important}.portfolioHero h1{font-size:clamp(24px,3vw,34px)!important;line-height:1.05!important}.portfolioMeta{margin-top:8px!important}.portfolioBio{margin-top:8px!important;line-height:1.45!important}.portfolioHero .heroActions{margin-top:10px!important}.portfolioLink{margin-top:8px!important}@media(max-width:640px){.portfolioHero{padding:4px 0 14px!important;margin-top:8px!important}.portfolioHero .heroImageWrap{min-height:150px!important;margin-bottom:8px!important}.portfolioHero .heroImage{height:170px!important}.portfolioHeroOverlay{left:8px!important;right:8px!important;bottom:8px!important;max-width:none!important;padding:7px 9px!important}.portfolioHeroOverlay strong{font-size:16px!important}.portfolioHero .portfolioProfile{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;margin-top:-18px!important;margin-bottom:14px!important;padding:12px!important}.portfolioHero .avatar{width:58px!important;height:58px!important;font-size:19px!important}.portfolioHero h1{font-size:22px!important}.portfolioMeta span{min-height:24px!important;padding:0 8px!important;font-size:12px!important}.portfolioBio,.portfolioLink{font-size:13px!important}}.publicNav{min-height:76px!important;padding:8px clamp(16px,4vw,48px)!important;gap:18px!important}.publicNav .brand,.publicNav .brand.compact{min-height:58px!important;gap:10px!important;line-height:1!important}.publicNav .brand img,.publicNav img{display:block!important;width:auto!important;height:58px!important;max-width:220px!important;max-height:58px!important;object-fit:contain!important}.publicNav nav{align-items:center!important;gap:10px!important;font-size:14px!important}.publicNav nav a,.publicNav nav button,.publicNav .primaryButton,.publicNav .secondaryButton,.publicNav .ghostButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 13px!important;font-size:14px!important;border-radius:8px!important}.adminPage{padding-top:34px;padding-bottom:80px}.adminSummary{margin-bottom:24px}.adminPanel{margin-top:24px}.adminTableWrap{width:100%;overflow-x:auto}.adminTable{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.adminTable th,.adminTable td{padding:14px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.adminTable th{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.adminTable strong,.adminTable small{display:block}.adminTable small{margin-top:3px;color:var(--muted)}.adminStatus{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:700;text-transform:capitalize}.adminStatus.pending{background:#fef3c7;color:#92400e}.adminStatus.paid{background:#dcfce7;color:#166534}.adminStatus.designer{background:#dbeafe;color:#1d4ed8}.adminStatus.client{background:#ede9fe;color:#6d28d9}.adminStatus.admin,.adminStatus.awaiting_payment,.adminStatus.failed{background:#fee2e2;color:#b91c1c}@media(max-width:520px){.publicNav{flex-direction:row!important;align-items:center!important;min-height:56px!important;padding:6px 10px!important;gap:8px!important}.publicNav .brand,.publicNav .brand.compact{font-size:13px!important;max-width:48vw!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.publicNav .brand img,.publicNav img{height:42px!important;max-width:155px!important;max-height:42px!important}.publicNav nav{width:auto!important;margin-left:auto!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:nowrap!important}.publicNav nav a,.publicNav nav button,.publicNav .primaryButton,.publicNav .secondaryButton,.publicNav .ghostButton{min-height:34px!important;padding:0 8px!important;font-size:12px!important}}.installPrompt,.portfolioShareBox,.portfolioUploadForm,.portfolioMiniGallery,.activityList{display:grid;gap:14px}.installPrompt,.portfolioShareBox{grid-template-columns:1fr auto;align-items:center;margin:0 0 20px;padding:18px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.installPrompt p,.portfolioShareBox small,.portfolioShareBox strong{margin:0}.installPrompt p{margin-top:4px;color:var(--muted)}.appInstallPrompt{position:fixed;z-index:250;right:22px;bottom:22px;display:flex;grid-template-columns:none;justify-content:space-between;width:min(470px,calc(100vw - 44px));margin:0;padding:16px;border-radius:12px;box-shadow:0 14px 34px #0f172a33}.appInstallCopy{display:flex;min-width:0;align-items:flex-start;gap:12px}.appInstallCopy>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;color:#1d4ed8;border-radius:12px;background:#dbeafe}.appInstallCopy strong{display:block;color:#111827;font-size:15px}.appInstallCopy p{margin:4px 0 0;font-size:13px;line-height:1.42}.appInstallPrompt .rowActions{width:auto;flex:0 0 auto;align-items:center;gap:8px}.appInstallPrompt .primaryButton{width:auto;min-height:40px;padding:0 13px;font-size:13px;white-space:nowrap}.appInstallDismiss{width:32px;height:32px;min-height:32px;padding:0;color:#64748b;border:0;background:transparent}.appInstallDismiss:hover{color:#111827;background:#e2e8f0}.portfolioShareBox strong{display:block;overflow-wrap:anywhere}.portfolioLaunchpad{margin-bottom:24px}.portfolioUploadForm{margin:20px 0}.portfolioUploadForm>label:first-child{display:none}.portfolioDropzone{display:grid;place-items:center;gap:7px;min-height:112px;padding:18px;text-align:center;color:#1d4ed8;border:2px dashed #93c5fd;border-radius:12px;background:#f8fbff;cursor:pointer}.portfolioDropzone input{width:100%;max-width:280px;color:var(--text)}.portfolioDropzone span{color:var(--muted);font-size:.9rem}.portfolioDropzone.hasSelectedPreview{position:relative;overflow:hidden;min-height:112px;color:#fff;background:#0f172a}.portfolioDropzone.hasSelectedPreview:before{position:absolute;inset:0;content:"";background-image:linear-gradient(#0f172a80,#0f172a80),var(--selected-work-preview);background-position:center;background-size:cover}.portfolioDropzone.hasSelectedPreview>*{position:relative;z-index:1}.portfolioDropzone.hasSelectedPreview span{color:#e2e8f0}.portfolioUploadForm button.isUploading:after{content:" " attr(data-progress) "%"}.projectDeleteSection{display:none}.portfolioSelectionPreview{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}.portfolioSelectionTile{position:relative;min-width:0}.portfolioSelectionPreview img,.portfolioSelectionPreview span{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:8px;background:#e0e7ff}.portfolioSelectionTile button{position:absolute;top:4px;right:4px;display:grid;width:24px;height:24px;place-items:center;padding:0;color:#fff;border:0;border-radius:999px;background:#0f172ad9;cursor:pointer;font-size:18px;line-height:1}.portfolioSelectionPreview span{display:grid;place-items:center;color:#3730a3;font-size:.78rem;font-weight:800}.portfolioMiniGallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.portfolioMiniItem{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff}.portfolioMiniItem img,.portfolioMiniItem .portfolioPdf{display:grid;width:100%;height:92px;place-items:center;object-fit:cover;background:#e0e7ff;color:#3730a3;font-weight:800;text-decoration:none}.portfolioMiniItem span{display:block;padding:8px;font-size:.82rem;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portfolioDeleteButton{width:calc(100% - 16px);margin:0 8px 8px;padding:6px;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;font-weight:700;cursor:pointer}.dangerButton{color:#b91c1c;border-color:#fecaca;background:#fff1f2}.projectRow>.rowActions{flex:0 1 auto;margin-left:auto;align-items:center;justify-content:flex-end}.projectRow>.rowActions>*{min-height:38px;white-space:nowrap}.projectDeleteSection{margin-top:24px}.projectDeleteRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--border)}.projectDeleteRow strong,.projectDeleteRow small{display:block}.projectDeleteRow small{margin-top:3px;color:var(--muted)}@media(max-width:520px){.projectDeleteRow{align-items:stretch;flex-direction:column}}@media(max-width:900px){.projectRow>.rowActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0;gap:8px}.projectRow>.rowActions>*{display:inline-flex;width:100%;min-width:0;justify-content:center;padding-right:8px;padding-left:8px;font-size:12px}}@media(max-width:380px){.projectRow>.rowActions{grid-template-columns:repeat(2,minmax(0,1fr))}.projectRow>.rowActions>[data-project-delete]{grid-column:1 / -1}}.uploadProgress{display:grid;gap:7px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.uploadProgress>div{display:flex;justify-content:space-between;gap:12px;color:#1e3a8a;font-size:.9rem;font-weight:700}.uploadProgress>div span{font-size:0}.uploadProgress>div span:after{content:"Uploading and generating payment link";font-size:.9rem}.uploadProgress progress{width:100%;height:10px;accent-color:var(--primary)}.portfolioShareReady{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 0 20px;padding:18px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.portfolioShareReady h2,.portfolioShareReady p{margin:0}.portfolioShareReady h2{margin-top:4px;font-size:1.2rem}.portfolioShareReady p:last-child{margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.portfolioShareReady h2:after,.portfolioLaunchpad .panelHeader:after{display:block;margin-top:8px;color:var(--muted);font-size:.9rem;font-weight:400;line-height:1.45;content:"Post this link on WhatsApp, Instagram, TikTok, and your other social platforms so new clients can discover your work."}.referralSetupPrompt .small{display:none}.choiceGrid:before{grid-column:1 / -1;content:"Choose how you want to collect payment for this specific client. You can use either option for your next design job.";color:var(--muted);font-size:.92rem;line-height:1.45}.choiceGrid .choice:first-child strong:after{display:block;margin-top:5px;color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.4;content:"Best when you already have a design to show. Your client sees a protected preview, pays, then receives the real file."}.choiceGrid .choice:last-child strong:after{display:block;margin-top:5px;color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.4;content:"Best when you want payment first. Your client pays now; you upload the final design after payment."}.profileCover{position:relative;min-height:260px;overflow:hidden;border-radius:18px;background:#e0e7ff}.profileCover img,.profileCoverFallback{display:block;width:100%;height:360px;object-fit:cover}.profileCoverFallback{display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:800}.publicPortfolioPage .portfolioGradientCover{min-height:180px;background:linear-gradient(125deg,#172554,#2563eb 48%,#7c3aed)}.publicPortfolioPage .portfolioHero{padding-top:40px!important}.publicPortfolioPage .portfolioProfile{max-width:760px;margin:0 auto 28px!important;padding:28px!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f6f8ff)!important;border:1px solid #dbe4ff!important;box-shadow:0 16px 42px #1e40af1a!important}.publicPortfolioPage .portfolioProfile .avatar{width:88px!important;height:88px!important;border-color:#fff!important}.publicPortfolioPage .portfolioProfile h1{margin:0}.publicPortfolioPage .portfolioProfile .portfolioBio{max-width:580px}@media(max-width:640px){.publicPortfolioPage .portfolioHero{padding-top:18px!important}.publicPortfolioPage .portfolioProfile{grid-template-columns:1fr;justify-items:center;text-align:center;padding:22px 18px!important}.publicPortfolioPage .portfolioProfile .heroActions{justify-content:center}}.liveActivity{margin-bottom:24px}.activityList p{margin:0;padding:11px 0;border-top:1px solid var(--border);color:var(--muted)}.activityList p span{margin-right:8px}.activityList strong{color:var(--text)}.liveDot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}@media(max-width:640px){.installPrompt,.portfolioShareBox{grid-template-columns:1fr}.appInstallPrompt{right:12px;bottom:12px;align-items:stretch;flex-direction:column;gap:14px;width:calc(100vw - 24px);padding:18px}.appInstallCopy>span{width:40px;height:40px;flex-basis:40px}.appInstallCopy strong{font-size:16px;line-height:1.2}.appInstallCopy p{font-size:13px;line-height:1.45}.appInstallPrompt .rowActions{display:block;width:100%}.appInstallPrompt .primaryButton{display:inline-flex;width:100%;min-height:46px;justify-content:center;font-size:14px}}@media(max-width:640px){.portfolioShareReady{grid-template-columns:1fr}}.portfolioHero .heroImageWrap{width:100%!important;display:block!important;appearance:none!important;padding:0!important;text-align:left!important;cursor:pointer!important;min-height:300px!important}.portfolioHero .heroImage{height:360px!important;animation:portfolioImageDrift 12s ease-in-out infinite!important}.portfolioHero .heroImage,.portfolioHeroOverlay{animation-fill-mode:both}.portfolioHero .heroImage{animation-name:portfolioImageDrift,portfolioHeroFade!important;animation-duration:12s,.9s!important;animation-timing-function:ease-in-out,ease!important;animation-iteration-count:infinite,1!important}.portfolioHeroOverlay{animation:portfolioHeroFade .9s ease both!important}@keyframes portfolioHeroFade{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.portfolioHero .heroImageWrap{min-height:210px!important}.portfolioHero .heroImage{height:230px!important}}.publicPortfolioPage{max-width:1180px;background:radial-gradient(circle at 92% 8%,rgba(37,99,235,.09),transparent 26rem),#faf9f6}.publicPortfolioPage .portfolioHero{padding:18px 0 14px!important}.publicPortfolioPage .portfolioProfile{max-width:100%;grid-template-columns:112px minmax(0,1fr);gap:18px!important;padding:24px 28px!important;border:0!important;border-radius:24px!important;background:linear-gradient(115deg,#0b111c,#174ab8 52%,#38bdf8)!important;box-shadow:0 20px 56px #2563eb3d!important;color:#fff}.publicPortfolioPage .portfolioProfile .avatar{width:104px!important;height:104px!important;border:3px solid rgba(255,255,255,.9)!important;box-shadow:none!important}.publicPortfolioPage .portfolioProfile h1{color:#fff;font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.045em}.publicPortfolioPage .portfolioMeta{margin-top:6px!important;color:#b9caef;font-weight:700}.publicPortfolioPage .portfolioMeta span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;color:#ffffffb5;background:#14b8a61f;border:1px solid rgba(20,184,166,.24);border-radius:999px;font-weight:800}.publicPortfolioPage .portfolioBio{max-width:680px!important;margin:12px 0 0!important;color:#e2e8f0;font-size:1.05rem;line-height:1.6!important}.publicPortfolioPage .portfolioLink{display:none}.publicPortfolioPage .heroActions{margin-top:18px!important}.publicPortfolioPage .heroActions .primaryButton{color:#0a0c13;background:#fff}.publicPortfolioPage .heroActions .ghostButton{color:#fff;border-color:#ffffff73;background:transparent}.publicPortfolioPage .portfolioSection{padding-bottom:22px}.publicPortfolioPage .portfolioSection .sectionHeader{display:flex;align-items:end;justify-content:space-between;margin:4px 0 14px;padding-bottom:10px;border-bottom:2px solid #101b38}.publicPortfolioPage .portfolioSection h2{margin:0;color:#101b38;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.publicPortfolioPage .portfolioSection .sectionHeader p{max-width:360px;margin:0;color:#526078;font-size:.9rem;line-height:1.45}.publicPortfolioPage .portfolioGrid{display:block;columns:3;column-gap:10px}.publicPortfolioPage .portfolioCard{display:inline-block;width:100%;margin:0 0 10px;break-inside:avoid;align-self:start;border:0;border-radius:8px;background:#dfe4eb}.publicPortfolioPage .portfolioCardImage{aspect-ratio:1 / 1}.publicPortfolioPage .portfolioCardImage{background:linear-gradient(105deg,#dce3ed 20%,#f4f6f9,#dce3ed 56%);background-size:220% 100%;animation:portfolioImagePlaceholder 1.35s ease-in-out infinite}.publicPortfolioPage .lazyPortfolioImage{opacity:0;transition:opacity .24s ease}.publicPortfolioPage .lazyPortfolioImage.isLoaded{opacity:1}.publicPortfolioPage .portfolioCardImage.imageLoaded{background:transparent;animation:none}.publicPortfolioPage .portfolioCard:hover{border:0;box-shadow:0 18px 38px #0f172a29}.publicPortfolioPage .portfolioCard:nth-child(3n+2) .portfolioCardImage{aspect-ratio:4 / 5}.publicPortfolioPage .portfolioCard:nth-child(3n) .portfolioCardImage{aspect-ratio:5 / 4}@keyframes portfolioImagePlaceholder{0%{background-position:100% 0}to{background-position:-120% 0}}.portfolioPoweredBy{background:#faf9f6}@media(max-width:760px){.publicPortfolioPage .portfolioProfile{grid-template-columns:1fr;padding:20px 16px!important}.publicPortfolioPage .portfolioProfile .avatar{width:82px!important;height:82px!important}.publicPortfolioPage .portfolioSection .sectionHeader{align-items:start;flex-direction:column;gap:8px}.publicPortfolioPage .portfolioGrid{columns:2;column-gap:6px}.publicPortfolioPage .portfolioCard{margin-bottom:6px}}@media(max-width:640px){.compactSetupPrompt .eyebrow,.portfolioSetupPrompt.compactSetupPrompt p:last-child{display:block}.portfolioSetupPrompt.compactSetupPrompt>div:after{display:none;content:none}.portfolioSetupPrompt.compactSetupPrompt h2{font-size:17px}}