.preview-container{position:fixed;left:430px;right:0;top:0;bottom:0;background:#fafafa;overflow-y:auto;z-index:1}.main-content .preview-container{top:56px}.preview-toolbar{height:64px;background:#ffffff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:50}.preview-tabs{display:flex;gap:20px}.preview-tab{font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#666;cursor:pointer;padding:4px 0;border-bottom:2px solid transparent;transition:all .2s ease}.preview-tab:hover{color:#333}.preview-tab.active{color:#000;border-bottom-color:#000}.preview-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.preview-status:before{content:"✓";color:#4caf50;font-size:14px}.preview-actions{display:flex;gap:12px}.btn{padding:10px 24px;font-size:13px;font-weight:400;letter-spacing:.3px;border:none;border-radius:24px;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#f5f5f5;color:#000}.btn-secondary:hover{background:#e8e8e8}.btn-reset{background:transparent;color:#666;text-transform:uppercase;font-size:11px;letter-spacing:1px}.btn-reset:hover{color:#000}.btn-primary{background:#000;color:#fff;padding:11px 32px;text-transform:uppercase;font-size:11px;letter-spacing:1.2px}.btn-primary:hover{background:#333}.preview-content{padding:80px 0;min-height:calc(100vh - 64px);background:#fafafa;transition:all .4s cubic-bezier(.4,0,.2,1)}.preview-content[data-viewport=desktop] #elementsContainer,.preview-content[data-viewport=desktop] .preview-site-footer,.preview-content[data-viewport=desktop] .preview-site-header{max-width:1200px}.preview-content[data-viewport=tablet] #elementsContainer,.preview-content[data-viewport=tablet] .preview-site-footer,.preview-content[data-viewport=tablet] .preview-site-header{max-width:768px;transition:max-width .4s cubic-bezier(.4,0,.2,1)}.preview-content[data-viewport=mobile] #elementsContainer,.preview-content[data-viewport=mobile] .preview-site-footer,.preview-content[data-viewport=mobile] .preview-site-header{max-width:390px;transition:max-width .4s cubic-bezier(.4,0,.2,1);overflow-x:hidden;box-sizing:border-box}.preview-content[data-viewport=mobile] #elementsContainer{padding:0 16px 30px!important}.preview-content[data-viewport=mobile] .page-element.width-half,.preview-content[data-viewport=tablet] .page-element.width-half{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.preview-content[data-viewport=mobile] .editable-text-wrapper h1{font-size:26px!important;margin:16px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto;hyphens:auto}.preview-content[data-viewport=mobile] .editable-text-wrapper h2{font-size:22px!important;margin:14px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.preview-content[data-viewport=mobile] .editable-text-wrapper h3{font-size:19px!important;margin:12px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.preview-content[data-viewport=mobile] .editable-text-wrapper h4{font-size:16px!important;margin:10px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.preview-content[data-viewport=mobile] .editable-text-wrapper p{font-size:15px!important;margin:12px 0!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.preview-content[data-viewport=mobile] .page-element>div[style*=padding]{padding:20px 0!important}.preview-content[data-viewport=mobile] *{max-width:100%;box-sizing:border-box}.preview-content[data-viewport=mobile] .preview-site-header{padding:16px 16px 20px!important}.preview-content[data-viewport=mobile] .preview-site-title span{font-size:.875rem!important}.preview-content[data-viewport=mobile] .preview-site-nav a{font-size:12px!important}.preview-site-header{border:1px solid rgba(0,0,0,.06);border-bottom:none}#elementsContainer,.preview-site-header{width:100%;max-width:none;margin:0 auto;background:#ffffff}#elementsContainer{padding:0 60px 60px;border:1px solid rgba(0,0,0,.06);border-top:none;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06);display:flex;flex-wrap:wrap;gap:24px}.editable-text-wrapper{outline:none;min-height:40px;transition:all .2s ease;position:relative;cursor:pointer;padding:8px 12px;border-radius:4px;border:2px solid transparent;margin:-8px -12px}.editable-text-wrapper:hover{background:rgba(255,254,248,.3);border:2px solid rgba(192,192,192,.3)}.editable-text-wrapper[contenteditable=true],.page-element.editing .editable-text-wrapper{background:rgba(255,254,248,.15);border:1px dashed rgba(59,130,246,.2);padding:20px;cursor:text;box-shadow:none}.editable-text-wrapper[contenteditable=true]:focus{border-color:rgba(59,130,246,.3);outline:none}.editable-text-wrapper h1{font-size:64px;font-weight:300;letter-spacing:-1px;margin-bottom:24px;line-height:1.1}.editable-text-wrapper h2{font-size:48px;font-weight:300;letter-spacing:-.5px;margin-bottom:20px;line-height:1.2}.editable-text-wrapper h3{font-size:36px;font-weight:400;letter-spacing:-.25px;margin-bottom:16px;line-height:1.3}.editable-text-wrapper h4{font-size:24px;font-weight:400;letter-spacing:0;margin-bottom:12px;line-height:1.4}.editable-text-wrapper p{font-size:18px;color:#666;font-weight:300;letter-spacing:.5px;margin-bottom:16px;line-height:1.6}.editable-text-wrapper b,.editable-text-wrapper strong{font-weight:600}.editable-text-wrapper em,.editable-text-wrapper i{font-style:italic}.editable-text-wrapper u{text-decoration:underline}.editable-text-wrapper s{text-decoration:line-through}.editable-text-wrapper[contenteditable=true] *{background:transparent!important;border:none!important;padding:0!important;cursor:text}.editable-text-wrapper h1.active-block,.editable-text-wrapper h2.active-block,.editable-text-wrapper h3.active-block,.editable-text-wrapper h4.active-block,.editable-text-wrapper p.active-block,.editable-text-wrapper[contenteditable=true] h1.active-block,.editable-text-wrapper[contenteditable=true] h2.active-block,.editable-text-wrapper[contenteditable=true] h3.active-block,.editable-text-wrapper[contenteditable=true] h4.active-block,.editable-text-wrapper[contenteditable=true] p.active-block{outline:1px solid #9DC5ED!important;outline-offset:2px!important;border-radius:4px!important;position:relative!important}.text-toolbar{position:relative;top:0;left:0;right:0;background:#f8f8f8;border:1px solid #d0d0d0;border-bottom:none;padding:8px;display:none;gap:4px;z-index:20;flex-wrap:wrap;align-items:center;font-family:Monaco,Menlo,Courier New,monospace}.page-element.editing .text-toolbar,.text-toolbar.show{display:flex}.text-toolbar-group{display:flex;gap:2px;padding-right:8px;border-right:1px solid #d0d0d0}.text-toolbar-group:last-child{border-right:none;padding-right:0}.text-toolbar-btn{min-width:32px;height:28px;padding:0 8px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#666;border-radius:3px;transition:all .15s ease;font-family:serif;white-space:nowrap}.text-toolbar-btn:hover{background:#e8e8e8;color:#000}.text-toolbar-btn.active{background:#000;color:#fff}.text-toolbar-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.text-toolbar-btn.disabled:hover{background:#fff;color:#666}.text-toolbar-btn.heading-btn{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.3px}.gallery-editor{display:none;padding:16px;background:#f8f8f8;border:1px solid #d0d0d0;border-radius:4px;margin-top:12px}.gallery-editor.show{display:block}.gallery-editor-label{font-size:11px;font-weight:500;color:#666;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}.gallery-editor-select{width:100%;padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.artist-site{min-height:100vh;background:#fafafa}.artist-site[data-viewport=desktop] .page-content-wrapper,.artist-site[data-viewport=desktop] .preview-site-footer,.artist-site[data-viewport=desktop] .preview-site-header{max-width:1200px;margin-left:auto;margin-right:auto}.artist-site[data-viewport=tablet] .page-content-wrapper,.artist-site[data-viewport=tablet] .preview-site-footer,.artist-site[data-viewport=tablet] .preview-site-header{max-width:768px;margin-left:auto;margin-right:auto}.artist-site[data-viewport=mobile] .page-content-wrapper,.artist-site[data-viewport=mobile] .preview-site-footer,.artist-site[data-viewport=mobile] .preview-site-header{max-width:390px;margin-left:auto;margin-right:auto}.page-section{background:transparent}.page-content-wrapper{background:#ffffff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06)}.page-elements-container{width:100%;padding:60px;display:flex;flex-wrap:wrap;gap:24px;box-sizing:border-box}.artist-site[data-viewport=tablet] .page-elements-container{padding:40px}.artist-site[data-viewport=mobile] .page-elements-container{padding:24px}.artist-site[data-viewport=mobile] .page-element.width-half,.artist-site[data-viewport=tablet] .page-element.width-half{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.element-content{width:100%}.element-content h1{text-align:center;font-size:48px;font-weight:300;letter-spacing:-1px;margin:80px 0 16px}.element-content h1+p{text-align:center;font-size:16px;color:#666;margin:0 0 80px}.element-content p{line-height:1.6}.preview-artwork-item{width:100%;height:300px;border-radius:8px;overflow:hidden}.preview-artwork-item img{width:100%;height:100%;object-fit:cover}.contact-content,.profile-content{padding:24px 0}.contact-content h2,.profile-content h2{margin-top:0;margin-bottom:16px}.artist-site .preview-site-header{background:#ffffff;border:1px solid rgba(0,0,0,.06);border-bottom:none;padding:48px 60px 32px;display:flex;flex-direction:column;align-items:center;gap:24px}.artist-site .preview-site-header-inner{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.artist-site .preview-site-logo{text-align:center}.artist-site .preview-logo-text{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#000}.artist-site .preview-site-nav{display:flex;gap:32px;justify-content:center}.artist-site .preview-content{padding:0;background:transparent}.preview-frame{width:100%;max-width:1400px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.04);overflow-y:auto;overflow-x:hidden;transition:all .5s ease;max-height:100%;height:-moz-fit-content;height:fit-content;margin:20px auto}.preview-frame.mobile{max-width:375px}.preview-frame.tablet{max-width:768px}.preview-frame.live{max-width:none;box-shadow:none;margin:0;width:100%}.mini-site{padding:40px;background:#fff;min-height:100%}.mini-nav,.mini-site{overflow:visible}.mini-hero{padding:60px 0;margin-bottom:60px}.mini-hero-title{font-size:48px;font-weight:300;letter-spacing:-1px;margin-bottom:16px;margin-top:0}.mini-hero-subtitle{font-size:16px;color:#666;margin:0}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.mini-card{overflow:hidden;cursor:pointer;transition:all .2s ease}.mini-card.hover-gentle-lift:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.mini-card.hover-fade-scale:hover{transform:scale(1.03);opacity:.9}.mini-card.hover-zoom-image:hover .mini-card-image{transform:scale(1.1)}.mini-card-image{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));overflow:hidden;transition:transform .3s ease}.mini-card-content{padding:16px}.mini-card-title{font-size:14px;font-weight:500;margin-bottom:4px;margin-top:0}.mini-card-price{font-size:13px;color:#666;margin:0}@media (max-width:1400px){.mini-hero-title{font-size:42px}.mini-gallery{gap:24px}}@media (max-width:1024px){.mini-hero-title{font-size:38px}.mini-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mini-hero{padding:40px 0;margin-bottom:40px}.mini-hero-title{font-size:32px}.mini-gallery{grid-template-columns:1fr;gap:20px}}.preview-site-footer{max-width:1200px;margin:0 auto;background:#ffffff;border:1px solid rgba(0,0,0,.06);border-top:none;transition:all .5s cubic-bezier(.4,0,.2,1)}.preview-site-footer[data-footer-size=compact]{padding:32px 60px}.preview-site-footer[data-footer-size=standard]{padding:48px 60px}.preview-site-footer[data-footer-size=generous]{padding:64px 80px}.preview-site-footer[data-footer-background=none]{background:#ffffff}.preview-site-footer[data-footer-background=subtle]{background:rgba(0,0,0,.02)}.preview-site-footer[data-footer-background=solid]{background:rgba(0,0,0,.05)}.footer-content-centered{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;animation:footerFadeIn .6s cubic-bezier(.4,0,.2,1)}.footer-content-split{display:flex;justify-content:space-between;align-items:center;gap:32px;animation:footerSlideIn .6s cubic-bezier(.4,0,.2,1)}.footer-left,.footer-right{transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-content-stacked{display:flex;flex-direction:column;gap:32px;animation:footerFadeIn .6s cubic-bezier(.4,0,.2,1)}.footer-brand{text-align:center}.footer-brand-name{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#000;margin-bottom:8px}.footer-brand-tagline{font-size:13px;color:#666;font-weight:300;margin:0}.footer-nav{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.footer-nav a{font-size:13px;font-weight:300;color:#000;text-decoration:none;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-nav a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.footer-nav a:hover{opacity:.7}.footer-nav a:hover:after{transform:scaleX(1);transform-origin:left}.footer-social-links{display:flex;gap:20px;justify-content:center;animation:socialFadeIn .7s cubic-bezier(.4,0,.2,1)}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#666;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.footer-social-link:hover{color:#000;background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.2);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1)}.footer-social-link:active{transform:translateY(0) scale(1)}.footer-social-link svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.footer-social-link:hover svg{transform:scale(1.1)}.footer-copyright{font-size:12px;color:#999;margin:0;font-weight:300;letter-spacing:.3px}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes footerSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes socialFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.preview-content[data-theme=dark-minimal] .preview-site-footer,.preview-content[data-theme=midnight] .preview-site-footer{background:#000000;border-color:rgba(255,255,255,.1)}.preview-content[data-theme=dark-minimal] .preview-site-footer[data-footer-background=subtle],.preview-content[data-theme=midnight] .preview-site-footer[data-footer-background=subtle]{background:rgba(255,255,255,.02)}.preview-content[data-theme=dark-minimal] .preview-site-footer[data-footer-background=solid],.preview-content[data-theme=midnight] .preview-site-footer[data-footer-background=solid]{background:rgba(255,255,255,.05)}.preview-content[data-theme=dark-minimal] .footer-brand-name,.preview-content[data-theme=dark-minimal] .footer-nav a,.preview-content[data-theme=midnight] .footer-brand-name,.preview-content[data-theme=midnight] .footer-nav a{color:#ffffff}.preview-content[data-theme=dark-minimal] .footer-brand-tagline,.preview-content[data-theme=dark-minimal] .footer-copyright,.preview-content[data-theme=midnight] .footer-brand-tagline,.preview-content[data-theme=midnight] .footer-copyright{color:#cccccc}.preview-content[data-theme=dark-minimal] .footer-social-link,.preview-content[data-theme=midnight] .footer-social-link{color:#cccccc;border-color:rgba(255,255,255,.1)}.preview-content[data-theme=dark-minimal] .footer-social-link:hover,.preview-content[data-theme=midnight] .footer-social-link:hover{color:#ffffff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.preview-content[data-theme=warm-beige] .preview-site-footer{background:#faf8f5;border-color:rgba(45,37,32,.1)}.preview-content[data-theme=warm-beige] .preview-site-footer[data-footer-background=subtle]{background:#f5f1eb}.preview-content[data-theme=warm-beige] .preview-site-footer[data-footer-background=solid]{background:#f0ebe3}.preview-content[data-theme=warm-beige] .footer-brand-name,.preview-content[data-theme=warm-beige] .footer-nav a{color:#2d2520}.preview-content[data-theme=warm-beige] .footer-brand-tagline,.preview-content[data-theme=warm-beige] .footer-copyright{color:#5a4f46}.preview-content[data-theme=warm-beige] .footer-social-link{color:#5a4f46;border-color:rgba(45,37,32,.15)}.preview-content[data-theme=warm-beige] .footer-social-link:hover{color:#2d2520;background:rgba(45,37,32,.05)}.preview-content[data-theme=cool-gray] .preview-site-footer{background:#f5f6f8;border-color:rgba(44,49,54,.1)}.preview-content[data-theme=cool-gray] .preview-site-footer[data-footer-background=subtle]{background:#e8eaed}.preview-content[data-theme=cool-gray] .preview-site-footer[data-footer-background=solid]{background:#dfe1e5}.preview-content[data-theme=sage-green] .preview-site-footer{background:#f5f7f4;border-color:rgba(45,51,41,.1)}.preview-content[data-theme=sage-green] .preview-site-footer[data-footer-background=subtle]{background:#e8ebe6}.preview-content[data-theme=sage-green] .preview-site-footer[data-footer-background=solid]{background:#dfe3db}.preview-content[data-theme=terracotta] .preview-site-footer{background:#faf6f3;border-color:rgba(61,40,32,.1)}.preview-content[data-theme=terracotta] .preview-site-footer[data-footer-background=subtle]{background:#f0e6e0}.preview-content[data-theme=terracotta] .preview-site-footer[data-footer-background=solid]{background:#e8ddd5}.preview-content[data-theme=blush] .preview-site-footer{background:#faf5f6;border-color:rgba(61,35,41,.1)}.preview-content[data-theme=blush] .preview-site-footer[data-footer-background=subtle]{background:#f5e8eb}.preview-content[data-theme=blush] .preview-site-footer[data-footer-background=solid]{background:#f0dee3}