@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--font-sans:"Nunito", system-ui, sans-serif;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--accent:#1e3d2f;--accent-dark:#152b21;--accent-secondary:#6f8f78;--accent-warm:#c4a484;--accent-rose:#c97b8a;--purple:var(--accent-secondary);--purple-dark:#557560;--pink:var(--accent-rose);--ink:#1c2e26f5;--ink-muted:#465c50c7;--surface:#fffcf7db;--surface-2:#fff8f0eb;--surface-3:#fffdf9f2;--surface-subtle:#fffaf3b8;--border:#5a6e5f38;--border-strong:#1e3d2f59;--glass-highlight:#ffffffa6;--glass-fill:#1e3d2f;--glass-fill-hover:#2a5240;--glass-blur:blur(12px) saturate(112%);--highlight:#ffffff73;--highlight-warm:#c97b8a1f;--success:#3d7a55;--radius:16px;--radius-lg:24px;--shadow:0 4px 24px #2832281a, inset 0 1px 0 #ffffffb3;--shadow-lg:0 16px 48px #2832281f, inset 0 1px 0 #ffffffbf;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.22s;--duration-normal:.38s;--duration-slow:.55s;--scrollbar-size:10px;--scrollbar-track:#e8ded0a6;--scrollbar-thumb:#788c7d59;--scrollbar-thumb-hover:#5a6e5f7a}.glass{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{font-family:var(--font-sans);letter-spacing:.01em;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(65% 50% at 12% 8%,#d4a8b038,#0000 55%),radial-gradient(55% 45% at 88% 12%,#8fa89433,#0000 52%),radial-gradient(60% 50% at 50% 100%,#c4a48429,#0000 55%),linear-gradient(160deg,#f7f1e8 0%,#efe6da 40%,#e8dfd2 70%,#f3ebe1 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font-size:16px;line-height:1.55}html.published-site-active,html.published-site-active body{width:100%;max-width:100%;margin:0;overflow-x:clip}html.published-site-active body{background:#efe6da;font-size:clamp(16px,.35vw + 12px,20px)}html.published-site-active #root{width:100%;max-width:100%;min-height:100dvh;margin:0;padding:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:600;line-height:1.25}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px)saturate(112%);color:var(--ink);background:#fffbf5d9;width:100%;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,textarea:focus,select:focus{border-color:var(--border-strong);background:#fffdf9f2;outline:none;box-shadow:0 0 0 3px #3f5e4c24}textarea{resize:vertical;min-height:100px}code{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#ece2d4b3;border-radius:6px;padding:.15rem .4rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.perf-lite{--glass-blur:none;--surface:#fffcf7f7;--surface-2:#fff8f0fa;--surface-3:#fffcf7;--surface-subtle:#fffaf3f0;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.22s}html.perf-lite .glass{-webkit-backdrop-filter:none}.curtain-reveal{z-index:300;pointer-events:auto;position:fixed;inset:0;overflow:hidden}.curtain-reveal.is-opening{pointer-events:none}.curtain-panel{width:51%;transition:transform 2.2s var(--ease-out);background:radial-gradient(80% 60% at 50% 40%,#d4a8b047,#0000 65%),linear-gradient(165deg,#f3ebe1 0%,#e8dfd2 42%,#ddd2c4 100%);position:absolute;top:0;bottom:0;box-shadow:inset 0 1px #ffffff8c,0 0 48px #4a3a2a1f}.curtain-panel--left{background:radial-gradient(70% 55% at 70% 35%,#8fa89438,#0000 58%),linear-gradient(155deg,#f7f1e8 0%,#efe6da 40%,#e8dfd2 100%);border-right:1px solid #8fa89447;left:0}.curtain-panel--left:after{content:"";background:linear-gradient(#0000 8%,#3f5e4c47 45%,#3f5e4c1f 55%,#0000 92%);width:1px;height:100%;position:absolute;top:0;right:0}.curtain-panel--right{background:radial-gradient(70% 55% at 30% 35%,#d4a8b033,#0000 58%),linear-gradient(205deg,#efe6da 0%,#e8dfd2 45%,#ddd2c4 100%);border-left:1px solid #c4a48433;right:0}.curtain-reveal.is-opening .curtain-panel--left{transform:translate(-102%)}.curtain-reveal.is-opening .curtain-panel--right{transform:translate(102%)}.curtain-brand{z-index:2;pointer-events:none;transition:opacity .9s var(--ease-out) .2s, transform 1.6s var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.curtain-brand:before{content:"";width:min(280px,55vw);height:min(280px,55vw);animation:curtainGlow 1.6s var(--ease-out) both;background:radial-gradient(circle,#8fa89438 0%,#d4a8b01a 45%,#0000 70%);border-radius:50%;position:absolute}.curtain-logo{z-index:1;filter:none;animation:curtainLogoIn .8s var(--ease-out) both;position:relative}.curtain-logo-mark{animation:curtainLogoIn .8s var(--ease-out) both;border-radius:20px;padding:.85rem 1.15rem}.curtain-logo-mark .curtain-logo{width:118px;animation:none}.curtain-wordmark{z-index:1;color:var(--ink);animation:curtainLogoIn .8s var(--ease-out) both;position:relative}.picoli-wordmark,.picolo-wordmark{color:var(--ink);flex-shrink:0;display:block;overflow:visible}.picoli-wordmark-dot,.picolo-wordmark-dot{fill:var(--accent-rose)}.curtain-reveal.is-opening .curtain-brand{opacity:0;transform:scale(1.08)}@keyframes curtainLogoIn{0%{opacity:0;transform:scale(.92)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes curtainGlow{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.wizard-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.nature-backdrop{position:absolute;inset:0}.nature-corner{opacity:.92;width:min(340px,42vw);height:auto;position:absolute}.nature-corner--tl{transform-origin:0 0;animation:9s ease-in-out infinite natureSway;top:-1.5rem;left:-1rem}.nature-corner--tr{transform-origin:100% 0;animation:10s ease-in-out infinite reverse natureSway;top:-1.5rem;right:-1rem}.nature-corner--bl{transform-origin:0 100%;width:min(280px,36vw);animation:11s ease-in-out infinite natureSway;bottom:-1rem;left:-.5rem}.nature-corner--br{transform-origin:100% 100%;width:min(280px,36vw);animation:12s ease-in-out infinite reverse natureSway;bottom:-1rem;right:-.5rem}.nature-mid{opacity:.78;pointer-events:none;width:min(170px,18vw);height:auto;position:absolute;top:50%;transform:translateY(-50%)}.nature-mid--left{transform-origin:0;animation:13s ease-in-out infinite natureSwayMid;left:0}.nature-mid--right{transform-origin:100%;animation:14s ease-in-out infinite reverse natureSwayMid;right:0}.nature-branch{stroke:#2a4a38}.nature-branch--soft{stroke:#5a7d66;opacity:.75}.nature-leaf{fill:#3d6b52;opacity:.88}.nature-leaf--alt{fill:#6f9a78;opacity:.8}.nature-leaf--deep{fill:#234a36;opacity:.85}.nature-bloom{fill:#d4a0a8;opacity:.9}.nature-bloom--soft{fill:#e0b8b0;opacity:.75}.nature-bloom-center{fill:#f3e6c8}.nature-falling{position:absolute;inset:0;overflow:hidden}.nature-fall{opacity:0;width:14px;height:8px;animation:leafFall var(--fall-dur,14s) linear infinite;animation-delay:var(--fall-delay,0s);background:#4f7a5c;border-radius:60% 40% 55% 45%;position:absolute;top:-8%}@keyframes natureSway{0%,to{transform:rotate(0)}50%{transform:rotate(1.6deg)}}@keyframes natureSwayMid{0%,to{transform:translateY(-50%)rotate(0)}50%{transform:translateY(-50%)rotate(1.4deg)}}@keyframes leafFall{0%{opacity:0;transform:translate(0,0)rotate(0)}8%{opacity:.55}70%{opacity:.4}to{transform:translate3d(calc(var(--fall-drift,1) * 56px), 110vh, 0) rotate(360deg);opacity:0}}.portfolio-marquees{opacity:.58;flex-direction:column;justify-content:space-between;padding:clamp(5.5rem,12vh,8rem) 0 clamp(4rem,9vh,6.5rem);display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%)}.portfolio-marquee-row{width:100%;overflow:hidden}.portfolio-marquee-track{width:max-content;animation:marqueeScroll var(--marquee-duration,55s) linear infinite;display:flex}.portfolio-marquee-row.is-reverse .portfolio-marquee-track{animation-name:marqueeScrollReverse}.portfolio-marquee-group{box-sizing:content-box;flex-shrink:0;gap:1.1rem;padding-right:1.1rem;display:flex}.portfolio-card{background:#fffcf7e0;border:1px solid #1e3d2f24;border-radius:14px;flex:none;width:210px;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 10px 28px #2832281a}.portfolio-marquee-row.is-reverse .portfolio-card{transform:rotate(1.2deg)}.portfolio-card:nth-child(2n){transform:rotate(1deg)translateY(6px)}.portfolio-marquee-row.is-reverse .portfolio-card:nth-child(2n){transform:rotate(-1deg)translateY(6px)}.portfolio-card-chrome{background:#ece2d4d9;border-bottom:1px solid #1e3d2f14;gap:4px;padding:.45rem .55rem;display:flex}.portfolio-card-chrome span{background:#5a6e5f59;border-radius:50%;width:7px;height:7px}.portfolio-card-chrome span:first-child{background:#d4a0a8}.portfolio-card-chrome span:nth-child(2){background:#c4a484}.portfolio-card-chrome span:nth-child(3){background:#7a9e82}.portfolio-card-hero{background:linear-gradient(135deg, #ffffff40, transparent 50%), linear-gradient(160deg, var(--card-a), var(--card-b));height:78px}.portfolio-card-body{flex-direction:column;gap:.15rem;padding:.65rem .75rem .8rem;display:flex}.portfolio-card-body strong{font-family:var(--font-display);color:#1c2e26;font-size:.86rem;font-weight:600}.portfolio-card-body span{color:#465c50c7;font-size:.72rem}.tone-clay{--card-a:#d4b49a;--card-b:#b8896e}.tone-moss{--card-a:#8fad96;--card-b:#5d7f66}.tone-river{--card-a:#9bb7b0;--card-b:#6a8f88}.tone-petal{--card-a:#e0b4b8;--card-b:#c48a92}.tone-willow{--card-a:#c5c9a4;--card-b:#8f966e}.tone-cedar{--card-a:#c4a484;--card-b:#8f6d4f}.tone-bloom{--card-a:#e8c4c0;--card-b:#d49aa0}.tone-fern{--card-a:#a8c4a4;--card-b:#6f9170}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeScrollReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (width<=900px){.portfolio-marquees{opacity:.35;padding-top:4.5rem;padding-bottom:3.5rem}.portfolio-card{width:170px}.nature-corner{opacity:.7;width:min(220px,48vw)}.nature-mid{opacity:.55;width:min(110px,22vw)}}@media (prefers-reduced-motion:reduce){.portfolio-marquee-track,.nature-corner,.nature-mid,.nature-fall{animation:none!important}.portfolio-marquee-row.is-reverse .portfolio-marquee-track{transform:translate(-25%)}}html.perf-paused .wizard-atmosphere .portfolio-marquee-track,html.perf-paused .wizard-atmosphere .nature-corner,html.perf-paused .wizard-atmosphere .nature-mid,html.perf-paused .wizard-atmosphere .nature-fall{animation-play-state:paused!important}html.perf-lite .portfolio-marquee-track,html.perf-lite .nature-corner,html.perf-lite .nature-mid,html.perf-lite .nature-fall{animation:none!important}html.perf-lite .nature-falling,html.perf-lite .nature-mid{display:none!important}html.perf-lite .portfolio-marquee-row.is-reverse .portfolio-marquee-track{transform:translate(-25%)}html.perf-lite .portfolio-marquee-track{transform:translate(0)}html.perf-lite{--tpl-glass-blur:none}html.perf-lite .wizard-step-panel,html.perf-lite .editor-fullpage,html.perf-lite .template-card{animation:none!important}html.perf-lite .wizard-main,html.perf-lite .brand-manual-section,html.perf-lite .build-assist-section,html.perf-lite .editor-topbar,html.perf-lite .editor-fields-panel,html.perf-lite .editor-ai-sidebar,html.perf-lite .header-dashboard-link,html.perf-lite .btn-ghost{-webkit-backdrop-filter:none!important}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.88}}.wizard{z-index:2;box-sizing:border-box;flex-direction:column;max-width:1280px;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0 auto;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden}.wizard>.site-legal-footer{padding-inline:0;flex-shrink:0;margin-top:.35rem;padding-bottom:.25rem}.wizard-header{padding:1.25rem 0 1.5rem}.site-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:0;display:flex}.wizard-main-chrome{flex-direction:column;flex-shrink:0;gap:.85rem;margin-bottom:1rem;display:flex;overflow:visible}.wizard-main-chrome .site-header,.wizard-main-chrome .logo,.site-header-compact{margin-bottom:0}.site-header .logo{margin-bottom:0;text-decoration:none}.header-dashboard-link{color:var(--ink-muted);border-radius:var(--radius);background:var(--surface-subtle);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);transition:color var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);padding:.45rem .85rem;font-size:.9rem;font-weight:600;text-decoration:none}.header-dashboard-link:hover{color:var(--ink);background:var(--surface-2);border-color:var(--border-strong)}.site-header-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.15rem .35rem;display:flex}.header-nav-link{appearance:none;font:inherit;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:10px;padding:.45rem .7rem;font-size:.9rem;font-weight:600;text-decoration:none}.header-nav-link:hover{color:var(--ink);background:#1e3d2f0f}.header-nav-link--strong{color:var(--ink);background:var(--surface-subtle);border:1px solid var(--border)}.header-nav-link--strong:hover{background:var(--surface-2);border-color:var(--border-strong)}.header-panel-backdrop{z-index:250;-webkit-backdrop-filter:blur(10px);background:#28322847;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.header-panel{border-radius:var(--radius-lg);background:var(--surface-3);border:1px solid var(--border-strong);width:min(420px,100%);box-shadow:var(--shadow-lg);padding:1.75rem}.header-panel h2{margin:0 0 .75rem;font-size:1.35rem}.header-panel p{color:var(--ink-muted);margin:0 0 1rem;line-height:1.55}.header-panel-price{font-size:1.05rem;color:var(--ink)!important;line-height:1.6!important}.header-panel-list,.header-panel-steps{color:var(--ink);margin:0 0 1.25rem;padding-left:1.2rem;line-height:1.7}.header-panel .btn{width:100%}.publish-name-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:block}.logo{color:inherit;cursor:pointer;align-items:center;gap:.7rem;margin-bottom:1.75rem;text-decoration:none;display:flex}button.logo{appearance:none;font:inherit;background:0 0;border:none;padding:0}.logo-mark{color:#fffaf3;background:linear-gradient(165deg,#274a38 0%,#1e3d2f 55%,#163126 100%);border:1.5px solid #0f2118;border-radius:14px;justify-content:center;align-items:center;padding:.5rem .8rem;display:inline-flex;box-shadow:0 4px 16px #1e3d2f47,inset 0 1px #ffffff29}.logo-mark .art-logo{color:#fffaf3}.logo-mark-sm{border-radius:10px;padding:.3rem .5rem}.logo-mark-sm .art-logo{width:48px}.art-logo{color:#163126;flex-shrink:0;width:62px;height:auto;display:block}.logo-text{color:var(--ink);font-size:.95rem;font-weight:700}.logo-wordmark{color:var(--ink);display:block}.progress-track{gap:.25rem;padding-top:.35rem;padding-bottom:.35rem;display:flex;overflow:auto visible}.progress-step{opacity:.72;min-width:72px;transition:opacity var(--duration-slow) var(--ease-out);flex-direction:column;flex:1;align-items:center;gap:.4rem;display:flex}.progress-step.active{opacity:1}.progress-dot{-webkit-backdrop-filter:none;color:#2a4536;width:28px;height:28px;transition:background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);background:#fffaf3;border:1.5px solid #1e3d2f47;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.progress-step.active .progress-dot{color:#163126;background:#fff;border-color:#1e3d2f73}.progress-step.current .progress-dot{background:var(--glass-fill);color:#fffaf3;border-color:#152b21;transform:scale(1.08);box-shadow:0 2px 12px #1e3d2f47}.progress-label{color:#3d5a48;text-align:center;white-space:nowrap;font-size:.72rem;font-weight:600}.progress-step.active .progress-label{color:#1c2e26}.progress-step:not(.active) .progress-label{color:#5a7364}.wizard-main{background:var(--surface);min-height:0;-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);flex-direction:column;flex:1;padding:1.25rem 1.75rem;display:flex;overflow:hidden auto}.wizard-step-panel{min-height:0;animation:fadeSlideUp var(--duration-slow) var(--ease-out) both;flex-direction:column;flex:1;display:flex}.step-header{flex-shrink:0;margin-bottom:1.15rem}.step-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500}.step-header--brand{text-align:center;max-width:40rem;margin-left:auto;margin-right:auto}.brand-hero-name{color:var(--ink);justify-content:center;width:100%;margin:0 0 .5rem;display:flex}.editor-topbar .editor-logo{margin-bottom:0}.brand-hero-name .picoli-wordmark,.brand-hero-name .picolo-wordmark{width:min(200px,42vw);height:auto}.step-header--brand h1{letter-spacing:-.015em;color:var(--ink);font-size:clamp(1.2rem,2.6vw,1.65rem);font-weight:500}.step-header--brand .step-subtitle{margin-top:.35rem;margin-left:auto;margin-right:auto;font-size:.95rem}.step-content{flex-direction:column;flex:1;min-height:0;display:flex}.step-subtitle{color:var(--ink-muted);max-width:560px;margin-top:.5rem;font-size:1.05rem}.wizard-footer{flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem .25rem .15rem;display:grid}.wizard-footer-back{justify-self:start}.wizard-footer-next{justify-self:end}.wizard-footer-spacer{justify-self:end;width:5.5rem}.step-counter{color:var(--ink-muted);font-size:.85rem}.btn{border-radius:var(--radius);font-family:var(--font-display);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--glass-fill);color:#fffaf3;-webkit-backdrop-filter:none;border:1.5px solid #152b21;box-shadow:0 4px 16px #1e3d2f52,inset 0 1px #fff3}.btn-primary:hover:not(:disabled){background:var(--glass-fill-hover);border-color:#0f2118;transform:translateY(-2px);box-shadow:0 8px 24px #1e3d2f61,inset 0 1px #ffffff3d}.btn-primary:active:not(:disabled){transition-duration:var(--duration-fast);transform:translateY(0)}.btn-ghost{background:var(--surface-subtle);-webkit-backdrop-filter:blur(20px)saturate(115%);color:var(--ink-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink);border-color:var(--border-strong)}.btn-ghost.danger{color:#dc2626;border-color:#fecaca}.btn-full{width:100%}.btn-sm{padding:.45rem .85rem;font-size:.85rem}.start-page-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr);align-items:start;gap:1.75rem;display:grid}.start-primary-card{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-3);box-shadow:var(--shadow);flex-direction:column;gap:1.35rem;padding:1.75rem 1.85rem 1.5rem;display:flex}.start-card-intro h2{font-family:var(--font-display);color:var(--ink);margin:0 0 .55rem;font-size:1.45rem;font-weight:500;line-height:1.2}.start-card-intro p{color:var(--ink-muted);max-width:40rem;margin:0;font-size:.98rem;line-height:1.55}.start-side-rail{flex-direction:column;gap:1.25rem;padding-top:.25rem;display:flex}.start-examples h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .75rem;font-size:.95rem;font-weight:500}.start-example-grid{flex-direction:column;gap:.75rem;display:flex}.start-example-card{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:0;display:flex;overflow:hidden}.start-example-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.start-example-hero{background:linear-gradient(135deg, #ffffff47, transparent 55%), linear-gradient(160deg, var(--card-a,#c4a484), var(--card-b,#8f6d4f));width:100%;height:72px;display:block}.start-example-name{font-family:var(--font-display);color:var(--ink);padding:.55rem .75rem 0;font-size:.9rem;font-weight:600}.start-example-cta{color:var(--accent);padding:0 .75rem .7rem;font-size:.78rem;font-weight:600}.start-manual-link{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.5}.text-link{color:var(--accent);font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;display:inline}.text-link:hover{color:var(--accent-dark)}.start-trust-notes{flex-direction:column;gap:.35rem;margin-top:.15rem;display:flex}.start-trust-notes p{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.45}.start-price-note{font-weight:600;color:var(--ink)!important;margin-top:.35rem!important}.ai-or-divider{color:var(--ink-muted);text-transform:lowercase;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;display:flex}.ai-or-divider:before,.ai-or-divider:after{content:"";background:var(--border);flex:1;height:1px}.ai-builder-chat.is-start .ai-drop-zone{min-height:140px}.ai-builder-chat.is-start .ai-drop-icon{display:none}@media (width<=960px){.start-page-layout{grid-template-columns:1fr}.start-example-grid{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=640px){.start-example-grid{grid-template-columns:1fr}}.brand-page-layout{flex:1;grid-template-columns:1.35fr .9fr;align-items:stretch;gap:1rem;min-height:0;display:grid}.brand-manual-section,.build-assist-section{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);min-height:0;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);flex-direction:column;gap:.85rem;padding:1.15rem 1.25rem;display:flex}.brand-manual-section{overflow:hidden}.build-assist-section{background:var(--surface-subtle);box-shadow:none;opacity:.96;overflow:hidden}.brand-column-intro h2,.build-assist-intro h2{font-family:var(--font-display);color:var(--ink);margin:0 0 .35rem;font-size:1.2rem;font-weight:500;line-height:1.2}.build-assist-intro h2{color:var(--ink-muted);font-size:1.05rem}.brand-column-intro p,.build-assist-intro p{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.45}.brand-step{flex-direction:column;flex:1;gap:.85rem;min-width:0;min-height:0;display:flex}@media (width<=960px){.brand-page-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.brand-manual-section{flex:auto;min-height:0}.build-assist-section{flex:none;min-height:0}}@media (width<=768px){html,body,#root{height:auto;min-height:100%}.wizard{height:auto;min-height:100dvh;max-height:none;padding-bottom:max(1rem, env(safe-area-inset-bottom));overflow:hidden visible}.wizard-main,.wizard-step-panel,.step-content{flex:1 0 auto;min-height:auto;overflow:visible}.brand-step{flex:1 0 auto;grid-template-columns:1fr;min-height:auto}.brand-page-layout{flex:1 0 auto;grid-template-rows:auto auto;align-items:start;gap:.75rem;min-height:auto}.brand-manual-section{min-height:auto;overflow:visible}.brand-site-preview{flex:1 0 auto;min-height:20rem}.site-browser{min-height:18rem}.brand-preview-title{font-size:clamp(1.15rem,5vw,1.5rem)}.site-mock-gallery{min-height:88px;max-height:120px}.site-browser-chrome .domain-status{display:none}.domain-suggestion-feed.is-open{flex:none;min-height:10rem}.domain-suggestion-feed.is-open .domain-suggestion-feed-inner{height:auto;max-height:12rem}.build-assist-section{flex:none;gap:.4rem;max-height:none;padding:.55rem .75rem .65rem}.build-assist-intro p{display:none}.build-assist-intro h2{margin:0;font-size:.82rem}.build-assist-section .ai-builder-chat{flex:none;gap:.45rem;height:auto}.build-assist-section .ai-chat-header{display:none}.build-assist-section .ai-drop-zone{flex:none;min-height:52px;padding:.55rem .65rem;font-size:.82rem}.build-assist-section .ai-item-list,.build-assist-section .ai-chat-input-row{display:none}.build-assist-section .ai-build-btn{width:100%;padding:.5rem .75rem;font-size:.85rem}}.brand-input-wrap{flex-shrink:0}.brand-input{border-width:2px;padding:.8rem 1rem;font-size:1.1rem}.input-hint{color:var(--ink-muted);margin-top:.4rem;font-size:.8rem;display:block}.brand-site-preview{flex-direction:column;flex:1;gap:0;min-width:0;min-height:0;display:flex}.site-browser{border:1px solid var(--border-strong);min-width:0;min-height:0;box-shadow:var(--shadow-lg);background:#ebe4d8;border-radius:14px;flex-direction:column;flex:auto;display:flex;overflow:hidden}.site-browser-chrome{border-bottom:1px solid var(--border);background:linear-gradient(#f7f2ea 0%,#efe7db 100%);flex-shrink:0;align-items:center;gap:.55rem;padding:.55rem .7rem;display:flex}.site-browser-dots{flex-shrink:0;gap:5px;display:flex}.site-browser-dots i{background:#d4c4b0;border-radius:50%;width:9px;height:9px}.site-browser-dots i:first-child{background:#e8a0a0}.site-browser-dots i:nth-child(2){background:#e0c48a}.site-browser-dots i:nth-child(3){background:#9bb89a}.site-browser-url{border:1px solid var(--border);background:#fffaf3;border-radius:999px;flex:1;align-items:center;gap:.4rem;min-width:0;padding:.35rem .65rem;font-size:.82rem;line-height:1.2;display:flex}.site-browser-lock{color:var(--ink-muted);flex-shrink:0;display:inline-flex}.site-browser-host{align-items:baseline;min-width:0;display:flex;overflow:hidden}.site-browser-host .domain-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.site-browser-host .domain-tld{font-size:.82rem}.site-browser-chrome .domain-status{flex-shrink:0;padding:.2rem .45rem;font-size:.65rem}.site-browser-page{min-height:0;color:var(--ink);background:radial-gradient(70% 50% at 15% 0,#c97b8a1f,#0000 55%),radial-gradient(55% 45% at 90% 10%,#6f8f7824,#0000 50%),#f7f1e8;flex-direction:column;flex:1;gap:.75rem;padding:.85rem 1rem 1rem;display:flex;overflow:hidden}.site-mock-nav{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.site-mock-mark{font-family:var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:600;overflow:hidden}.site-mock-nav-links{flex-shrink:0;gap:.35rem;display:flex}.site-mock-nav-links i{background:color-mix(in srgb, var(--ink) 14%, transparent);border-radius:999px;width:28px;height:6px}.site-mock-hero{flex-shrink:0}.site-mock-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .2rem;font-size:.68rem;font-weight:700}.brand-preview-title{font-family:var(--font-display);min-width:0;max-width:100%;color:var(--ink);overflow-wrap:break-word;word-break:normal;letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.2rem,3.5vw + .4rem,1.85rem);font-weight:500;line-height:1.15}.site-mock-tagline{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.4}.site-mock-tagline .domain-name,.site-mock-tagline .domain-tld{font-size:inherit}.site-mock-gallery{flex:auto;grid-template-columns:1.2fr .9fr 1fr;gap:.45rem;min-height:72px;max-height:140px;display:grid}.site-mock-frame{border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);border-radius:8px;height:100%;min-height:64px;display:block}.site-mock-frame--1{background:linear-gradient(160deg,#c4a484 0%,#6f8f78 55%,#1e3d2f 100%)}.site-mock-frame--2{background:linear-gradient(145deg,#e8dfd2 0%,#c97b8a 45%,#5c3d2e 100%);margin-top:.55rem}.site-mock-frame--3{background:linear-gradient(165deg,#1e2a4a 0%,#5b7cfa 50%,#eef1fb 100%);margin-top:.25rem}.domain-name{color:var(--ink);min-width:0;font-size:1.05rem;font-weight:700}.domain-tld{color:var(--accent-rose);white-space:nowrap;flex-shrink:0;font-size:1.05rem;font-weight:700}.domain-hosting-note{color:var(--ink-muted);flex-shrink:0;align-items:center;gap:.45rem;margin:auto 0 0;font-size:.78rem;line-height:1.3;display:flex}.domain-hosting-note .art-logo{color:var(--accent);flex-shrink:0}.domain-suggestion-feed{opacity:0;min-width:0;min-height:0;transition:grid-template-rows .48s var(--ease-out), margin-top .48s var(--ease-out), opacity .32s var(--ease-out);grid-template-rows:0fr;margin-top:0;display:grid}.domain-suggestion-feed.is-open{opacity:1;flex:auto;grid-template-rows:1fr;align-self:stretch;margin-top:.85rem}.domain-suggestion-feed-inner{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.domain-suggestion-feed.is-open .domain-suggestion-feed-inner{border-top:1px solid var(--border);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-top:.95rem;overflow:hidden auto}.domain-suggestion-feed-label{color:var(--ink-muted);overflow-wrap:anywhere;word-break:break-word;opacity:0;transition:opacity .35s var(--ease-out) 80ms, transform .35s var(--ease-out) 80ms;flex-shrink:0;margin:0 0 .7rem;font-size:.85rem;line-height:1.4;transform:translateY(-6px)}.domain-suggestion-feed.is-open .domain-suggestion-feed-label{opacity:1;transform:translateY(0)}.domain-suggestion-list{flex-direction:column;gap:.45rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.domain-suggestion-list li{min-width:0}.domain-suggestion-chip{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-subtle);cursor:pointer;text-align:left;width:100%;min-width:0;max-width:100%;font:inherit;opacity:0;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:12px;align-items:center;gap:0;padding:.7rem .9rem;display:flex;overflow:hidden;transform:translateY(-8px)}.domain-suggestion-feed.is-open .domain-suggestion-chip{animation:domainChipIn .42s var(--ease-out) both}.domain-suggestion-feed.is-open .domain-suggestion-list li:first-child .domain-suggestion-chip{animation-delay:.1s}.domain-suggestion-feed.is-open .domain-suggestion-list li:nth-child(2) .domain-suggestion-chip{animation-delay:.155s}.domain-suggestion-feed.is-open .domain-suggestion-list li:nth-child(3) .domain-suggestion-chip{animation-delay:.21s}.domain-suggestion-feed.is-open .domain-suggestion-list li:nth-child(4) .domain-suggestion-chip{animation-delay:.265s}.domain-suggestion-feed.is-open .domain-suggestion-list li:nth-child(5) .domain-suggestion-chip{animation-delay:.32s}.domain-suggestion-chip:hover{border-color:var(--border-strong);background:var(--surface-2)}.domain-suggestion-chip.is-selected{border-color:var(--accent);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent-rose)}.domain-suggestion-chip .domain-name,.domain-suggestion-chip .domain-tld{font-size:.95rem}.domain-suggestion-chip .domain-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.domain-suggestion-chip .domain-tld{flex-shrink:0}@keyframes domainChipIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (height<=900px){.wizard{padding:.65rem 1rem}.wizard-main{padding:1rem 1.25rem}.wizard-main-chrome{gap:.55rem;margin-bottom:.65rem}.brand-hero-name{margin-bottom:.25rem}.brand-hero-name .picoli-wordmark,.brand-hero-name .picolo-wordmark{width:min(150px,36vw)}.step-header{margin-bottom:.75rem}.step-header--brand .step-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brand-page-layout{gap:.75rem}.brand-manual-section,.build-assist-section{gap:.65rem;padding:.85rem 1rem}.brand-column-intro p,.build-assist-intro p{display:none}.site-browser-page{gap:.55rem;padding:.7rem .85rem .85rem}.brand-preview-title{font-size:clamp(1.05rem,3.2vw,1.35rem)}.site-mock-gallery{min-height:64px;max-height:100px}.build-assist-section .ai-drop-zone{min-height:72px}.build-assist-section .ai-chat-header{display:none}.wizard-footer{padding:.55rem .15rem 0}}@media (height<=760px){.brand-hero-name,.progress-label,.ai-chat-input-row{display:none}}.build-assist-section .ai-builder-chat{flex:1;min-height:0}.build-assist-section .ai-drop-zone{flex:1;min-height:100px}.build-assist-section .ai-item-list{flex:1;min-height:100px;max-height:none}.build-assist-section .ai-build-btn{background:var(--ink-muted)}.build-assist-section .ai-build-btn:hover:not(:disabled){background:var(--ink)}.ai-builder-chat{flex-direction:column;gap:.85rem;height:100%;min-height:0;display:flex}.ai-builder-chat.is-compact{gap:.75rem}.ai-chat-header{align-items:flex-start;gap:.75rem;display:flex}.ai-chat-badge{display:none}.ai-chat-title{color:var(--ink);margin:0;font-size:1rem;font-weight:600}.ai-chat-subtitle{color:var(--ink-muted);margin:.2rem 0 0;font-size:.8rem;line-height:1.4}.ai-drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-subtle);-webkit-backdrop-filter:blur(16px);cursor:pointer;text-align:center;min-height:140px;transition:border-color var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.75rem 1.25rem;display:flex}.ai-builder-chat.is-compact .ai-drop-zone{min-height:110px;padding:1.25rem 1rem}.ai-drop-zone:hover,.ai-drop-zone.is-dragging{border-color:var(--border-strong);background:var(--surface-2)}.ai-drop-zone.is-dragging{transform:scale(1.01)}.ai-drop-icon{width:2rem;height:2rem;color:var(--ink);background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.ai-drop-label{color:var(--ink);margin:0;font-size:.9rem;font-weight:600}.ai-drop-hint{color:var(--ink-muted);margin:0;font-size:.75rem}.ai-item-list{flex-direction:column;flex:1;gap:.45rem;min-height:120px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ai-builder-chat.is-compact .ai-item-list{min-height:80px;max-height:160px}.editor-ai-sidebar .ai-item-list{flex:1;min-height:160px;max-height:none}.ai-item{background:var(--surface-2);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;min-width:0;padding:.45rem .55rem;font-size:.8rem;display:flex}.ai-item-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px}.ai-item-icon{text-align:center;width:1.25rem;color:var(--ink-muted);flex-shrink:0;font-size:.85rem}.ai-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-muted);flex:1;overflow:hidden}.ai-item-remove{width:1.35rem;height:1.35rem;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:4px;flex-shrink:0;font-size:1rem;line-height:1}.ai-item-remove:hover{color:#f87171;background:#f871711f}.ai-chat-input-row{align-items:center;gap:.5rem;display:flex}.ai-chat-input{flex:1;min-width:0;padding:.55rem .75rem;font-size:.85rem}.ai-build-btn{margin-top:auto}@keyframes aiSpin{to{transform:rotate(360deg)}}@keyframes aiMessageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-building-overlay{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(115%);animation:fadeIn var(--duration-normal) var(--ease-out) both;background:#3f5e4c47;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-building-card{text-align:center;border-radius:var(--radius-lg);background:var(--surface-3);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);max-width:360px;padding:2.5rem 3rem}.ai-building-spinner{border:3px solid var(--border);border-top-color:var(--ink);border-radius:50%;width:48px;height:48px;margin:0 auto 1.25rem;animation:.9s linear infinite aiSpin}.ai-building-card h2{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.35rem;font-weight:500}.ai-building-message{color:var(--ink-muted);animation:aiMessageIn .35s var(--ease-out) both;margin:0;font-size:.9rem}.template-picker{flex-direction:column;flex:1;gap:.85rem;min-height:0;display:flex}.template-category-bar{flex-wrap:wrap;flex-shrink:0;gap:.45rem;padding-bottom:.15rem;display:flex}.template-cat-chip{appearance:none;border:1px solid var(--border);background:var(--surface-subtle);color:var(--ink-muted);font:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px;padding:.45rem .9rem;font-size:.88rem;font-weight:700}.template-cat-chip:hover{color:var(--ink);border-color:var(--border-strong)}.template-cat-chip.is-active{color:#fffaf3;background:var(--cat-accent,var(--accent));border-color:var(--cat-accent,var(--accent))}.template-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:.35rem;padding-right:.15rem;overflow:hidden auto}.template-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=960px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.template-grid{grid-template-columns:1fr}}.template-card{text-align:left;color:var(--ink);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--cat-accent,var(--border-strong));border-radius:var(--radius-lg);cursor:pointer;font:inherit;box-shadow:0 0 0 3px var(--cat-soft,transparent);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);animation:fadeSlideUp var(--duration-slow) var(--ease-out) both;padding:0;position:relative;overflow:hidden}.template-grid .template-card:first-child{animation-delay:60ms}.template-grid .template-card:nth-child(2){animation-delay:.12s}.template-grid .template-card:nth-child(3){animation-delay:.18s}.template-grid .template-card:nth-child(4){animation-delay:.24s}.template-grid .template-card:nth-child(5){animation-delay:.3s}.template-card:hover{box-shadow:0 0 0 4px var(--cat-soft), var(--shadow-lg);transform:translateY(-4px)}.template-card:active{transition-duration:var(--duration-fast);transform:translateY(-1px)scale(.99)}.template-card.selected,.template-card.is-selecting{box-shadow:0 0 0 4px var(--cat-soft), var(--shadow-lg);animation:softPulse .65s var(--ease-out)}.template-card-bubble{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#fffaf3;background:var(--cat-accent,var(--accent));pointer-events:none;border:1px solid #ffffff2e;border-radius:999px;padding:.28rem .65rem;font-size:.7rem;font-weight:700;position:absolute;top:.7rem;left:.7rem;box-shadow:0 4px 12px #0000001f}.template-preview-frame{background:var(--surface-subtle);pointer-events:none;height:248px;position:relative;overflow:hidden;container-type:size}.template-preview-scaler{width:960px;transform:translateX(-50%) scale(min(100cqw / 960px, 100cqh / 780px));transform-origin:top;position:absolute;top:0;left:50%}.template-preview-scaler .portfolio-template.scale-small{border-radius:14px;width:100%;overflow:hidden;transform:none}.template-preview-scaler .portfolio-template.scale-small .sg-foot,.template-preview-scaler .portfolio-template.scale-small .dr-email,.template-preview-scaler .portfolio-template.scale-small .at-email{display:none}.template-preview-scaler .gallery-template,.template-preview-scaler .atelier-template,.template-preview-scaler .darkroom-template,.template-preview-scaler .folio-template{padding-bottom:1rem}.template-card-info{padding:1.1rem 1.15rem 1.2rem}.template-card-palettes{flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem;display:flex}.color-theme-swatch{border:1px solid #0000001f;border-radius:4px;flex-shrink:0;width:16px;height:16px;display:inline-block}.template-card-info h3{color:var(--ink);margin:0 0 .35rem;font-size:1.1rem;font-weight:600}.template-card-info p{color:var(--ink-muted);margin:0;font-size:.875rem;line-height:1.45}@media (width<=640px){.wizard{padding:.65rem .75rem}.wizard-main{padding:.85rem 1rem}.step-header h1{font-size:clamp(1.35rem,6vw,1.65rem);line-height:1.15}.step-subtitle{font-size:.88rem}.template-picker{gap:.6rem}.template-category-bar{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem;flex-wrap:nowrap;margin-inline:-.15rem;padding-inline:.15rem;overflow-x:auto}.template-category-bar::-webkit-scrollbar{display:none}.template-cat-chip{flex-shrink:0;padding:.4rem .75rem;font-size:.82rem}.template-grid{gap:1rem}.template-card-bubble{padding:.22rem .5rem;font-size:.62rem;top:.55rem;left:.55rem}.template-preview-frame{height:min(42vw,210px);min-height:180px}.template-preview-scaler{width:880px;transform:translateX(-50%) scale(min(100cqw / 880px, 100cqh / 760px))}.template-card-info{padding:.85rem .95rem 1rem}.template-card-info h3{font-size:1rem}.template-card-info p{font-size:.82rem}.brand-manual-section,.build-assist-section{padding:.85rem .95rem}.build-assist-section{padding:.5rem .7rem .55rem}.build-assist-section .ai-drop-zone{min-height:48px;padding:.45rem .55rem}.brand-input{padding:.7rem .85rem;font-size:1rem}.site-browser-chrome{gap:.4rem;padding:.45rem .55rem}.site-browser-url{padding:.3rem .55rem;font-size:.78rem}.brand-preview-title{font-size:clamp(1.1rem,4.5vw,1.35rem)}.site-mock-gallery{gap:.35rem;min-height:72px}.site-mock-frame--2{margin-top:.35rem}.domain-hosting-note{font-size:.72rem}.site-header-nav .header-nav-link--desk{display:none}.site-header-nav{gap:.35rem}.header-nav-link--home{display:inline-flex}.header-nav-link--strong{padding:.4rem .7rem;font-size:.82rem}.editor-topbar{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.editor-topbar-left,.editor-topbar-right{gap:.45rem}.editor-site-name{display:none}.editor-draft-banner{flex-direction:column;align-items:flex-start;gap:.45rem;padding:.55rem .85rem;font-size:.78rem}.editor-fields-panel{max-height:min(38vh,300px)}.editor-fields-shell.is-drawer .editor-fields-panel{max-height:none}.editor-ai-sidebar{max-height:min(32vh,260px);padding:.85rem .95rem 1rem}.editor-canvas-full{padding:.65rem .45rem .85rem}.editor-canvas-full.viewport-mobile .editor-viewport-frame{width:100%;max-width:100%}.wizard-footer{padding:.5rem 0}.wizard-footer .btn{padding:.55rem .85rem;font-size:.88rem}}.editor-fullpage{height:100vh;min-height:100vh;animation:fadeIn var(--duration-slow) var(--ease-out) both;background:0 0;flex-direction:column;display:flex;overflow:hidden}.editor-draft-banner{color:var(--ink-muted);background:color-mix(in srgb, var(--accent-rose) 8%, var(--surface));border-bottom:1px solid color-mix(in srgb, var(--accent-rose) 22%, var(--border));flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1.25rem;font-size:.82rem;display:flex}.editor-body{flex:1;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.editor-fields-shell{flex-direction:column;flex-shrink:0;height:100%;min-height:0;display:flex}.editor-fields-shell:not(.is-drawer){width:280px}.editor-fields-shell:not(.is-drawer) .editor-fields-panel{height:100%}.editor-drawer-top{border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1rem .75rem;display:flex}.editor-drawer-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.7rem;font-weight:700}.editor-drawer-title{margin:.1rem 0 0;font-size:1.05rem;font-weight:600}.editor-panel-backdrop{z-index:1390;-webkit-backdrop-filter:blur(3px);animation:editorBackdropIn .28s var(--ease-out) both;cursor:pointer;background:#28241e61;border:none;margin:0;padding:0;position:fixed;inset:0}.editor-panel-tab{z-index:1360;border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;border-left:none;border-radius:0 14px 14px 0;align-items:center;gap:.15rem;padding:.85rem .55rem .85rem .4rem;font-size:.78rem;font-weight:700;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s,box-shadow .25s;display:flex;position:fixed;top:48%;left:0;transform:translateY(-50%);box-shadow:4px 0 18px #28241e24}.editor-panel-tab.is-hidden{opacity:0;pointer-events:none;transform:translate(-120%,-50%)}.editor-panel-tab-chevron{writing-mode:horizontal-tb;color:var(--accent,#5a7a4a);font-size:1.1rem;line-height:1;transform:rotate(0)}.editor-panel-tab-label{letter-spacing:.12em}.editor-panel-tab.is-hinting{animation:1.8s ease-in-out 3 editorPanelTabHint}@keyframes editorPanelTabHint{0%,to{transform:translateY(-50%)translate(0);box-shadow:4px 0 18px #28241e24}40%{transform:translateY(-50%)translate(10px);box-shadow:10px 0 28px #28241e38}55%{transform:translateY(-50%)translate(4px)}}@keyframes editorBackdropIn{0%{opacity:0}to{opacity:1}}.editor-preview-ai-split{flex:1;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-ai-sidebar{border-left:1px solid var(--border);background:var(--surface);width:min(420px,38vw);min-width:340px;height:100%;-webkit-backdrop-filter:var(--glass-blur);overscroll-behavior:contain;flex-direction:column;flex-shrink:0;padding:1.25rem 1.25rem 1.5rem;display:flex;overflow:hidden auto}.editor-ai-sidebar .ai-builder-chat{flex:1;min-height:0}.editor-ai-sidebar .ai-drop-zone{min-height:180px}.editor-ai-sidebar .ai-chat-input{padding:.7rem .85rem;font-size:.9rem}.editor-fields-panel{border-right:1px solid var(--border);background:var(--surface);width:280px;height:100%;max-height:none;-webkit-backdrop-filter:var(--glass-blur);overscroll-behavior:contain;border-radius:0;flex-shrink:0;padding:1.25rem 1rem 2rem 1.25rem;overflow:hidden auto}.editor-fields-shell .editor-fields-panel{border-right:none;width:100%}.editor-panel-header{margin-bottom:.5rem}.editor-panel-title{color:var(--ink);margin-bottom:.35rem;font-size:1rem;font-weight:600}.panel-field{transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:.4rem;margin-bottom:.85rem;margin-left:-.65rem;margin-right:-.65rem;padding:.55rem .65rem;display:flex}.panel-field.is-active{border-color:var(--border-strong);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent-rose)}.panel-section.is-active-section{outline:2px solid color-mix(in srgb, var(--accent-rose,#c97b8a) 55%, transparent);outline-offset:4px;border-radius:12px}.panel-field-label{color:var(--ink-muted);font-size:.8rem;font-weight:600}.panel-field-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-field-hint{color:var(--ink-muted);font-size:.75rem}.panel-field-actions{gap:.5rem;display:flex}.panel-upload-btn{justify-content:center}.panel-field.is-filled .panel-field-label{color:var(--ink)}@media (width<=1100px){.editor-ai-sidebar{width:min(360px,42vw);min-width:300px}}@media (width<=960px){.editor-body{flex-direction:column}.editor-preview-ai-split{flex-direction:column;flex:1;min-height:0}.editor-ai-sidebar{border-left:none;border-top:1px solid var(--border);flex-shrink:0;width:100%;min-width:0;height:auto;max-height:min(42vh,380px)}.editor-fields-panel{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;width:100%;height:auto;max-height:min(42vh,360px)}}.editor-topbar{background:var(--surface-2);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.editor-topbar-left{align-items:center;gap:.75rem;display:flex}.editor-site-name{color:var(--ink);cursor:text;font-weight:600;font:inherit;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:6px;flex-shrink:1;min-width:0;max-width:min(320px,42vw);height:2rem;margin:0;padding:.15rem .35rem;line-height:1.3;overflow:hidden}.editor-site-name:hover,.editor-site-name:focus-visible{background:var(--surface-subtle);outline:1px solid var(--border)}.editor-site-name-input{color:var(--ink);font-weight:600;font:inherit;border:1px solid var(--border-strong);background:var(--surface);white-space:nowrap;field-sizing:content;box-sizing:border-box;border-radius:6px;flex:0 auto;width:auto;min-width:8ch;max-width:min(360px,48vw);height:2rem;padding:0 .55rem;line-height:1.3;overflow-x:auto}.editor-topbar-right{align-items:center;gap:1rem;display:flex}.builder-preview-overlay{z-index:1300;background:var(--bg,#f7f1e8);flex-direction:column;display:flex;position:fixed;inset:0}.builder-preview-bar{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.builder-preview-label{color:var(--ink-muted);font-size:.85rem;font-weight:600}.builder-preview-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:1rem;display:flex;overflow:auto}.builder-preview-stage.viewport-mobile{padding:1.5rem 1rem}.builder-preview-frame{--device-ease:cubic-bezier(.22, 1, .36, 1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:0;max-width:1200px;box-shadow:var(--shadow);transition:width .55s var(--device-ease), max-width .55s var(--device-ease), border-radius .55s var(--device-ease), box-shadow .55s var(--device-ease);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.builder-preview-stage.viewport-mobile .builder-preview-frame,.builder-preview-frame.device-mobile{width:min(390px,100% - .5rem);max-width:390px}.editor-hint{color:var(--ink-muted);font-size:.8rem}.viewport-toggle{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.viewport-toggle-btn{color:var(--ink-muted);transition:background var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.viewport-toggle-btn:hover{color:var(--ink)}.viewport-toggle-btn.active{background:var(--surface-3);color:var(--ink);box-shadow:0 1px 4px #0000002e, inset 0 1px 0 var(--glass-highlight)}.viewport-toggle-btn:disabled{opacity:1;cursor:default}.editor-template-switch{align-items:center;gap:.35rem;min-width:0;display:flex}.editor-template-switch-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex-shrink:0;font-size:.72rem;font-weight:700}.editor-template-switch select{appearance:none;border:1px solid var(--border);background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23645c52' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .55rem center;max-width:min(42vw,11rem);color:var(--ink);font:inherit;border-radius:10px;padding:.4rem 1.75rem .4rem .65rem;font-size:.85rem;font-weight:600}@media (width<=640px){.editor-hint,.viewport-toggle-label{display:none}}@media (width<=768px){.editor-fullpage.is-mobile-chrome .editor-ai-sidebar{display:none!important}.editor-fullpage.is-mobile-chrome .editor-preview-ai-split{flex-direction:column}.editor-fullpage.is-mobile-chrome .editor-canvas-full{flex:1;justify-content:flex-start;align-items:flex-start;min-height:0;padding:0}.editor-fullpage.is-mobile-chrome .editor-preview-pane,.editor-fullpage.is-mobile-chrome .editor-canvas-full.viewport-mobile .editor-preview-pane{width:100%;max-width:100%;height:auto;min-height:0;box-shadow:none;border:none;border-radius:0;flex:none;align-self:stretch;overflow:visible}.editor-fullpage.is-mobile-chrome .editor-browser-chrome{display:none}.editor-fullpage.is-mobile-chrome .editor-viewport-frame,.editor-fullpage.is-mobile-chrome .editor-canvas-full.viewport-mobile .editor-viewport-frame{width:100%;max-width:100%;height:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:none;display:block;overflow:visible}.editor-fullpage.is-mobile-chrome .editor-viewport-frame>.portfolio-template{width:100%;height:auto;min-height:0;box-shadow:none;border-top:none;border-left:none;border-right:none;border-radius:0;flex:none;margin:0}:is(.editor-fullpage.is-mobile-chrome .editor-viewport-frame:has(.signal-template),.editor-fullpage.is-mobile-chrome .editor-viewport-frame:has(.atelier-template)){flex:none;height:auto;min-height:0}.editor-fullpage.is-mobile-chrome .editor-viewport-frame>.signal-template,.editor-fullpage.is-mobile-chrome .editor-viewport-frame>.atelier-template,.editor-fullpage.is-mobile-chrome .signal-template,.editor-fullpage.is-mobile-chrome .atelier-template{max-width:100%;height:auto;min-height:0;margin-inline:0}.editor-fullpage.is-mobile-chrome .header-dashboard-link{display:none}.editor-fullpage.is-mobile-chrome .editor-fields-shell.is-drawer{z-index:1400;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:min(380px,88vw);padding:0;transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-105%);box-shadow:16px 0 40px #28241e2e}.editor-fullpage.is-mobile-chrome .editor-fields-shell.is-drawer.is-open{transform:translate(0)}.editor-fullpage.is-mobile-chrome .editor-fields-shell.is-drawer .editor-fields-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-right:none;flex:auto;width:100%;height:0;min-height:0;max-height:none;padding:.85rem 1rem 1.5rem;overflow:hidden auto;display:block!important}}.editor-canvas-full{overscroll-behavior:contain;flex:1;place-content:flex-start center;align-items:flex-start;min-width:0;min-height:0;padding:1.25rem 1.25rem 2rem;display:flex;overflow:hidden auto}.editor-preview-pane{--device-ease:cubic-bezier(.22, 1, .36, 1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:0;max-width:min(1120px,100%);height:auto;box-shadow:var(--shadow);transform-origin:top;transition:width .55s var(--device-ease), max-width .55s var(--device-ease), border-radius .55s var(--device-ease), box-shadow .55s var(--device-ease);flex-direction:column;flex:none;display:flex;overflow:hidden}.editor-preview-chrome,.editor-browser-chrome{flex-shrink:0}.editor-viewport-frame{width:100%;max-width:none;height:auto;min-height:0;animation:scaleIn .55s var(--ease-out) 80ms both;background:0 0;flex:none;transition:width .55s cubic-bezier(.22,1,.36,1),max-width .55s cubic-bezier(.22,1,.36,1);display:block;overflow:visible}.editor-canvas-full.viewport-mobile .editor-preview-pane,.editor-preview-pane.device-mobile{width:375px;max-width:min(375px,100% - 1rem)}.editor-canvas-full.viewport-mobile .editor-viewport-frame,.editor-preview-pane.device-mobile .editor-viewport-frame,.builder-preview-frame.device-mobile .editor-viewport-frame{isolation:isolate;width:100%;max-width:100%;overflow:visible}.editor-canvas-full .portfolio-template{width:100%;box-shadow:none;border-radius:0;height:auto;min-height:0;margin:0 auto}.editor-canvas-full .signal-template{justify-content:flex-start;align-items:flex-start;padding-block:1.25rem;height:auto!important;min-height:0!important}.editor-canvas-full .atelier-template{width:100%;max-width:100%;height:auto;min-height:0;margin-inline:0}.editor-canvas-full.viewport-mobile .portfolio-template{box-shadow:none;border-radius:0;height:auto;min-height:0}@media (width>=769px){.editor-canvas-full:not(.viewport-mobile) .signal-template,.editor-canvas-full:not(.viewport-mobile) .atelier-template{height:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.editor-preview-pane,.builder-preview-frame,.editor-viewport-frame{transition:none!important}}.editor-layout{grid-template-columns:280px 1fr;gap:1.5rem;min-height:520px;display:grid}@media (width<=900px){.editor-layout{grid-template-columns:1fr}}.editor-panel{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);max-height:620px;padding:1.25rem;overflow-y:auto}.editor-fields-panel.editor-panel,.editor-fields-panel{background:var(--surface);max-height:none;-webkit-backdrop-filter:var(--glass-blur);border-radius:0}.panel-section{margin-bottom:1.5rem}.panel-section:last-child{margin-bottom:0;padding-bottom:.5rem}.panel-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.75rem;font-size:.8rem}.panel-theme-grid{flex-direction:column;gap:.45rem;display:flex}.panel-theme-option{border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;appearance:none;width:100%;color:inherit;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.panel-theme-option:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.panel-theme-option.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.panel-theme-label{font-size:.82rem;font-weight:500}.panel-theme-option .color-theme-swatch{border-color:color-mix(in srgb, var(--ink) 12%, transparent);width:18px;height:18px}.panel-hint{color:var(--ink-muted);margin-bottom:.75rem;font-size:.8rem}.color-grid{flex-direction:column;gap:.5rem;display:flex}.color-picker-row{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.color-picker-row input[type=color]{cursor:pointer;border:none;width:36px;height:36px;padding:2px}.field-list-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:.75rem 0 .35rem;font-size:.7rem}.field-list-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.2rem;padding:.5rem .65rem;font-size:.85rem;display:flex}.field-list-item:hover{background:var(--surface)}.field-list-item.active{background:var(--surface-3);border-color:var(--border-strong);color:var(--ink);font-weight:600}.field-check{color:var(--success);font-size:.75rem}.panel-editor input,.panel-editor textarea{font-size:.9rem}.panel-image-preview{border-radius:var(--radius);max-height:120px;margin-bottom:.75rem;overflow:hidden}.panel-image-preview--button{border:1px solid var(--border);cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;padding:0;display:block}.panel-image-preview--button:hover{border-color:var(--border-strong)}.panel-image-preview img{object-fit:cover;width:100%;height:100%}.editor-canvas{flex-direction:column;min-width:0;display:flex}.canvas-toolbar{background:var(--surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius) var(--radius) 0 0;color:var(--ink-muted);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;display:flex}.canvas-frame{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--surface-subtle);border-top:none;flex:1;max-height:580px;padding:1rem;overflow:auto}.portfolio-template{--tpl-glass:color-mix(in srgb, var(--c-text) 9%, transparent);--tpl-glass-2:color-mix(in srgb, var(--c-text) 6%, transparent);--tpl-glass-3:color-mix(in srgb, var(--c-text) 14%, transparent);--tpl-glass-border:color-mix(in srgb, var(--c-text) 15%, transparent);--tpl-glass-border-strong:color-mix(in srgb, var(--c-text) 22%, transparent);--tpl-glass-blur:blur(12px) saturate(118%);--tpl-glass-inset:inset 0 1px 0 color-mix(in srgb, var(--c-text) 7%, transparent);background:radial-gradient(ellipse 80% 60% at 10% 0%, color-mix(in srgb, var(--c-primary) 14%, transparent), transparent 55%), radial-gradient(ellipse 60% 50% at 95% 10%, color-mix(in srgb, var(--c-secondary) 10%, transparent), transparent 50%), radial-gradient(ellipse 50% 40% at 50% 100%, color-mix(in srgb, var(--c-text) 4%, transparent), transparent 55%), var(--c-bg);color:var(--c-text);font-family:var(--font-sans);text-align:left;box-shadow:0 12px 48px #00000047, var(--tpl-glass-inset);border:1px solid var(--tpl-glass-border);border-radius:20px;overflow:hidden;container:portfolio/inline-size}.portfolio-template .tpl-glass-panel{background:var(--tpl-glass);-webkit-backdrop-filter:var(--tpl-glass-blur);border:1px solid var(--tpl-glass-border);box-shadow:var(--tpl-glass-inset);border-radius:16px}.portfolio-template .tpl-glass-bar{background:color-mix(in srgb, var(--c-text) 7%, transparent);-webkit-backdrop-filter:var(--tpl-glass-blur);border-bottom:1px solid var(--tpl-glass-border)}.portfolio-template .tpl-glass-chip{background:var(--tpl-glass-2);-webkit-backdrop-filter:blur(16px)saturate(115%);border:1px solid var(--tpl-glass-border);color:color-mix(in srgb, var(--c-text) 78%, transparent);box-shadow:var(--tpl-glass-inset);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.72rem;display:inline-flex}.portfolio-template .tpl-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--c-text) 52%, transparent);margin-bottom:.5rem;font-size:.68rem;font-weight:700;display:block}.portfolio-template .tpl-section-head{margin-bottom:1.25rem}.portfolio-template .tpl-section-head-compact{margin-bottom:.85rem}.portfolio-template .tpl-section-title{font-family:var(--font-display);color:var(--c-text);margin:0 0 .35rem;font-size:clamp(1.1rem,2.5cqw,1.45rem);font-weight:500;line-height:1.2}.portfolio-template .tpl-section-desc{color:color-mix(in srgb, var(--c-text) 62%, transparent);max-width:52ch;margin:0;font-size:.85rem;line-height:1.55}.portfolio-template.scale-small{transform-origin:0 0;pointer-events:none;width:181.8%;overflow:hidden;transform:scale(.55)}.portfolio-template.scale-full{width:100%;min-width:0;max-width:none;height:auto;min-height:0;margin-inline:auto;overflow:visible;container:portfolio/inline-size}.tpl-container{box-sizing:border-box;width:100%;max-width:min(1080px,100%);margin-inline:auto;padding-inline:clamp(1rem,3cqw,2rem)}.gallery-template .tpl-nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding-block:clamp(.85rem,2vw,1.25rem);display:flex}.gallery-template .tpl-nav-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.gallery-template .tpl-brand-block{flex-direction:column;gap:.15rem;min-width:0;display:flex}.gallery-template .tpl-logo{aspect-ratio:5/2;border-radius:10px;flex-shrink:0;width:clamp(72px,22cqw,108px);min-height:36px}.gallery-template .tpl-brand{color:var(--c-text);overflow-wrap:anywhere;min-width:0;font-size:clamp(.8rem,2.5cqw,.95rem);font-weight:700;line-height:1.2}.gallery-template .tpl-brand-meta{color:color-mix(in srgb, var(--c-text) 55%, transparent);font-size:.68rem}.gallery-template .tpl-nav-links{color:color-mix(in srgb, var(--c-text) 68%, transparent);flex-wrap:wrap;gap:.5rem .85rem;font-size:.78rem;display:flex}.gallery-template .tpl-hero{padding-block:clamp(1.5rem,4vw,3rem)}.gallery-template .tpl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(1rem,2.5cqw,1.5rem);max-width:960px;margin-inline:auto;display:grid}.gallery-template .tpl-hero-text{min-width:0;padding:clamp(1.25rem,3cqw,1.75rem)}.gallery-template .tpl-hero-visual{flex-direction:column;gap:.75rem;min-width:0;padding:clamp(.85rem,2cqw,1.15rem);display:flex}.gallery-template .tpl-profile{border:2px solid var(--tpl-glass-border);border-radius:50%;flex-shrink:0;width:clamp(64px,10cqw,88px);height:clamp(64px,10cqw,88px);margin-bottom:.75rem}.gallery-template .tpl-hero h1{font-family:var(--font-display);color:var(--c-text);overflow-wrap:anywhere;margin-bottom:.45rem;font-size:clamp(1.6rem,4cqw,2.35rem);font-weight:500;line-height:1.15}.gallery-template .tpl-hero p{color:color-mix(in srgb, var(--c-text) 68%, transparent);margin-bottom:1rem;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.6}.gallery-template .tpl-stat-row{flex-wrap:wrap;gap:.5rem;display:flex}.gallery-template .tpl-stat{border-radius:12px;flex-direction:column;align-items:flex-start;min-width:4.5rem;padding:.5rem .75rem}.gallery-template .tpl-stat strong{color:var(--c-text);font-size:.95rem;line-height:1.1}.gallery-template .tpl-stat span{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--c-text) 55%, transparent);font-size:.62rem}.gallery-template .tpl-hero-image{aspect-ratio:4/3;border-radius:12px;flex:1;width:100%;min-width:0;max-height:clamp(200px,38cqw,360px)}.gallery-template .tpl-hero-caption{justify-content:space-between;gap:.75rem;padding:.15rem .25rem 0;font-size:.72rem;display:flex}.gallery-template .tpl-caption-label{color:color-mix(in srgb, var(--c-text) 52%, transparent);text-transform:uppercase;letter-spacing:.06em}.gallery-template .tpl-caption-value{color:color-mix(in srgb, var(--c-text) 78%, transparent);font-weight:600}.gallery-template .tpl-gallery{padding-block:clamp(1.25rem,3cqw,2rem)}.gallery-template .tpl-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2cqw,1.15rem);display:grid}.gallery-template .tpl-gallery-item{flex-direction:column;gap:.65rem;padding:.65rem;display:flex}.gallery-template .tpl-gallery .image-slot{aspect-ratio:1;border-radius:10px;min-width:0;max-height:280px}.gallery-template .tpl-gallery-meta{flex-direction:column;gap:.15rem;padding:0 .15rem;display:flex}.gallery-template .tpl-gallery-title{color:var(--c-text);font-size:.82rem;font-weight:600}.gallery-template .tpl-gallery-medium{color:color-mix(in srgb, var(--c-text) 55%, transparent);font-size:.68rem}.gallery-template .tpl-services{padding-bottom:clamp(1rem,2.5cqw,1.5rem)}.gallery-template .tpl-services .tpl-glass-panel{padding:clamp(1.15rem,2.5cqw,1.5rem)}.gallery-template .tpl-chip-row{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.gallery-template .tpl-services-note{color:color-mix(in srgb, var(--c-text) 62%, transparent);margin:0;font-size:.8rem;line-height:1.55}.gallery-template .tpl-about{padding-bottom:clamp(1rem,2.5cqw,1.5rem)}.gallery-template .tpl-about .tpl-glass-panel{padding:clamp(1.25rem,3cqw,1.75rem)}.gallery-template .tpl-about h2{color:var(--c-text);margin-bottom:.65rem;font-size:clamp(1.1rem,2vw,1.35rem)}.gallery-template .tpl-about p{color:color-mix(in srgb, var(--c-text) 72%, transparent);max-width:65ch;margin-bottom:1rem;font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.6}.gallery-template .tpl-about-details{border-top:1px solid var(--tpl-glass-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:.75rem;display:grid}.gallery-template .tpl-detail-item{flex-direction:column;gap:.2rem;display:flex}.gallery-template .tpl-detail-label{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--c-text) 50%, transparent);font-size:.65rem}.gallery-template .tpl-detail-value{color:color-mix(in srgb, var(--c-text) 75%, transparent);font-size:.78rem}.gallery-template .tpl-cta{padding-bottom:clamp(1rem,2.5cqw,1.5rem)}.gallery-template .tpl-cta-card{text-align:center;padding:clamp(1.25rem,3cqw,1.75rem)}.gallery-template .tpl-cta-title{font-family:var(--font-display);color:var(--c-text);margin:0 0 .35rem;font-size:clamp(1.1rem,2.5cqw,1.35rem)}.gallery-template .tpl-cta-desc{color:color-mix(in srgb, var(--c-text) 62%, transparent);margin:0 0 .85rem;font-size:.82rem}.gallery-template .tpl-cta-email{color:var(--c-text);font-size:.9rem;font-weight:600;display:inline-block}.gallery-template .tpl-footer{border-top:1px solid var(--tpl-glass-border);background:color-mix(in srgb, var(--c-text) 4%, transparent)}.gallery-template .tpl-footer-inner{color:color-mix(in srgb, var(--c-text) 58%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding-block:clamp(.85rem,2vw,1.15rem);font-size:clamp(.78rem,1.5vw,.88rem);display:flex}.gallery-template .tpl-social-row{gap:.4rem;display:flex}.gallery-template .tpl-social-dot{background:var(--tpl-glass-3);border:1px solid var(--tpl-glass-border);border-radius:50%;width:.55rem;height:.55rem}.minimal-template .minimal-layout{grid-template-columns:minmax(0,clamp(210px,22cqw,280px)) minmax(0,1fr);align-items:stretch;gap:clamp(.75rem,2cqw,1rem);max-width:min(1080px,100%);min-height:0;margin-inline:auto;padding:clamp(.75rem,2cqw,1rem);display:grid}.minimal-template .minimal-sidebar{text-align:center;box-sizing:border-box;flex-direction:column;align-self:stretch;align-items:center;gap:0;height:100%;min-height:100%;padding:clamp(1rem,2.2cqw,1.25rem);display:flex}.minimal-template .minimal-sidebar-top{border-bottom:1px solid var(--tpl-glass-border);flex-direction:column;align-items:center;gap:.45rem;width:100%;padding-bottom:.65rem;display:flex}.minimal-template .minimal-sidebar-body{flex-direction:column;flex:1;justify-content:space-evenly;gap:.6rem;width:100%;min-height:0;padding-block:.65rem;display:flex}.minimal-template .minimal-profile{border:2px solid var(--tpl-glass-border);border-radius:50%;flex-shrink:0;width:clamp(64px,12cqw,80px);height:clamp(64px,12cqw,80px);margin:0 0 .35rem;margin-inline:auto}.minimal-template .minimal-brand{color:var(--c-text);overflow-wrap:anywhere;text-align:center;width:100%;font-size:.88rem;font-weight:700;line-height:1.25}.minimal-template .minimal-badge{align-self:center;font-size:.65rem}.minimal-template .minimal-tagline{color:color-mix(in srgb, var(--c-text) 65%, transparent);width:100%;margin:0;font-size:.74rem;line-height:1.45}.minimal-template .minimal-sidebar-meta{border:none;flex-direction:column;align-items:center;gap:.4rem;width:100%;margin:0;padding:0;display:flex}.minimal-template .minimal-sidebar-note{width:100%;color:color-mix(in srgb, var(--c-text) 55%, transparent);margin:0;font-size:.68rem;line-height:1.45}.minimal-template .minimal-meta-item{flex-direction:column;align-items:center;gap:.15rem;width:100%;display:flex}.minimal-template .minimal-meta-label{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--c-text) 50%, transparent);font-size:.62rem}.minimal-template .minimal-meta-value{color:color-mix(in srgb, var(--c-text) 75%, transparent);font-size:.76rem}.minimal-template .minimal-skills{flex-wrap:wrap;justify-content:center;gap:.35rem;width:100%;display:flex}.minimal-template .minimal-skill{font-size:.64rem}.minimal-template .minimal-contact{border-top:1px solid var(--tpl-glass-border);width:100%;color:color-mix(in srgb, var(--c-text) 72%, transparent);text-align:center;flex-direction:column;align-items:center;gap:.25rem;margin-top:auto;padding-top:.75rem;font-size:.76rem;display:flex}.minimal-template .minimal-main{flex-direction:column;gap:clamp(.85rem,2cqw,1.15rem);padding:0;display:flex}.minimal-template .minimal-intro{margin:0;padding:clamp(1.15rem,2.5cqw,1.5rem)}.minimal-template .minimal-main h1{font-family:var(--font-display);color:var(--c-text);margin-bottom:.45rem;font-size:clamp(1.45rem,4cqw,2rem);font-weight:500;line-height:1.2}.minimal-template .minimal-intro-desc{color:color-mix(in srgb, var(--c-text) 62%, transparent);margin:0;font-size:.8rem;line-height:1.55}.minimal-template .minimal-work-section{padding-inline:.15rem}.minimal-template .minimal-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,1.5cqw,.95rem);display:grid}.minimal-template .minimal-work-card{flex-direction:column;gap:.55rem;padding:.65rem;display:flex}.minimal-template .minimal-work .image-slot{aspect-ratio:4/3;border-radius:10px}.minimal-template .minimal-work-meta{flex-direction:column;gap:.12rem;padding:0 .15rem;display:flex}.minimal-template .minimal-work-title{color:var(--c-text);font-size:.8rem;font-weight:600}.minimal-template .minimal-work-medium{color:color-mix(in srgb, var(--c-text) 55%, transparent);font-size:.66rem}.minimal-template .minimal-about{padding:clamp(1rem,2.5cqw,1.35rem)}.minimal-template .minimal-about h2{color:var(--c-text);margin-bottom:.45rem;font-size:.98rem}.minimal-template .minimal-about p{color:color-mix(in srgb, var(--c-text) 72%, transparent);margin:0;font-size:.8rem;line-height:1.55}.minimal-template .minimal-quote{margin:0;padding:clamp(1rem,2.5cqw,1.25rem)}.minimal-template .minimal-quote p{color:color-mix(in srgb, var(--c-text) 78%, transparent);margin:0 0 .5rem;font-size:.82rem;font-style:italic;line-height:1.55}.minimal-template .minimal-quote cite{color:color-mix(in srgb, var(--c-text) 52%, transparent);font-size:.68rem;font-style:normal}.editable-field{cursor:pointer;transition:outline .15s;position:relative}.editable-field:hover,.editable-field:focus{outline:2px dashed var(--c-primary);outline-offset:3px}.inline-editable.is-empty:empty:before{content:attr(data-placeholder);opacity:.45;pointer-events:none;font-style:italic}.inline-editable:focus{outline:2px solid var(--c-primary);outline-offset:3px}.portfolio-template .is-highlighted,.portfolio-template .editable-field.is-highlighted{outline:2px solid var(--accent-rose,#c97b8a);outline-offset:4px;border-radius:6px;transition:outline-color .2s,box-shadow .25s;animation:1.1s ease-out fieldHighlightPulse;box-shadow:0 0 0 6px #c97b8a2e,0 8px 24px #1e3d2f1f}.portfolio-template .tpl-brand.is-selectable,.portfolio-template [data-field=brandName].is-selectable{cursor:pointer}.portfolio-template .image-slot.is-highlighted{border-radius:12px}@keyframes fieldHighlightPulse{0%{box-shadow:0 0 0 2px #c97b8a59,0 4px 12px #1e3d2f14}to{box-shadow:0 0 0 6px #c97b8a2e,0 8px 24px #1e3d2f1f}}.image-slot{background:var(--tpl-glass-2);border:1px solid var(--tpl-glass-border);width:100%;padding:0;display:block;overflow:hidden}.image-slot.is-placeholder{border:2px dashed var(--tpl-glass-border-strong);background:color-mix(in srgb, var(--c-text) 4%, var(--c-bg))}.image-slot:has(.image-placeholder){border:2px dashed var(--tpl-glass-border-strong);background:color-mix(in srgb, var(--c-text) 4%, var(--c-bg))}.image-slot img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.editable-image.is-repositionable{cursor:grab;touch-action:none;font:inherit;color:inherit;-webkit-user-select:none;user-select:none;border:none;position:relative}.editable-image.is-repositionable.is-dragging{cursor:grabbing;z-index:2}.editable-image.is-repositionable .image-reposition-ui{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none;background:linear-gradient(#0000 45%,#16241c8c);flex-direction:column;justify-content:flex-end;align-items:center;gap:.45rem;padding:.55rem;display:flex;position:absolute;inset:0}.editable-image.is-repositionable:hover .image-reposition-ui,.editable-image.is-repositionable.is-dragging .image-reposition-ui,.editable-image.is-repositionable.is-highlighted .image-reposition-ui{opacity:1}@media (hover:none) and (pointer:coarse){.editable-image.is-repositionable .image-reposition-ui{opacity:.92}}.image-reposition-hint{letter-spacing:.02em;color:#fffaf3;text-shadow:0 1px 8px #00000059;font-size:.72rem;font-weight:600}.image-change-btn{pointer-events:auto;appearance:none;color:#1c2e26;font:inherit;cursor:pointer;background:#fffaf3eb;border:1px solid #fffaf373;border-radius:999px;padding:.28rem .65rem;font-size:.72rem;font-weight:700;box-shadow:0 2px 10px #0000002e}.image-change-btn:hover{background:#fff}.portfolio-template.scale-small .sg-links-edit,.portfolio-template.scale-small .sg-links-empty{display:none}.image-slot.minimal-logo img,.image-slot.link-logo img,.image-slot.tpl-logo img{object-fit:contain;object-position:center;background:color-mix(in srgb, var(--c-bg) 80%, transparent);padding:.25rem}.image-slot.minimal-logo .image-placeholder,.image-slot.link-logo .image-placeholder,.image-slot.tpl-logo .image-placeholder{flex-direction:column;gap:.15rem;min-height:0;padding:.2rem .35rem}.image-placeholder-logo .placeholder-icon-logo{flex-shrink:0;width:1.5rem;height:1rem}.image-placeholder-label-compact{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;max-width:none;font-size:.58rem;line-height:1}.image-slot.minimal-logo .upload-icon,.image-slot.link-logo .upload-icon,.image-slot.tpl-logo .upload-icon{font-size:.85rem;line-height:1}.editable-image.is-placeholder:hover,.editable-image.is-placeholder:focus{border-color:var(--tpl-glass-border-strong);background:var(--tpl-glass)}.image-placeholder{text-align:center;width:100%;height:100%;color:color-mix(in srgb, var(--c-text) 55%, transparent);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:60px;padding:.75rem;display:flex}.placeholder-icon{opacity:.55;width:clamp(1.75rem,5vw,2.5rem);height:clamp(1.75rem,5vw,2.5rem)}.image-placeholder-label{max-width:12ch;font-size:clamp(.65rem,1.5vw,.75rem);line-height:1.3}.upload-icon{color:color-mix(in srgb, var(--c-text) 72%, transparent);font-size:1.1rem;font-weight:600;line-height:1}.editable-image{cursor:pointer}.link-template{justify-content:center;align-items:center;min-height:0;padding:clamp(1.5rem,4cqw,2.5rem) clamp(1rem,3cqw,1.5rem);display:flex}.link-inner{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:.7rem;width:100%;min-width:0;max-width:min(420px,100%);padding:clamp(1.35rem,3cqw,1.85rem);display:flex}.link-logo{aspect-ratio:5/2;border-radius:10px;width:min(96px,75%);min-height:38px}.link-avatar{border:2px solid var(--tpl-glass-border);border-radius:50%;width:96px;height:96px}.link-status-row{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.link-status,.link-location{font-size:.64rem}.link-name{font-family:var(--font-display);color:var(--c-text);overflow-wrap:anywhere;margin-top:.15rem;font-size:clamp(1.45rem,4vw,1.7rem);font-weight:500}.link-bio{color:color-mix(in srgb, var(--c-text) 68%, transparent);max-width:320px;margin:0;font-size:.88rem;line-height:1.55}.link-featured{border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;width:100%;max-width:280px;padding:.55rem .85rem}.link-featured-label{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--c-text) 52%, transparent);font-size:.62rem}.link-featured-value{color:color-mix(in srgb, var(--c-text) 78%, transparent);font-size:.76rem;font-weight:600}.link-divider{background:var(--tpl-glass-border);width:100%;max-width:220px;height:1px;margin:.15rem 0}.link-buttons{flex-direction:column;gap:.55rem;width:100%;margin:.25rem 0;display:flex}.link-btn-wrap,.link-btn-view{background:var(--tpl-glass);-webkit-backdrop-filter:blur(16px)saturate(115%);width:100%;color:var(--c-text);text-align:center;border:1px solid var(--tpl-glass-border);box-shadow:var(--tpl-glass-inset);border-radius:14px;justify-content:center;padding:.8rem 1.15rem;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.link-btn-wrap:hover,.link-btn-view:hover{background:var(--tpl-glass-3);border-color:var(--tpl-glass-border-strong)}.link-btn-label{color:var(--c-text);display:block}.link-social{flex-direction:column;align-items:center;gap:.45rem;width:100%;margin-top:.25rem;display:flex}.link-social-label{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--c-text) 50%, transparent);font-size:.65rem}.link-social-row{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.link-social-chip{font-size:.64rem}.link-footer{color:color-mix(in srgb, var(--c-text) 62%, transparent);border-top:1px solid var(--tpl-glass-border);flex-direction:column;gap:.35rem;width:100%;margin-top:.5rem;padding-top:.65rem;font-size:.8rem;display:flex}.link-footer-note{color:color-mix(in srgb, var(--c-text) 48%, transparent);font-size:.68rem}.publish-trial-banner{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent,#5a7a4a) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#5a7a4a) 16%, transparent), color-mix(in srgb, var(--surface) 88%, transparent));box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:1.25rem;margin:0 0 1.5rem;padding:1.25rem 1.4rem;display:flex}.publish-trial-kicker{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--accent,#5a7a4a) 90%, var(--ink));margin:0 0 .2rem;font-size:.72rem;font-weight:700}.publish-trial-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 .35rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:550}.publish-trial-body{max-width:36rem;color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.5}.publish-trial-meter{text-align:center;background:var(--surface);border:2px solid color-mix(in srgb, var(--accent,#5a7a4a) 45%, var(--border));border-radius:50%;flex-shrink:0;place-content:center;width:5.25rem;height:5.25rem;display:grid;box-shadow:0 8px 24px #28241e1a}.publish-trial-meter-days{font-family:var(--font-display);color:var(--ink);font-size:1.85rem;font-weight:600;line-height:1}.publish-trial-meter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:700}.publish-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:1.75rem;display:grid}.publish-layout--permanent{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}@media (width<=900px){.publish-layout,.publish-layout--permanent{grid-template-columns:1fr}.publish-trial-banner{flex-direction:column;align-items:flex-start}.publish-trial-meter{align-self:flex-end}}.publish-preview-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;overflow:hidden}.publish-preview-chrome{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.publish-preview-dots{gap:.35rem;display:flex}.publish-preview-dots i{background:var(--border-strong);border-radius:50%;width:8px;height:8px;display:block}.publish-preview-url-chip{min-width:0;color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:var(--surface-subtle);border:1px solid var(--border);border-radius:999px;flex:1;padding:.35rem .75rem;font-size:.78rem;font-weight:600;overflow:hidden}.publish-preview-stage{overscroll-behavior:contain;background:radial-gradient(ellipse 70% 50% at 50% 0%, color-mix(in srgb, var(--accent,#5a7a4a) 8%, transparent), transparent 60%), var(--surface-subtle);min-height:280px;max-height:min(58vh,520px);display:block;position:relative;overflow:auto}.publish-preview-scaler{pointer-events:none;width:100%;position:relative;transform:none}.publish-preview-scaler .portfolio-template{width:100%;max-width:none;box-shadow:none;border-radius:0;height:auto;min-height:0;margin:0}.publish-preview-scaler .signal-template{justify-content:flex-start;align-items:flex-start;padding-block:1.25rem;height:auto!important;min-height:0!important}.publish-preview-scaler .atelier-template{width:100%;height:auto;min-height:0;margin-inline:0;max-width:100%!important}.publish-preview-scaler .atelier-template .at-pin-img,.publish-preview-scaler .atelier-template .at-pin-img.image-slot,.publish-preview-scaler .atelier-template .at-pin-img.editable-image{max-height:none}.publish-meta{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.publish-url-card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem}.publish-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--surface-3);color:var(--ink);border:1px solid var(--border-strong);border-radius:999px;margin-bottom:1rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.publish-badge--trial{background:color-mix(in srgb, var(--accent,#5a7a4a) 18%, var(--surface));border-color:color-mix(in srgb, var(--accent,#5a7a4a) 40%, var(--border));color:color-mix(in srgb, var(--accent,#5a7a4a) 75%, var(--ink))}.publish-url{color:var(--ink);word-break:break-all;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:block}.publish-url:hover{text-decoration:underline}.publish-expiry{color:var(--ink);margin-bottom:1.25rem;font-size:.9rem;font-weight:600}.publish-actions{flex-wrap:wrap;gap:.75rem;display:flex}.publish-upgrade-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);padding:1.35rem 1.5rem}.publish-upgrade-card h2{font-family:var(--font-display);margin:0 0 .65rem;font-size:1.35rem}.publish-upgrade-card p{color:var(--ink-muted);margin:0 0 1.1rem;line-height:1.55}.upgrade-perks{margin:0 0 1.5rem;padding:0;list-style:none}.upgrade-perks li{color:var(--ink-muted);padding:.35rem 0 .35rem 1.25rem;font-size:.95rem;position:relative}.upgrade-perks li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.publish-note{color:var(--ink-muted);text-align:center;margin-top:1rem;font-size:.8rem}.upgrade-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.upgrade-layout{grid-template-columns:1fr}}.upgrade-preview-aside{flex-direction:column;gap:1rem;display:flex}.upgrade-mini-site{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-subtle);height:200px;overflow:hidden}.upgrade-preview-url{color:var(--ink-muted);word-break:break-all;font-size:.8rem}.upgrade-preview-url a{color:var(--ink)}.domain-suggestion.compact{margin-bottom:0;padding:1.25rem}.domain-suggestion.compact h2{font-size:1.5rem}.upgrade-form{flex-direction:column;gap:1.25rem;display:flex}.upgrade-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.75rem;font-size:.8rem}.upgrade-section label{color:var(--ink-muted);flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:flex}.pricing-plans.compact{gap:.65rem}.mock-payment{flex-direction:column;gap:.65rem;display:flex}.mock-payment-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.preview-page{background:0 0;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:clip}.preview-page-live{flex-direction:column;width:100vw;max-width:100%;min-height:100dvh;display:flex}.preview-page-live .preview-banner{flex-shrink:0}.preview-page .portfolio-template{width:100%;max-width:100%;height:auto;box-shadow:none;border:none;border-radius:0;flex:1;margin:0;overflow:clip visible;transform:none!important}.preview-page-live .portfolio-template{flex-direction:column;flex:auto;min-height:0;display:flex}.preview-page:not(.preview-page-live) .portfolio-template{height:auto;min-height:0}.preview-page:not(.preview-page-live) .atelier-template{max-width:100%;height:auto;min-height:0;margin-inline:0}.preview-page.preview-missing{min-height:100dvh}.preview-page .portfolio-template.scale-small{pointer-events:auto;width:100%!important;transform:none!important}.preview-page .portfolio-template.scale-full{width:100%;max-width:100%}.preview-page-live .portfolio-template{font-size:clamp(1rem,.35vw + .8rem,1.25rem)}.preview-page .portfolio-template img{max-width:100%}.preview-page .gallery-template .tpl-about,.preview-page .minimal-template .minimal-sidebar{width:100%}.preview-page-live .minimal-template .minimal-layout{align-items:stretch;gap:clamp(1rem,2vw,1.5rem);width:100%;max-width:min(92vw,1440px);margin-inline:auto;padding:clamp(1rem,2vw,1.5rem)}.preview-page-live .tpl-container{width:100%;max-width:min(92vw,1440px);padding-inline:clamp(1.25rem,4vw,3rem)}.preview-page-live .minimal-template .minimal-sidebar,.preview-page-live .minimal-template .minimal-intro{padding:clamp(1.15rem,2vw,1.5rem)}.preview-page-live .gallery-template .tpl-hero-grid,.preview-page-live .gallery-template .tpl-gallery-grid{max-width:min(92vw,1280px)}.preview-page-live .gallery-template .tpl-hero h1{font-size:clamp(2rem,4.5vw,4rem)}.preview-page-live .gallery-template .tpl-hero p{font-size:clamp(1rem,1.4vw,1.35rem)}.preview-page-live .gallery-template .tpl-section-title,.preview-page-live .gallery-template .tpl-about h2,.preview-page-live .gallery-template .tpl-cta-title{font-size:clamp(1.35rem,2.5vw,2.25rem)}.preview-page-live .gallery-template .tpl-section-desc,.preview-page-live .gallery-template .tpl-about p,.preview-page-live .gallery-template .tpl-cta-desc{font-size:clamp(.95rem,1.1vw,1.15rem)}.preview-page-live .gallery-template .tpl-hero-image{max-height:min(520px,38vw)}.preview-page-live .gallery-template .tpl-gallery .image-slot{max-height:min(440px,28vw)}.preview-page-live .gallery-template .tpl-profile{width:clamp(80px,7vw,128px);height:clamp(80px,7vw,128px)}.preview-page-live .link-avatar{width:clamp(104px,10vw,160px);height:clamp(104px,10vw,160px)}.preview-page-live .portfolio-template .tpl-eyebrow{font-size:clamp(.7rem,.75vw,.85rem)}.preview-page-live .portfolio-template .tpl-glass-chip{padding:.45rem .85rem;font-size:clamp(.75rem,.85vw,.95rem)}.preview-page-live .minimal-template .minimal-main h1{font-size:clamp(1.85rem,3.5vw,3.25rem)}.preview-page-live .minimal-template .minimal-intro-desc,.preview-page-live .minimal-template .minimal-about p,.preview-page-live .minimal-template .minimal-quote p{font-size:clamp(.9rem,1.1vw,1.1rem)}.preview-page-live .link-template{flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem);display:flex}.preview-page-live .link-inner{gap:clamp(.85rem,1.5vw,1.25rem);max-width:min(640px,52vw);padding:clamp(2rem,4vw,3rem)}.preview-page-live .link-name{font-size:clamp(1.85rem,3.2vw,2.75rem)}.preview-page-live .link-bio{max-width:36ch;font-size:clamp(1rem,1.2vw,1.2rem)}.editor-canvas-full .signal-template.scale-full{height:auto!important;min-height:0!important}.editor-viewport-frame:has(.signal-template){height:auto;min-height:0;display:block;overflow:visible}.editor-viewport-frame:has(.signal-template)>.signal-template{flex:none;width:100%;height:auto!important;min-height:0!important}.editor-canvas-full.viewport-mobile .editor-viewport-frame:has(.signal-template){overflow:visible}.editor-canvas-full.viewport-mobile .editor-viewport-frame>.portfolio-template{flex:none;width:100%;height:auto;min-height:0}.preview-page .signal-template,.preview-page-live .signal-template{border-radius:0;flex:none;justify-content:flex-start;align-items:flex-start;height:auto;min-height:0;padding-block:clamp(1.25rem,4vw,2.5rem)}.preview-page-live .signal-template{box-sizing:border-box;min-height:100dvh}.preview-page .signal-template.is-tall,.preview-page-live .signal-template.is-tall{align-items:flex-start;min-height:auto;padding-block:clamp(1.5rem,4vw,3rem)}.preview-page-live .atelier-template{width:100%;max-width:none;min-height:100dvh;padding-block:clamp(1.25rem,3vw,2.5rem);padding-inline:clamp(1rem,4vw,2.5rem);padding-bottom:max(1.5rem, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.preview-page-live .atelier-template>*{width:100%;max-width:none}@media (width<=768px){.preview-page-live .atelier-template{background-size:cover;background-attachment:scroll;justify-content:flex-start;min-height:100dvh}.preview-page:not(.preview-page-live) .atelier-template,.editor-canvas-full.viewport-mobile .atelier-template,.builder-preview-stage.viewport-mobile .atelier-template{max-width:100%;height:auto;min-height:0;margin-inline:0}.editor-viewport-frame:has(.atelier-template){height:auto;min-height:0;display:block}.editor-viewport-frame:has(.atelier-template)>.atelier-template{flex:none;width:100%;max-width:100%;height:auto;min-height:0}}.editor-canvas-full .atelier-template.scale-full{width:100%;max-width:100%;margin-inline:0}.editor-canvas-full:not(.viewport-mobile) .atelier-template .at-pin-img,.editor-canvas-full:not(.viewport-mobile) .atelier-template .at-pin-img.image-slot,.editor-canvas-full:not(.viewport-mobile) .atelier-template .at-pin-img.editable-image{max-height:none}.builder-preview-overlay .atelier-template{width:100%;max-width:100%;margin-inline:0}.builder-preview-overlay .signal-template{height:auto;min-height:0}.domain-reset-btn{color:var(--ink-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0 0 .65rem;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline;display:block}.auth-top .site-header{width:100%;padding-inline:0}@media (width>=1200px){.preview-page-live .minimal-template .minimal-layout{grid-template-columns:minmax(280px,20vw) minmax(0,1fr)}.preview-page-live .gallery-template .tpl-hero{padding-block:clamp(2.5rem,5vw,5rem)}.preview-page-live .gallery-template .tpl-gallery-grid{gap:clamp(1.25rem,2vw,2rem)}}@media (width>=1600px){.preview-page-live .minimal-template .minimal-layout,.preview-page-live .tpl-container{max-width:min(88vw,1600px)}.preview-page-live .link-inner{max-width:min(720px,44vw)}}@media (width<=900px){.preview-page .gallery-template .tpl-hero-grid{grid-template-columns:1fr}.preview-page .gallery-template .tpl-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-page .gallery-template .tpl-about-details{grid-template-columns:1fr}}@media (width<=768px){.preview-page .minimal-template .minimal-layout{grid-template-columns:1fr}.preview-page .minimal-template .minimal-sidebar{text-align:center;flex-flow:column;align-items:center;height:auto;min-height:0}.preview-page .minimal-template .minimal-profile{margin-bottom:.35rem;margin-inline:auto}.preview-page .minimal-template .minimal-sidebar-body{justify-content:flex-start;gap:.85rem;padding-block:.85rem}.preview-page .minimal-template .minimal-sidebar-meta,.preview-page .minimal-template .minimal-skills{align-items:center;width:100%}.preview-page .minimal-template .minimal-contact{align-items:center;width:100%;margin-top:.75rem}}@media (width<=640px){.preview-page .minimal-template .minimal-work{grid-template-columns:1fr}.preview-page .link-template{padding:1.5rem 1rem}.preview-page .link-inner{max-width:100%}}@media (width<=520px){.preview-page .gallery-template .tpl-nav-inner{flex-direction:column;align-items:flex-start}.preview-page .gallery-template .tpl-gallery-grid{grid-template-columns:1fr}.preview-page .gallery-template .tpl-stat-row{width:100%}}.preview-banner{background:var(--surface-3);-webkit-backdrop-filter:blur(20px)saturate(115%);color:var(--ink);text-align:center;z-index:10;border-bottom:1px solid var(--border-strong);padding:.6rem 1rem;font-size:.85rem;position:sticky;top:0}.preview-banner a{color:var(--ink);font-weight:600}.preview-missing{background-color:#0000;background-image:radial-gradient(65% 50% at 12% 8%,#d4a8b038,#0000 55%),radial-gradient(55% 45% at 88% 12%,#8fa89433,#0000 52%),linear-gradient(160deg,#f7f1e8 0%,#efe6da 40%,#e8dfd2 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.preview-missing-inner{text-align:center;background:var(--surface-3);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:auto;padding:2.5rem}.preview-missing .site-legal-footer{flex-shrink:0;width:100%;max-width:48rem;margin-top:auto}.preview-missing-inner .picoli-wordmark,.preview-missing-inner .picolo-wordmark{margin-inline:auto;margin-bottom:.35rem}.preview-missing-inner h1{margin:1rem 0 .5rem}.preview-missing-inner p{color:var(--ink-muted);margin-bottom:1.5rem}.dashboard-page{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:0 1.5rem 2rem;display:flex}.dashboard-page .site-legal-footer{margin-top:auto;padding-inline:0}.auth-page .site-header,.dashboard-page .site-header{z-index:2;padding-top:1.25rem;position:relative}.dashboard-main{background:var(--surface-2);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:2rem 2.5rem}.dashboard-intro{margin-bottom:2rem}.dashboard-intro h1{font-family:var(--font-display);margin-bottom:.35rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500}.dashboard-intro h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:500}.dashboard-intro p{color:var(--ink-muted);margin:0}.dashboard-seat-banner{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent-rose,#c97b8a) 40%, var(--border));background:color-mix(in srgb, var(--accent-rose,#c97b8a) 12%, var(--surface-3));color:var(--ink);margin:0 0 1.25rem;padding:.85rem 1rem;font-size:.92rem;line-height:1.45}.form-note--ok{text-align:left;color:var(--success,#3d7a55);border:1px solid color-mix(in srgb, var(--success,#3d7a55) 35%, var(--border));background:color-mix(in srgb, var(--success,#3d7a55) 10%, var(--surface-3));border-radius:10px;margin:0 0 1rem;padding:.75rem .9rem}.dashboard-profile{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.35rem;display:flex}.dashboard-profile-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dashboard-profile-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.2rem;font-size:.72rem;font-weight:600;display:block}.dashboard-profile-email{word-break:break-all;margin:0;font-size:1.25rem}.dashboard-loading{color:var(--ink-muted)}.dashboard-auth-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.header-user-email{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--ink-muted);align-self:center;font-size:.8rem;overflow:hidden}.dashboard-empty{text-align:center;background:var(--surface-2);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);padding:3rem 1rem}.dashboard-empty p{color:var(--ink-muted);margin:0 0 1.25rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.dashboard-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);color:var(--ink);transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);overflow:hidden}.dashboard-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.dashboard-card-top h2{color:var(--ink);margin:0;font-size:1.05rem;font-weight:600}.dashboard-card-preview{background:var(--surface-subtle);border-bottom:1px solid var(--border);height:140px;overflow:hidden}.dashboard-card-body{padding:1.15rem 1.25rem 1.25rem}.dashboard-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;display:flex}.dashboard-status{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.dashboard-status.preview{background:var(--surface-3);color:var(--ink);border:1px solid var(--border-strong)}.dashboard-status.live{background:color-mix(in srgb, var(--accent-rose,#c97b8a) 22%, #fffaf3);color:#7a3344;border:1px solid color-mix(in srgb, var(--accent-rose,#c97b8a) 55%, transparent)}.dashboard-card-url{color:var(--ink);word-break:break-all;margin:0 0 .25rem;font-size:.85rem}.dashboard-card-meta{color:var(--ink-muted);margin:0 0 .85rem;font-size:.8rem}.dashboard-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-delete-btn{color:#8a3d4c!important}.dashboard-limit-note{color:var(--ink-muted);text-align:center;max-width:28rem;margin:0;font-size:.9rem}.dashboard-footer-action{text-align:center;margin-top:1.5rem}@media (width<=640px){.dashboard-main{padding:1.25rem}}.pricing-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.pricing-layout{grid-template-columns:1fr}}.domain-suggestion{background:var(--surface-3);-webkit-backdrop-filter:var(--glass-blur);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.75rem}.domain-badge{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:.7rem}.domain-suggestion h2{font-family:var(--font-display);color:var(--ink);margin:.5rem 0;font-size:2rem;font-weight:500}.domain-suggestion p{opacity:.85;font-size:.9rem}.pricing-mini-preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-subtle);height:180px;overflow:hidden}.pricing-plans{flex-direction:column;gap:.85rem;display:flex}.plan-card{text-align:left;color:var(--ink);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1.5px solid var(--border);border-radius:var(--radius);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);padding:1.25rem 1.5rem;position:relative}.plan-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.plan-card.featured{border-color:var(--border-strong)}.plan-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent-secondary) 14%, var(--surface));box-shadow:0 0 0 2px var(--accent), 0 10px 28px #1e3d2f24;transform:translateY(-1px)}.plan-card.selected:hover{border-color:var(--accent-dark);transform:translateY(-2px)}.plan-card:not(.selected){opacity:.88}.plan-card:not(.selected):hover{opacity:1}.plan-badge{background:var(--pink);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .55rem;font-size:.65rem;font-weight:700;position:absolute;top:-10px;right:1rem}.plan-selected-pill{background:var(--accent);color:#f7f1e8;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:-10px;left:1rem}.plan-selected-pill:before{content:"✓";font-size:.72rem}.plan-card.selected h3,.plan-card.selected .plan-price .amount{color:var(--accent-dark)}.plan-card h3{margin-bottom:.35rem;font-size:1rem}.plan-price{margin-bottom:.75rem}.plan-price .amount{color:var(--ink);font-size:1.75rem;font-weight:700}.plan-price .period{color:var(--ink-muted);font-size:.85rem}.plan-card ul{margin:0;padding:0;list-style:none}.plan-card li{color:var(--ink-muted);padding:.2rem 0 .2rem 1.1rem;font-size:.85rem;position:relative}.plan-card li:before{content:"✓";color:var(--success);font-size:.75rem;position:absolute;left:0}.plan-selected-mark{color:var(--ink);margin-top:.5rem;font-size:.75rem;font-weight:600;display:inline-block}.pricing-note{color:var(--ink-muted);text-align:center;margin-top:1.5rem;font-size:.8rem}.account-form{flex-direction:column;gap:1rem;max-width:420px;display:flex}.account-form label{color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.form-error{color:#dc2626;margin:0;font-size:.85rem}.form-note{color:var(--ink-muted);text-align:center;font-size:.8rem}.site-limit-actions{flex-direction:column;gap:.55rem;margin-top:.35rem;display:flex}.brand-limit-note{text-align:left;margin:0 0 1.25rem}.brand-limit-note a{color:inherit;font-weight:600;text-decoration:underline}.upgrade-section--needed{outline-offset:6px;border-radius:var(--radius);outline:1px solid #b4783c59;padding:.35rem}.upgrade-login-callout{font-weight:600;color:var(--ink)!important}.upgrade-signed-in{margin-bottom:.5rem}.upgrade-signed-in p{margin:0 0 .35rem}.auth-gate-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#28241e73;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.auth-gate-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);width:min(420px,100%);padding:1.75rem 1.5rem 1.35rem;position:relative;box-shadow:0 24px 60px #28241e2e}.auth-gate-panel h2{margin:0 0 .4rem;font-size:1.35rem}.auth-gate-subtitle{color:var(--ink-muted);margin:0 0 1.1rem;font-size:.92rem;line-height:1.45}.auth-gate-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.65rem;right:.75rem}.auth-gate-hint{color:var(--ink-muted);text-align:center;margin:1rem 0 0;font-size:.78rem;line-height:1.4}@media (width<=640px){.auth-gate-overlay{place-items:end center;padding:.65rem}.auth-gate-panel{border-radius:14px;width:min(100%,400px);max-height:min(88dvh,100%);padding:1.15rem 1rem .95rem;overflow-y:auto;box-shadow:0 12px 36px #28241e29}.auth-gate-panel h2{padding-right:1.6rem;font-size:1.1rem;line-height:1.25}.auth-gate-subtitle{margin:0 0 .8rem;font-size:.8rem;line-height:1.4}.auth-gate-panel .auth-oauth-btn{min-height:42px;padding:.55rem .9rem;font-size:.9rem}.auth-gate-panel .auth-divider{margin:.75rem 0;font-size:.72rem}.auth-gate-panel .auth-form{gap:.65rem}.auth-gate-panel .auth-field{gap:.28rem;font-size:.75rem}.auth-gate-panel .auth-field input{padding:.55rem .7rem;font-size:.9rem}.auth-gate-panel .btn-full{min-height:42px;padding:.55rem .9rem;font-size:.9rem}.auth-gate-hint{margin:.75rem 0 0;font-size:.72rem}.auth-gate-close{font-size:1.35rem;top:.45rem;right:.55rem}}.editor-auth-banner{background:#5a78501f}.hosting-layout{max-width:640px}.hosting-setup-card{flex-direction:column;gap:1.5rem;display:flex}.domain-config{flex-direction:column;gap:1rem;display:flex}.domain-config label{color:var(--ink-muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.domain-input-row{align-items:center;gap:.75rem;display:flex}.domain-input-row input{flex:1;font-size:1.05rem;font-weight:600}.domain-status{white-space:nowrap;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:600}.domain-status.available{color:#065f46;background:#d1fae5}.domain-status.taken{color:#8a3d4c;background:#c97b8a2e}.domain-status.checking{background:var(--surface-subtle);color:var(--ink-muted)}.brand-field-label{color:var(--ink-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.domain-inline-edit{cursor:text;font:inherit;color:inherit;background:0 0;border:none;border-radius:3px;margin:0;padding:0;display:inline}.domain-inline-edit:hover,.domain-inline-edit:focus-visible{outline:1px dashed var(--border-strong);outline-offset:2px}.domain-inline-input{border:none;border-bottom:1px solid var(--border-strong);width:min(10rem,36vw);font:inherit;color:inherit;background:0 0;min-width:4rem;padding:0 .1rem;font-weight:600}.upgrade-domain-edit{align-items:center;gap:.35rem;width:100%;display:flex}.upgrade-domain-edit input{flex:1;min-width:0}.upgrade-domain-suffix{color:var(--ink-muted);flex-shrink:0;font-size:.92rem;font-weight:600}.hosting-summary{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.hosting-summary h3{margin-bottom:.75rem;font-size:.85rem}.summary-row{color:var(--ink-muted);justify-content:space-between;padding:.35rem 0;font-size:.9rem;display:flex}.summary-row.total{border-top:1px solid var(--border);color:var(--ink);margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:700}.setup-progress{flex-direction:column;gap:.85rem;padding:1rem 0;display:flex}.setup-step{color:var(--ink-muted);align-items:center;gap:.75rem;font-size:.95rem;transition:color .2s;display:flex}.setup-step.active{color:var(--ink);font-weight:600}.setup-step.done{color:var(--success)}.setup-icon{text-align:center;width:24px}.success-panel{flex-direction:column;gap:1.5rem;display:flex}.success-url{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.live-badge{background:var(--success);color:#fff;letter-spacing:.06em;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:700}.success-url a{color:var(--ink);font-size:1.15rem;font-weight:600;text-decoration:none}.success-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);max-height:400px;padding:.75rem;overflow:auto}.success-actions{flex-wrap:wrap;gap:.75rem;display:flex}@container portfolio (width<=900px){.gallery-template .tpl-hero-grid{grid-template-columns:1fr}.gallery-template .tpl-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-template .tpl-about-details{grid-template-columns:1fr}}@container portfolio (width<=768px){.minimal-template .minimal-layout{grid-template-columns:1fr}.minimal-template .minimal-sidebar{text-align:center;flex-flow:column;align-items:center;height:auto;min-height:0}.minimal-template .minimal-profile{margin-bottom:.35rem;margin-inline:auto}.minimal-template .minimal-sidebar-body{justify-content:flex-start;gap:.85rem;padding-block:.85rem}.minimal-template .minimal-sidebar-meta,.minimal-template .minimal-skills{align-items:center;width:100%}.minimal-template .minimal-contact{align-items:center;width:100%;margin-top:.75rem}}@container portfolio (width<=640px){.minimal-template .minimal-work{grid-template-columns:1fr}.link-template{padding:2rem 1rem}}@container portfolio (width<=520px){.gallery-template .tpl-nav-inner{flex-direction:column;align-items:flex-start}.gallery-template .tpl-gallery-grid{grid-template-columns:1fr}}@container portfolio (width>=1600px){.gallery-template .tpl-gallery-grid{gap:1.25rem}}@media (width<=640px){.wizard-main{padding:.85rem 1rem}.progress-label{display:none}.editor-canvas-full{padding:.65rem .45rem .85rem}}.auth-page{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.auth-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0}.auth-top{z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:.65rem 1.5rem 0;display:block;position:relative}.auth-top .site-header{padding-inline:0;width:100%;padding-top:.6rem}.auth-main{z-index:1;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem 3rem;display:flex;position:relative}.auth-page>.site-legal-footer{z-index:1;width:100%;max-width:1100px;margin:0 auto;padding-inline:1.5rem}.auth-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-3);width:min(420px,100%);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);animation:fadeSlideUp .55s var(--ease-out) both;padding:2rem 1.85rem 1.75rem}.auth-brand{color:var(--ink);justify-content:center;margin-bottom:1.1rem;display:flex}.auth-panel h1{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;color:var(--ink);margin:0;font-size:clamp(1.45rem,3.5vw,1.85rem);font-weight:500}.auth-subtitle{text-align:center;color:var(--ink-muted);margin:.45rem 0 1.35rem;font-size:.95rem;line-height:1.5}.auth-oauth{flex-direction:column;gap:.55rem;display:flex}.auth-oauth-btn{background:var(--surface-subtle);border:1px solid var(--border);touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:2;justify-content:center;width:100%;min-height:48px;position:relative}.auth-oauth-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.auth-divider{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.85rem;margin:1.2rem 0;font-size:.8rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-field{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.auth-field input{font:inherit;letter-spacing:0;text-transform:none;color:var(--ink);border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);padding:.85rem 1rem;font-size:1rem;font-weight:500}.auth-field input:focus{border-color:var(--border-strong);background:var(--surface-2);outline:none}.auth-field input:disabled{opacity:.7}.auth-message{border-radius:12px;margin:0;padding:.7rem .85rem;font-size:.9rem;line-height:1.45}.auth-message--error{color:#8a3d4c;background:#c97b8a29}.auth-message--info{color:var(--ink);background:#8fa89433}.auth-demo-note{color:var(--ink-muted);text-align:center;margin:1rem 0 0;font-size:.8rem;line-height:1.45}.auth-demo-note code{background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;padding:.1rem .35rem;font-size:.78rem}.auth-footer{text-align:center;color:var(--ink-muted);margin:1.15rem 0 0;font-size:.9rem}.auth-footer--stack{flex-direction:column;align-items:center;gap:.75rem;display:flex}.auth-footer--stack .btn{width:min(100%,16rem)}.auth-footer a{color:var(--ink);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer--muted{margin-top:.45rem;font-size:.85rem}.auth-footer--muted a{font-weight:500}.upload-modal-backdrop{z-index:400;-webkit-backdrop-filter:blur(10px);animation:fadeIn .22s var(--ease-out) both;background:#28322852;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.upload-modal{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-3);width:min(440px,100%);max-height:min(90dvh,640px);box-shadow:var(--shadow-lg);animation:scaleIn .32s var(--ease-out) both;padding:1.35rem 1.35rem 1.2rem;overflow-y:auto}.upload-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.upload-modal-header h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.35rem;font-weight:500}.upload-modal-header p{color:var(--ink-muted);margin:.3rem 0 0;font-size:.9rem;line-height:1.45}.upload-dropzone{border-radius:var(--radius);border:1.5px dashed var(--border-strong);background:var(--surface-subtle);text-align:center;min-height:148px;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex}.upload-dropzone.is-dragging{border-color:var(--accent);background:var(--surface-2)}.upload-dropzone.is-busy{opacity:.7;pointer-events:none}.upload-dropzone-icon{color:var(--ink-muted);font-size:1.5rem;line-height:1}.upload-dropzone-title{color:var(--ink);margin:0;font-weight:600}.upload-dropzone-hint{color:var(--ink-muted);margin:0;font-size:.85rem}.upload-dropzone-preview{object-fit:contain;border-radius:10px;max-width:100%;max-height:160px}.upload-modal-error{color:#8a3d4c;background:#c97b8a29;border-radius:10px;margin:.75rem 0 0;padding:.65rem .8rem;font-size:.88rem}.upload-method-grid{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem;display:grid}.upload-method-card{border:1px solid var(--border);background:var(--surface-subtle);cursor:pointer;text-align:left;font:inherit;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.8rem .85rem;display:flex}.upload-method-card:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.upload-method-card:disabled{opacity:.6;cursor:not-allowed}.upload-method-label{color:var(--ink);font-size:.92rem;font-weight:700}.upload-method-desc{color:var(--ink-muted);font-size:.78rem;line-height:1.35}.upload-url-form{gap:.5rem;margin-top:.75rem;display:flex}.upload-url-form input{border:1.5px solid var(--border);background:var(--surface);min-width:0;font:inherit;color:var(--ink);border-radius:10px;flex:1;padding:.65rem .8rem}.upload-url-form input:focus{border-color:var(--border-strong);outline:none}.upload-phone-tip{color:var(--ink-muted);text-align:center;margin:1rem 0 0;font-size:.8rem;line-height:1.45}@media (width<=480px){.upload-method-grid{grid-template-columns:1fr}}.gallery-template,.darkroom-template,.atelier-template,.folio-template,.signal-template{font-family:var(--font-sans)}.gallery-template{background:var(--c-bg);padding:1.25rem 1.35rem 1.75rem}.ex-top{border-bottom:1px solid color-mix(in srgb, var(--c-text) 14%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.ex-mark{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.ex-season{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--c-text) 55%, transparent);font-size:.72rem}.ex-hero{grid-template-columns:.9fr 1.1fr;gap:1.25rem;margin-bottom:1.75rem;display:grid}.ex-name{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .4rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:500;line-height:1.05}.ex-line{color:color-mix(in srgb, var(--c-text) 70%, transparent);margin:0 0 1rem}.ex-portrait{border-radius:8px;width:96px;height:96px}.ex-feature{margin:0}.ex-feature-img{aspect-ratio:4/3;border-radius:4px;box-shadow:0 18px 40px #0000001f}.ex-feature figcaption,.ex-frame figcaption{color:color-mix(in srgb, var(--c-text) 55%, transparent);margin-top:.45rem;font-size:.75rem}.ex-wall-label{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--c-text) 50%, transparent);margin-bottom:.85rem;font-size:.72rem;font-weight:700}.ex-wall-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.75rem;display:grid}.ex-frame{border:1px solid color-mix(in srgb, var(--c-text) 10%, transparent);background:#fff;margin:0;padding:.55rem .55rem .7rem;box-shadow:0 10px 28px #00000014}.ex-frame-img{aspect-ratio:3/4}.ex-note h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.25rem;font-weight:500}.ex-note p{max-width:38rem;margin:0 0 .85rem;line-height:1.55}.ex-email{text-underline-offset:3px;font-weight:600;text-decoration:underline}.darkroom-template{background:var(--c-bg);color:var(--c-text)}.dr-stage{min-height:280px;position:relative}.dr-lead{aspect-ratio:16/10;border-radius:0}.dr-overlay{background:linear-gradient(#0000,#000000c7);padding:1.5rem 1.25rem;position:absolute;inset:auto 0 0}.dr-mark{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:.35rem;font-size:.75rem;display:block}.dr-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:500}.dr-sub{opacity:.8;margin:.35rem 0 0}.dr-strip{background:#0a0908;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.35rem;display:grid}.dr-cell{background:#161310;margin:0;padding:.35rem}.dr-cell-img{aspect-ratio:1}.dr-cell figcaption{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--c-text) 55%, transparent);margin-top:.35rem;font-size:.68rem}.dr-essay{grid-template-columns:120px 1fr;gap:1.25rem;padding:1.5rem 1.25rem 1.75rem;display:grid}.dr-portrait{aspect-ratio:3/4;border-radius:2px}.dr-essay-copy h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.2rem;font-weight:500}.dr-essay-copy p{opacity:.88;margin:0 0 .85rem;line-height:1.55}.dr-email{opacity:.75;font-size:.9rem}.atelier-template{box-sizing:border-box;background:radial-gradient(circle at 12% 18%, #c97b5a2e, transparent 40%), var(--c-bg);width:100%;max-width:none;margin-inline:0;padding:1.25rem;overflow:hidden}.at-head{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.at-mark{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.at-stamp{letter-spacing:.08em;text-transform:uppercase;color:var(--c-secondary);border:1.5px dashed color-mix(in srgb, var(--c-secondary) 55%, transparent);padding:.3rem .55rem;font-size:.72rem;font-weight:700;transform:rotate(-2deg)}.at-intro{grid-template-columns:140px 1fr;gap:1.1rem;margin-bottom:1.5rem;display:grid}.at-portrait{aspect-ratio:4/5;border-radius:14px 4px 18px 8px;transform:rotate(-2.5deg);box-shadow:0 12px 28px #5c3d2e2e}.at-intro-copy h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:500}.at-intro-copy p{margin:0}.at-scrap{color:color-mix(in srgb, var(--c-text) 60%, transparent);font-size:.85rem;font-style:italic;margin-top:.75rem!important}.at-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.75rem;margin-bottom:1.5rem;display:grid}.at-pin{box-sizing:border-box;background:#fff8ef;width:100%;max-width:100%;margin:0;padding:.45rem .45rem .55rem;position:relative;box-shadow:0 10px 24px #5c3d2e29}.at-pin--1{z-index:2;transform:rotate(-2.5deg)}.at-pin--2{z-index:1;margin-top:.65rem;transform:rotate(2deg)}.at-pin--3{z-index:3;margin-top:.25rem;transform:rotate(-1deg)}.at-pin-img{aspect-ratio:1;width:100%;max-height:none}.at-pin-img.image-slot,.at-pin-img.editable-image{height:auto;max-height:none}.at-pin-img img{object-fit:cover;width:100%;height:100%}.at-pin figcaption{color:color-mix(in srgb, var(--c-text) 60%, transparent);margin-top:.35rem;font-size:.72rem}.at-notes h2{font-family:var(--font-display);margin:0 0 .45rem;font-size:1.2rem;font-weight:500}.at-notes p{margin:0 0 .75rem;line-height:1.55}.at-email{font-weight:600}.folio-template{background:var(--c-bg);padding:1.25rem 1.35rem 1.75rem}.fo-mast{border-bottom:2px solid var(--c-text);justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;padding-bottom:.55rem;display:flex}.fo-mark{letter-spacing:-.03em;font-size:1rem;font-weight:800}.fo-issue{letter-spacing:.08em;text-transform:uppercase;color:var(--c-secondary);font-size:.75rem;font-weight:700}.fo-spread{grid-template-columns:1.1fr .9fr;align-items:end;gap:1rem;margin-bottom:1.5rem;display:grid}.fo-name{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:600;line-height:.92}.fo-roles{max-width:16rem;margin:.75rem 0 0;font-size:.95rem}.fo-crop{aspect-ratio:4/5;clip-path:polygon(8% 0,100% 0,100% 92%,0 100%);border-radius:0}.fo-projects{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.5rem;display:grid}.fo-project-img{aspect-ratio:5/4}.fo-project-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--c-secondary);margin-top:.45rem;font-size:.75rem;font-weight:700;display:inline-block}.fo-approach h2{margin:0 0 .45rem;font-size:1.15rem;font-weight:700}.fo-approach p{max-width:36rem;margin:0 0 .75rem;line-height:1.55}.fo-email{border-bottom:2px solid var(--c-secondary);font-weight:700}.signal-template{box-sizing:border-box;background-color:var(--c-bg);background-image:radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--c-secondary) 28%, transparent), transparent 45%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:flex-start;width:100%;height:auto;min-height:0;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.sg-card{border:1px solid color-mix(in srgb, var(--c-primary) 12%, transparent);background:#fff;border-radius:28px;flex-shrink:0;width:min(360px,100%);margin-inline:auto;padding:0 1.25rem 1.35rem;overflow:hidden;box-shadow:0 18px 48px #1e2a4a24}.sg-banner{background:linear-gradient(120deg, var(--c-secondary), color-mix(in srgb, var(--c-primary) 70%, #fff));height:72px;margin:0 -1.25rem}.sg-avatar{border:4px solid #fff;border-radius:50%;width:92px;height:92px;margin:-46px auto .85rem;display:block;overflow:hidden}.sg-live{background:color-mix(in srgb, var(--c-secondary) 14%, transparent);width:fit-content;color:var(--c-primary);border-radius:999px;align-items:center;gap:.4rem;margin:0 auto .75rem;padding:.3rem .7rem;font-size:.75rem;font-weight:700;display:flex}.sg-dot{background:#3d9a6a;border-radius:50%;width:7px;height:7px}.sg-mark{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--c-text) 50%, transparent);margin-bottom:.2rem;font-size:.72rem;display:block}.sg-name{text-align:center;font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.7rem;font-weight:600}.sg-bio{text-align:center;color:color-mix(in srgb, var(--c-text) 72%, transparent);margin:.45rem 0 .85rem;font-size:.92rem;line-height:1.45}.sg-link.is-draft{opacity:.72;border-style:dashed}.sg-links{flex-direction:column;gap:.55rem;display:flex}.sg-links.is-editable{padding-top:.15rem;position:relative}.sg-links-edit{appearance:none;border:1px dashed color-mix(in srgb, var(--c-primary) 35%, transparent);background:color-mix(in srgb, var(--c-secondary) 12%, #fff);color:var(--c-primary);font:inherit;cursor:pointer;border-radius:999px;align-self:center;margin:0 0 .15rem;padding:.4rem .85rem;font-size:.78rem;font-weight:700}.sg-links-edit:hover,.sg-links-edit:focus-visible{background:color-mix(in srgb, var(--c-secondary) 22%, #fff);border-style:solid}.sg-links-empty{appearance:none;width:100%;font:inherit;text-align:center;color:color-mix(in srgb, var(--c-text) 55%, transparent);cursor:pointer;background:0 0;border:none;margin:0;padding:.5rem .25rem;font-size:.8rem;line-height:1.4;display:block}.sg-link{appearance:none;text-align:center;font:inherit;border:1.5px solid color-mix(in srgb, var(--c-primary) 18%, transparent);background:color-mix(in srgb, var(--c-secondary) 8%, #fff);color:inherit;box-sizing:border-box;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}a.sg-link:hover,button.sg-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1e2a4a1f}.sg-link-icon{opacity:.85;background:currentColor;border-radius:4px;flex-shrink:0;width:1.05rem;height:1.05rem;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sg-link-icon--instagram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.9a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2zM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.9a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2zM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6z'/%3E%3C/svg%3E")}.sg-link-icon--pinterest{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 0 0-3.6 19.3c-.1-.8-.2-2 0-2.9l1.3-5.5s-.3-.7-.3-1.6c0-1.5.9-2.6 2-2.6 1 0 1.4.7 1.4 1.6 0 1-.6 2.4-.9 3.7-.3 1.1.5 2 1.6 2 1.9 0 3.2-2.4 3.2-5.3 0-2.2-1.5-3.8-4.2-3.8-3.1 0-5 2.3-5 4.8 0 .9.3 1.9.7 2.4.1.1.1.2.1.3l-.3 1.1c0 .2-.2.2-.4.1-1.5-.6-2.2-2.3-2.2-4.2 0-3.1 2.6-6.9 7.8-6.9 4.2 0 6.9 3 6.9 6.2 0 4.3-2.4 7.4-5.9 7.4-1.2 0-2.3-.6-2.7-1.4l-.7 2.8c-.3 1-1 2.2-1.5 3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a10 10 0 0 0-3.6 19.3c-.1-.8-.2-2 0-2.9l1.3-5.5s-.3-.7-.3-1.6c0-1.5.9-2.6 2-2.6 1 0 1.4.7 1.4 1.6 0 1-.6 2.4-.9 3.7-.3 1.1.5 2 1.6 2 1.9 0 3.2-2.4 3.2-5.3 0-2.2-1.5-3.8-4.2-3.8-3.1 0-5 2.3-5 4.8 0 .9.3 1.9.7 2.4.1.1.1.2.1.3l-.3 1.1c0 .2-.2.2-.4.1-1.5-.6-2.2-2.3-2.2-4.2 0-3.1 2.6-6.9 7.8-6.9 4.2 0 6.9 3 6.9 6.2 0 4.3-2.4 7.4-5.9 7.4-1.2 0-2.3-.6-2.7-1.4l-.7 2.8c-.3 1-1 2.2-1.5 3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E")}.sg-link-icon--x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18.9 2H21l-6.5 7.4L22 22h-6.8l-4.5-5.9L5.3 22H3.2l7-8L2 2h7l4 5.3L18.9 2zm-1.2 18h1.9L6.4 3.9H4.4L17.7 20z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M18.9 2H21l-6.5 7.4L22 22h-6.8l-4.5-5.9L5.3 22H3.2l7-8L2 2h7l4 5.3L18.9 2zm-1.2 18h1.9L6.4 3.9H4.4L17.7 20z'/%3E%3C/svg%3E")}.sg-link-icon--facebook{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H7v3h3v7h3v-7h3l1-3h-4v-2c0-.6.4-1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H7v3h3v7h3v-7h3l1-3h-4v-2c0-.6.4-1 1-1z'/%3E%3C/svg%3E")}.sg-link-icon--deviantart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 3h-4l-1 2H9v3l-3 6h3v4h4l1-2h5V3zm-2 11h-3.2l-.8 1.5H10v-4H7.6L10.2 6H14l.8-1.5H17V14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 3h-4l-1 2H9v3l-3 6h3v4h4l1-2h5V3zm-2 11h-3.2l-.8 1.5H10v-4H7.6L10.2 6H14l.8-1.5H17V14z'/%3E%3C/svg%3E")}.sg-link-icon--custom{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10.6 13.4a4 4 0 0 1 0-5.6l2.1-2.1a4 4 0 0 1 5.7 5.7l-1 1a1 1 0 1 1-1.4-1.4l1-1a2 2 0 0 0-2.8-2.8l-2.1 2.1a2 2 0 0 0 0 2.8 1 1 0 0 1-1.5 1.3zm2.8-2.8a4 4 0 0 1 0 5.6l-2.1 2.1a4 4 0 1 1-5.7-5.7l1-1a1 1 0 1 1 1.4 1.4l-1 1a2 2 0 0 0 2.8 2.8l2.1-2.1a2 2 0 0 0 0-2.8 1 1 0 0 1 1.5-1.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M10.6 13.4a4 4 0 0 1 0-5.6l2.1-2.1a4 4 0 0 1 5.7 5.7l-1 1a1 1 0 1 1-1.4-1.4l1-1a2 2 0 0 0-2.8-2.8l-2.1 2.1a2 2 0 0 0 0 2.8 1 1 0 0 1-1.5 1.3zm2.8-2.8a4 4 0 0 1 0 5.6l-2.1 2.1a4 4 0 1 1-5.7-5.7l1-1a1 1 0 1 1 1.4 1.4l-1 1a2 2 0 0 0 2.8 2.8l2.1-2.1a2 2 0 0 0 0-2.8 1 1 0 0 1 1.5-1.3z'/%3E%3C/svg%3E")}.sg-link--1{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.social-links-editor{flex-direction:column;gap:.85rem;display:flex}.social-platform-list{flex-direction:column;gap:.55rem;display:flex}.social-custom-block{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding-top:.35rem;display:flex}.social-custom-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.social-custom-head h4{margin:0;font-size:.82rem;font-weight:700}.social-custom-row{border:1px solid var(--border);background:var(--surface-subtle);border-radius:10px;flex-direction:column;gap:.45rem;padding:.65rem .7rem;display:flex}.social-custom-remove{align-self:flex-end}.sg-foot{text-align:center;color:color-mix(in srgb, var(--c-text) 60%, transparent);margin-top:1rem;font-size:.85rem}.portfolio-template.scale-small .ex-hero,.portfolio-template.scale-small .dr-essay,.portfolio-template.scale-small .at-intro,.portfolio-template.scale-small .fo-spread{grid-template-columns:1fr}.portfolio-template.scale-small .ex-wall-grid,.portfolio-template.scale-small .dr-strip,.portfolio-template.scale-small .fo-projects{grid-template-columns:repeat(3,1fr)}.portfolio-template.scale-small .at-board{gap:.45rem}.portfolio-template.scale-small .at-pin{width:100%;margin-top:0}.portfolio-template.scale-small .at-pin-img,.portfolio-template.scale-small .at-pin-img.image-slot,.portfolio-template.scale-small .at-pin-img.editable-image{max-height:72px}.portfolio-template.scale-small .ex-note,.portfolio-template.scale-small .fo-approach{padding-top:.35rem;font-size:.7rem;display:block}.portfolio-template.scale-small .ex-note h2,.portfolio-template.scale-small .fo-approach h2{margin-bottom:.2rem;font-size:.78rem}.portfolio-template.scale-small .ex-note p,.portfolio-template.scale-small .fo-approach p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.65rem;line-height:1.35;display:-webkit-box;overflow:hidden}.portfolio-template.scale-small .ex-email,.portfolio-template.scale-small .fo-email{font-size:.62rem}.portfolio-template.scale-small .dr-essay,.portfolio-template.scale-small .at-notes{display:none}@container portfolio (width<=640px){.ex-hero,.dr-essay,.at-intro,.fo-spread,.ex-wall-grid,.fo-projects{grid-template-columns:1fr}}.success-url-line{font-family:var(--font-display);text-align:center;margin:0 0 1.25rem;font-size:1.15rem;font-weight:600}.success-url-line a{color:var(--accent)}.auth-actions-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.billing-result-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.billing-result-panel .btn{justify-content:center}.preview-page-live .powered-by-picoli{background:color-mix(in srgb, var(--c-bg,#efe6da) 92%, transparent);border-top:1px solid var(--border);padding:.65rem 1rem;position:sticky;bottom:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.marketing-page{min-height:100dvh;color:var(--ink);flex-direction:column;display:flex;position:relative}.marketing-top{z-index:2;padding:1rem 1.25rem 0;position:relative}.marketing-main{z-index:1;flex:1;width:min(720px,100% - 2rem);margin:0 auto;padding:2.5rem 0 3.5rem;position:relative}.marketing-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);animation:fadeUp .55s var(--ease-out) both;margin:0 0 .65rem;font-size:.78rem;font-weight:700}.marketing-brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);animation:fadeUp .6s var(--ease-out) 40ms both;margin:0 0 .35rem;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:600;line-height:1.05}.marketing-hero{animation:fadeUp .65s var(--ease-out) 80ms both;margin-bottom:2.75rem}.marketing-hero h1{font-family:var(--font-display);color:var(--ink);max-width:18ch;margin:0 0 .85rem;font-size:clamp(1.55rem,4.2vw,2.1rem);font-weight:500;line-height:1.25}.marketing-hero p{color:var(--ink-muted);max-width:42ch;margin:0 0 1.35rem;font-size:1.05rem;line-height:1.55}.marketing-section{animation:fadeUp .7s var(--ease-out) .14s both}.marketing-section h2{font-family:var(--font-display);margin:0 0 1.15rem;font-size:1.35rem;font-weight:600}.marketing-template-list,.marketing-steps{flex-direction:column;gap:1.35rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.marketing-template-list li,.marketing-steps li{border-bottom:1px solid var(--border);padding-bottom:1.25rem}.marketing-template-list h3,.marketing-steps h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.2rem;font-weight:600}.marketing-template-list p,.marketing-steps p{color:var(--ink-muted);margin:0;line-height:1.5}.marketing-steps li{align-items:flex-start;gap:1rem;display:flex}.marketing-step-num{background:var(--accent);color:#fffaf3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;display:inline-flex}.marketing-price-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.25rem;display:grid}@media (width>=640px){.marketing-price-grid{grid-template-columns:1fr 1fr;gap:2rem}}.marketing-price-grid article h3{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.15rem}.marketing-price{font-family:var(--font-display);color:var(--accent);margin:0 0 .5rem;font-size:2.4rem;font-weight:600;line-height:1}.marketing-price span{color:var(--ink-muted);font-size:1rem;font-weight:500}.marketing-price-grid p{color:var(--ink-muted);margin:0;line-height:1.5}.marketing-note{color:var(--ink-muted);margin:0 0 1.35rem}.marketing-footer,.site-legal-footer{z-index:1;border-top:1px solid var(--border);color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:1.5rem 1.25rem 2rem;font-size:.88rem;display:flex;position:relative}.site-legal-footer.is-compact{gap:.5rem 1rem;padding:.75rem 1.25rem 1rem;font-size:.8rem}.marketing-footer nav,.site-legal-footer nav{flex-wrap:wrap;gap:.85rem 1.1rem;display:flex}.site-legal-footer.is-compact nav{gap:.55rem .85rem}.marketing-footer a,.site-legal-footer a{color:var(--ink);font-weight:600;text-decoration:none}.marketing-footer a:hover,.site-legal-footer a:hover{color:var(--accent)}.site-legal-footer p{margin:0}.editor-site-footer{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.header-nav-link.is-current{color:var(--ink);font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.marketing-page.is-wide .marketing-main{width:min(1080px,100% - 2rem)}.marketing-hero--with-float{grid-template-columns:1fr;align-items:center;gap:1.75rem;margin-bottom:3.25rem;display:grid}@media (width>=900px){.marketing-hero--with-float{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:2rem;min-height:min(52vh,520px)}}.marketing-hero-copy .marketing-brand{animation:fadeUp .6s var(--ease-out) 40ms both}.marketing-cta-row{flex-wrap:wrap;gap:.65rem .75rem;display:flex}.marketing-lede,.marketing-prose p,.marketing-template-copy p,.marketing-float-band-copy p,.marketing-compare p,.marketing-after-list p,.marketing-close p{color:var(--ink-muted);font-size:1.02rem;line-height:1.65}.marketing-prose p+p,.marketing-template-copy p+p{margin-top:.85rem}.marketing-prose{margin-bottom:2.75rem}.marketing-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-rose,#c97b8a);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.marketing-lead{font-weight:600;color:var(--ink)!important;font-size:1.08rem!important}.marketing-best-for{border-top:1px solid var(--border);padding-top:.85rem;margin-top:.85rem!important;font-size:.95rem!important}.marketing-best-for strong{color:var(--ink)}.marketing-template-deep{flex-direction:column;gap:3rem;margin-top:1.75rem;display:flex}.marketing-template-block{grid-template-columns:1fr;align-items:center;gap:1.5rem;display:grid}@media (width>=800px){.marketing-template-block{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)}.marketing-template-block.is-flip{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr)}.marketing-template-block.is-flip .marketing-template-copy{order:2}.marketing-template-block.is-flip .mkt-spotlight{order:1}}.marketing-template-copy h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:600}.mkt-float-stage{pointer-events:none;width:100%;height:clamp(280px,42vw,420px);min-height:280px;position:relative}.mkt-float-stage--band{height:clamp(240px,36vw,360px);min-height:240px}.mkt-float-frame{aspect-ratio:3/4;border:1px solid var(--border-strong);background:var(--surface-3);border-radius:18px;width:min(46%,210px);animation:7.5s ease-in-out infinite mktFloat;position:absolute;overflow:hidden;box-shadow:0 18px 40px #28322829,inset 0 1px #ffffff80}.mkt-float-frame--1{z-index:3;top:6%;left:4%;transform:rotate(-6deg)}.mkt-float-frame--2{z-index:2;width:min(42%,190px);animation-duration:8.4s;top:18%;right:2%;transform:rotate(5deg)}.mkt-float-frame--3{z-index:4;width:min(40%,180px);animation-duration:6.8s;bottom:4%;left:22%;transform:rotate(3deg)}.mkt-float-frame--4{z-index:1;opacity:.92;width:min(38%,170px);animation-duration:9s;bottom:12%;right:18%;transform:rotate(-4deg)}.mkt-float-scaler,.mkt-spotlight-frame .mkt-float-scaler{position:absolute;inset:0;overflow:hidden;container-type:size}.mkt-float-scaler .portfolio-template,.mkt-spotlight-frame .portfolio-template{width:960px;transform:translateX(-50%) scale(min(100cqw / 960px, 100cqh / 780px));transform-origin:top;pointer-events:none;position:absolute;top:0;left:50%}.mkt-spotlight{width:100%;max-width:280px;margin-inline:auto;position:relative}.mkt-spotlight-frame{aspect-ratio:3/4;border:1px solid var(--border-strong);background:var(--surface-3);border-radius:22px;width:100%;animation:6.5s ease-in-out infinite mktFloatSoft;position:relative;overflow:hidden;box-shadow:0 20px 48px #28322824}.marketing-float-band{border-block:1px solid var(--border);grid-template-columns:1fr;align-items:center;gap:1.5rem;margin:3rem 0;padding:1.75rem 0;display:grid}@media (width>=860px){.marketing-float-band{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:2rem}}.marketing-float-band-copy h2{margin-bottom:.75rem}.marketing-steps--rich{gap:1.75rem}.marketing-steps--rich li{padding-bottom:1.5rem}.marketing-steps--rich p{max-width:62ch}.marketing-after-list{gap:1.35rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.marketing-after-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.marketing-after-list h3{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.1rem}.marketing-price-grid--rich{gap:1.75rem}.marketing-plan{border-top:1px solid var(--border);padding:1.35rem 0 .25rem}.marketing-plan--featured{border-top-color:color-mix(in srgb, var(--accent-rose,#c97b8a) 55%, var(--border))}.marketing-plan-tagline{margin:0 0 1rem!important}.marketing-include-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.marketing-include-list li{color:var(--ink-muted);padding-left:1.15rem;font-size:.95rem;line-height:1.45;position:relative}.marketing-include-list li:before{content:"";background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.55em;left:0}.marketing-plan--featured .marketing-include-list li:before{background:var(--accent-rose,#c97b8a)}.marketing-compare{gap:1.5rem;display:grid}@media (width>=720px){.marketing-compare{grid-template-columns:1fr 1fr;gap:2rem}}.marketing-compare h3{font-family:var(--font-display);margin:0 0 .45rem;font-size:1.2rem}.marketing-faq{flex-direction:column;gap:1.25rem;margin:0;display:flex}.marketing-faq dt{font-family:var(--font-display);color:var(--ink);margin-bottom:.35rem;font-size:1.1rem;font-weight:600}.marketing-faq dd{color:var(--ink-muted);max-width:62ch;margin:0;line-height:1.6}.marketing-close{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:2rem}.marketing-close h2{max-width:18ch}@keyframes mktFloat{0%,to{translate:0}50%{translate:0 -10px}}@keyframes mktFloatSoft{0%,to{translate:0}50%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.mkt-float-frame,.mkt-spotlight-frame{animation:none}}@media (width<=640px){.mkt-float-stage--hero{height:240px;min-height:220px}.mkt-float-frame--4{display:none}}.published-count{color:var(--ink-muted);flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;margin:0 0 1.25rem;font-size:.95rem;display:flex}.published-count.is-loading{opacity:.55}.published-count-num{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:clamp(1.55rem,4vw,2rem);font-weight:600;line-height:1}.published-count-label{font-weight:600}.published-count--compact{margin:0;font-size:.88rem;display:block}.published-count--compact strong{color:var(--accent);font-family:var(--font-display);font-weight:600}.brand-published-count{margin:-.35rem 0 1.35rem}.marketing-footer-count,.site-legal-footer-count{order:0}.legal-doc{flex-direction:column;gap:1.5rem;max-width:42rem;margin:0 auto 2.5rem;display:flex}.legal-doc section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .55rem;font-size:1.25rem;font-weight:600}.legal-doc p{color:var(--ink-muted);margin:0 0 .75rem;font-size:.98rem;line-height:1.65}.legal-doc a{color:var(--ink);font-weight:600}.legal-doc a:hover{color:var(--accent)}.contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:2rem 2.5rem;margin-bottom:2.5rem;display:grid}.contact-form textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;min-height:8rem;color:var(--ink);font:inherit;border-radius:12px;padding:.7rem .85rem;line-height:1.45}.contact-aside{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:1.25rem 1.35rem}.contact-aside h2{margin:0 0 .75rem;font-size:1rem;font-weight:700}.contact-aside ul{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.contact-aside a{color:var(--ink);font-weight:600;text-decoration:none}.contact-aside a:hover{color:var(--accent)}@media (width<=800px){.contact-layout{grid-template-columns:1fr}}.account-main{max-width:920px}.account-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.account-top-actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-providers{color:var(--ink-muted);margin:.35rem 0 0;font-size:.9rem}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.85rem;padding:1.25rem 1.35rem 1.4rem;display:flex}.account-card h2{margin:0;font-size:1.1rem;font-weight:700}.account-card-copy{color:var(--ink-muted);margin:0;font-size:.92rem;line-height:1.5}.account-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-billing-summary{gap:.65rem;margin:0;display:grid}.account-billing-summary div{gap:.15rem;display:grid}.account-billing-summary dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem;font-weight:700}.account-billing-summary dd{margin:0;font-weight:600}.account-coming-soon{border:1px solid var(--border);background:var(--surface-2);letter-spacing:.04em;text-transform:uppercase;width:fit-content;color:var(--ink-muted);border-radius:999px;margin:0;padding:.35rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.account-card--danger{border-color:color-mix(in srgb, #8a3d4c 35%, var(--border));background:color-mix(in srgb, #8a3d4c 6%, var(--surface));grid-column:1/-1}.account-card textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;min-height:6rem;color:var(--ink);font:inherit;border-radius:12px;padding:.7rem .85rem;line-height:1.45}@media (width<=760px){.account-grid{grid-template-columns:1fr}}