@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Lato:wght@300;400;700&family=Crimson+Text:wght@400;600;700&family=Open+Sans:wght@300;400;600&family=Inter:wght@300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:#ffffff;color:#000000;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(.editor-layout){overflow:hidden;height:100vh}.editor-layout{display:flex;height:100vh}.main-content .editor-layout{height:calc(100vh - 56px)}.preview-content[data-typography=modern-minimal]{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.preview-content[data-typography=modern-minimal] .preview-site-title{letter-spacing:3px}.preview-content[data-typography=modern-minimal] .editable-text-wrapper h1,.preview-content[data-typography=modern-minimal] .editable-text-wrapper h2,.preview-content[data-typography=modern-minimal] .editable-text-wrapper h3,.preview-content[data-typography=modern-minimal] .editable-text-wrapper h4,.preview-content[data-typography=modern-minimal] .preview-site-title{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:300}.preview-content[data-typography=modern-minimal] .editable-text-wrapper p{font-family:-apple-system,BlinkMacSystemFont,San Francisco,Arial,sans-serif;font-weight:300}.preview-content[data-typography=editorial]{font-family:Lato,sans-serif}.preview-content[data-typography=editorial] .preview-site-title{font-family:Playfair Display,serif;font-weight:400;letter-spacing:2px}.preview-content[data-typography=editorial] .editable-text-wrapper h1,.preview-content[data-typography=editorial] .editable-text-wrapper h2,.preview-content[data-typography=editorial] .editable-text-wrapper h3,.preview-content[data-typography=editorial] .editable-text-wrapper h4{font-family:Playfair Display,serif;font-weight:500}.preview-content[data-typography=editorial] .editable-text-wrapper p{font-family:Lato,sans-serif;font-weight:300;line-height:1.7}.preview-content[data-typography=classic-serif]{font-family:Open Sans,sans-serif}.preview-content[data-typography=classic-serif] .preview-site-title{font-family:Crimson Text,serif;font-weight:600;letter-spacing:1.5px}.preview-content[data-typography=classic-serif] .editable-text-wrapper h1,.preview-content[data-typography=classic-serif] .editable-text-wrapper h2,.preview-content[data-typography=classic-serif] .editable-text-wrapper h3,.preview-content[data-typography=classic-serif] .editable-text-wrapper h4{font-family:Crimson Text,serif;font-weight:600}.preview-content[data-typography=classic-serif] .editable-text-wrapper p{font-family:Open Sans,sans-serif;font-weight:400;line-height:1.8}.preview-content[data-typography=contemporary]{font-family:Inter,sans-serif}.preview-content[data-typography=contemporary] .preview-site-title{font-family:Futura,Avenir Next,Avenir,-apple-system,sans-serif;font-weight:500;letter-spacing:4px;text-transform:uppercase}.preview-content[data-typography=contemporary] .editable-text-wrapper h1,.preview-content[data-typography=contemporary] .editable-text-wrapper h2,.preview-content[data-typography=contemporary] .editable-text-wrapper h3,.preview-content[data-typography=contemporary] .editable-text-wrapper h4{font-family:Futura,Avenir Next,Avenir,-apple-system,sans-serif;font-weight:500;letter-spacing:.5px}.preview-content[data-typography=contemporary] .editable-text-wrapper p{font-family:Inter,sans-serif;font-weight:400;line-height:1.7}.font-pairing-option.active{border-color:#000!important;background:#f5f5f5!important}.font-pairing-option.active .font-pairing-name{color:#000!important;font-weight:500!important}.preview-content[data-theme=gallery-white]{background:#fafafa}.preview-content[data-theme=gallery-white] #elementsContainer,.preview-content[data-theme=gallery-white] .preview-site-header{background:#ffffff;color:#000000}.preview-content[data-theme=gallery-white] .preview-site-nav a,.preview-content[data-theme=gallery-white] .preview-site-title{color:#000000}.preview-content[data-theme=gallery-white] .editable-text-wrapper p{color:#666}.preview-content[data-theme=dark-minimal]{background:#1a1a1a}.preview-content[data-theme=dark-minimal] #elementsContainer,.preview-content[data-theme=dark-minimal] .preview-site-header{background:#000000;color:#ffffff;border-color:rgba(255,255,255,.1)}.preview-content[data-theme=dark-minimal] .editable-text-wrapper h1,.preview-content[data-theme=dark-minimal] .editable-text-wrapper h2,.preview-content[data-theme=dark-minimal] .editable-text-wrapper h3,.preview-content[data-theme=dark-minimal] .editable-text-wrapper h4,.preview-content[data-theme=dark-minimal] .preview-site-nav a,.preview-content[data-theme=dark-minimal] .preview-site-title{color:#ffffff}.preview-content[data-theme=dark-minimal] .editable-text-wrapper p{color:#cccccc}.preview-content[data-theme=warm-beige]{background:#f5f1eb}.preview-content[data-theme=warm-beige] #elementsContainer,.preview-content[data-theme=warm-beige] .preview-site-header{background:#faf8f5;color:#2d2520;border-color:rgba(45,37,32,.1)}.preview-content[data-theme=warm-beige] .preview-site-nav a,.preview-content[data-theme=warm-beige] .preview-site-title{color:#2d2520}.preview-content[data-theme=warm-beige] .editable-text-wrapper p{color:#5a4f46}.preview-content[data-theme=cool-gray]{background:#e8eaed}.preview-content[data-theme=cool-gray] #elementsContainer,.preview-content[data-theme=cool-gray] .preview-site-header{background:#f5f6f8;color:#2c3136;border-color:rgba(44,49,54,.1)}.preview-content[data-theme=cool-gray] .preview-site-nav a,.preview-content[data-theme=cool-gray] .preview-site-title{color:#2c3136}.preview-content[data-theme=cool-gray] .editable-text-wrapper p{color:#5a6169}.preview-content[data-theme=sage-green]{background:#e8ebe6}.preview-content[data-theme=sage-green] #elementsContainer,.preview-content[data-theme=sage-green] .preview-site-header{background:#f5f7f4;color:#2d3329;border-color:rgba(45,51,41,.1)}.preview-content[data-theme=sage-green] .preview-site-nav a,.preview-content[data-theme=sage-green] .preview-site-title{color:#2d3329}.preview-content[data-theme=sage-green] .editable-text-wrapper p{color:#5a6052}.preview-content[data-theme=terracotta]{background:#f0e6e0}.preview-content[data-theme=terracotta] #elementsContainer,.preview-content[data-theme=terracotta] .preview-site-header{background:#faf6f3;color:#3d2820;border-color:rgba(61,40,32,.1)}.preview-content[data-theme=terracotta] .preview-site-nav a,.preview-content[data-theme=terracotta] .preview-site-title{color:#3d2820}.preview-content[data-theme=terracotta] .editable-text-wrapper p{color:#6b4d40}.preview-content[data-theme=midnight]{background:#0a0e1a}.preview-content[data-theme=midnight] #elementsContainer,.preview-content[data-theme=midnight] .preview-site-header{background:#141a2e;color:#e8ecf5;border-color:rgba(232,236,245,.1)}.preview-content[data-theme=midnight] .editable-text-wrapper h1,.preview-content[data-theme=midnight] .editable-text-wrapper h2,.preview-content[data-theme=midnight] .editable-text-wrapper h3,.preview-content[data-theme=midnight] .editable-text-wrapper h4,.preview-content[data-theme=midnight] .preview-site-nav a,.preview-content[data-theme=midnight] .preview-site-title{color:#e8ecf5}.preview-content[data-theme=midnight] .editable-text-wrapper p{color:#b8c2db}.preview-content[data-theme=blush]{background:#f5e8eb}.preview-content[data-theme=blush] #elementsContainer,.preview-content[data-theme=blush] .preview-site-header{background:#faf5f6;color:#3d2329;border-color:rgba(61,35,41,.1)}.preview-content[data-theme=blush] .preview-site-nav a,.preview-content[data-theme=blush] .preview-site-title{color:#3d2329}.preview-content[data-theme=blush] .editable-text-wrapper p{color:#6b4952}.preview-content[data-section-padding=compact] #elementsContainer{gap:12px;padding:0 40px 40px}.preview-content[data-section-padding=compact] .page-element.width-half{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 12px) / 2);width:calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2)}.preview-content[data-section-padding=compact] .preview-site-header{padding:24px 40px 28px}.preview-content[data-section-padding=comfortable] #elementsContainer{gap:24px;padding:0 60px 60px}.preview-content[data-section-padding=comfortable] .page-element.width-half{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 24px) / 2);width:calc((100% - 24px) / 2);max-width:calc((100% - 24px) / 2)}.preview-content[data-section-padding=comfortable] .preview-site-header{padding:32px 60px 40px}.preview-content[data-section-padding=spacious] #elementsContainer{gap:40px;padding:0 80px 80px}.preview-content[data-section-padding=spacious] .page-element.width-half{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 40px) / 2);width:calc((100% - 40px) / 2);max-width:calc((100% - 40px) / 2)}.preview-content[data-section-padding=spacious] .preview-site-header{padding:48px 80px 56px}.preview-site-header[data-navigation-height=minimal]{padding:20px 60px 24px!important;transition:padding .4s cubic-bezier(.4,0,.2,1)}.preview-site-header[data-navigation-height=standard]{padding:32px 60px 40px!important;transition:padding .4s cubic-bezier(.4,0,.2,1)}.preview-site-header[data-navigation-height=generous]{padding:48px 60px 56px!important;transition:padding .4s cubic-bezier(.4,0,.2,1)}.preview-site-header[data-navigation-layout=centered]{flex-direction:column;align-items:center;gap:24px}.preview-site-header[data-navigation-layout=centered] .preview-site-title{margin-bottom:8px}.preview-site-header[data-navigation-layout=split]{display:flex;justify-content:space-between;align-items:center;gap:32px}.preview-site-header[data-navigation-layout=split] .preview-site-nav.left,.preview-site-header[data-navigation-layout=split] .preview-site-nav.right{flex:1 1;gap:24px}.preview-site-header[data-navigation-layout=split] .preview-site-nav.left{justify-content:flex-start}.preview-site-header[data-navigation-layout=split] .preview-site-nav.right{justify-content:flex-end}.preview-site-header[data-navigation-layout=split] .preview-site-title{flex-shrink:0}.preview-site-header[data-sticky-navigation=true]{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-site-header .preview-site-nav a{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-site-header .preview-site-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)}.preview-site-header .preview-site-nav a:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width:768px){body,html{overflow-x:hidden;max-width:100vw}.editor-panel,.main-sidebar{display:none}.preview-container{margin-left:0;width:100%;max-width:100vw;overflow-x:hidden}#elementsContainer,.preview-content,.preview-site-footer,.preview-site-header{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}#elementsContainer,.preview-site-footer,.preview-site-header{overflow-wrap:break-word;word-wrap:break-word}#elementsContainer *,.preview-content *,.preview-site-footer *,.preview-site-header *{max-width:100%;box-sizing:border-box}.floating-add-container{right:16px;top:80px}.floating-add-btn{width:48px;height:48px;font-size:20px}.preview-toolbar{padding:0 16px;height:auto;min-height:64px;flex-wrap:wrap;gap:12px}.preview-tabs{gap:12px;order:1;width:100%}.preview-status{display:none}.preview-actions{order:2;gap:8px}.editable-text-wrapper h1,.preview-content .editable-text-wrapper h1,.preview-content[data-typography] .editable-text-wrapper h1{font-size:min(32px,8vw)!important;letter-spacing:-.5px!important;margin-bottom:16px;line-height:1.2;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.editable-text-wrapper h2,.preview-content .editable-text-wrapper h2,.preview-content[data-typography] .editable-text-wrapper h2{font-size:min(26px,6.5vw)!important;letter-spacing:-.3px!important;margin-bottom:14px;line-height:1.3;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.editable-text-wrapper h3,.preview-content .editable-text-wrapper h3,.preview-content[data-typography] .editable-text-wrapper h3{font-size:min(22px,5.5vw)!important;letter-spacing:-.2px!important;margin-bottom:12px;line-height:1.3;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.editable-text-wrapper h4,.preview-content .editable-text-wrapper h4,.preview-content[data-typography] .editable-text-wrapper h4{font-size:min(18px,4.5vw)!important;letter-spacing:0!important;margin-bottom:10px;line-height:1.4;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;max-width:100%}.editable-text-wrapper p,.preview-content .editable-text-wrapper p,.preview-content[data-typography] .editable-text-wrapper p{font-size:16px!important;margin-bottom:12px;line-height:1.5;overflow-wrap:break-word!important;word-wrap:break-word!important;max-width:100%}.editable-text-wrapper,.preview-content .editable-text-wrapper{max-width:100%;width:100%;overflow-wrap:break-word!important;word-wrap:break-word!important;overflow-x:hidden}.page-element-wrapper{max-width:100%!important;overflow-x:hidden;box-sizing:border-box}#elementsContainer{padding:0 20px 30px!important;gap:16px!important}.preview-content[data-section-padding=compact] #elementsContainer{padding:0 16px 24px!important;gap:12px!important}.preview-content[data-section-padding=comfortable] #elementsContainer{padding:0 20px 30px!important;gap:16px!important}.preview-content[data-section-padding=spacious] #elementsContainer{padding:0 24px 36px!important;gap:20px!important}.preview-site-header{padding:20px 20px 24px!important}.preview-content[data-section-padding=compact] .preview-site-header{padding:16px 16px 20px!important}.preview-content[data-section-padding=comfortable] .preview-site-header{padding:20px 20px 24px!important}.preview-content[data-section-padding=spacious] .preview-site-header{padding:24px 24px 28px!important}.preview-site-header[data-navigation-height=minimal]{padding:16px 20px 20px!important}.preview-site-header[data-navigation-height=standard]{padding:20px 20px 24px!important}.preview-site-header[data-navigation-height=generous]{padding:24px 20px 28px!important}.preview-site-title{font-size:10px!important;letter-spacing:2px}.preview-site-nav{gap:16px!important}.preview-site-nav a{font-size:13px!important}.preview-site-footer[data-footer-size=compact]{padding:24px 20px!important}.preview-site-footer[data-footer-size=standard]{padding:32px 20px!important}.preview-site-footer[data-footer-size=generous]{padding:40px 24px!important}.editable-text-wrapper{padding:6px 10px;margin:-6px -10px}.editable-text-wrapper[contenteditable=true],.page-element.editing .editable-text-wrapper{padding:12px}.preview-content{padding:60px 12px}.footer-nav{flex-direction:column;gap:16px}.footer-content-split{flex-direction:column;gap:24px}.page-element.width-half{flex:0 0 100%!important;width:100%!important;max-width:100%!important}}@media (max-width:480px){.editable-text-wrapper h1,.preview-content .editable-text-wrapper h1,.preview-content[data-typography] .editable-text-wrapper h1{font-size:min(28px,7vw)!important;margin-bottom:12px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto;hyphens:auto}.editable-text-wrapper h2,.preview-content .editable-text-wrapper h2,.preview-content[data-typography] .editable-text-wrapper h2{font-size:min(22px,5.5vw)!important;margin-bottom:10px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto;hyphens:auto}.editable-text-wrapper h3,.preview-content .editable-text-wrapper h3,.preview-content[data-typography] .editable-text-wrapper h3{font-size:min(18px,4.5vw)!important;margin-bottom:8px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important}.editable-text-wrapper h4,.preview-content .editable-text-wrapper h4,.preview-content[data-typography] .editable-text-wrapper h4{font-size:min(16px,4vw)!important;margin-bottom:8px;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important}.editable-text-wrapper p,.preview-content .editable-text-wrapper p,.preview-content[data-typography] .editable-text-wrapper p{font-size:15px!important;margin-bottom:10px;overflow-wrap:break-word!important;word-wrap:break-word!important}#elementsContainer{padding:0 16px 24px!important;gap:12px!important}.preview-site-header{padding:16px 16px 20px!important}.preview-site-title{font-size:9px!important;letter-spacing:1.5px}.preview-site-nav{gap:12px!important}.preview-site-nav a{font-size:12px!important}}.editor-panel::-webkit-scrollbar{width:8px}.editor-panel::-webkit-scrollbar-track{background:#f5f5f5}.editor-panel::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.editor-panel::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.main-sidebar{width:70px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-right:1px solid rgba(255,255,255,.08);position:fixed;height:100vh;left:0;top:0;z-index:200;display:flex;flex-direction:column;box-shadow:2px 0 16px rgba(0,0,0,.15)}.main-content .main-sidebar{top:56px;height:calc(100vh - 56px)}.main-sidebar-header{padding:36px 0 48px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.main-sidebar-logo{font-size:10px;font-weight:300;letter-spacing:2.8px;color:#ffffff;text-decoration:none;writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block;opacity:.8}.main-sidebar-nav{flex:1 1;padding:32px 0;gap:8px}.main-nav-item,.main-sidebar-nav{display:flex;flex-direction:column}.main-nav-item{align-items:center;gap:6px;padding:16px 8px;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none;color:rgba(255,255,255,.5)}.main-nav-item:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.main-nav-item.active{background:rgba(255,255,255,.12);color:#ffffff}.main-nav-icon{font-size:18px;font-style:normal}.main-nav-label{font-size:9px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;text-align:center}.main-sidebar-footer{padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}.editor-panel{width:360px;background:#f5f5f5;border-right:1px solid #e0e0e0;position:fixed;height:100vh;left:70px;top:0;z-index:150;overflow-y:auto}.main-content .editor-panel{top:56px;height:calc(100vh - 56px)}.editor-header{padding:24px 32px 24px 40px;background:#ffffff;border-bottom:1px solid #e0e0e0}.editor-back{font-size:20px;color:#666;cursor:pointer;margin-bottom:16px;display:inline-block}.editor-title{font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#999;margin-bottom:6px}.editor-theme{font-size:16px;font-weight:400;color:#000}.editor-sections{padding:12px 0}.editor-section{background:#ffffff;margin-bottom:2px;cursor:pointer}.editor-section-header{display:flex;align-items:center;padding:18px 32px 18px 40px;transition:background .2s ease}.editor-section-header:hover{background:#fafafa}.editor-section-icon{width:20px;font-size:14px;margin-right:14px;opacity:.7}.editor-section-title{flex:1 1;font-size:13px;font-weight:400;letter-spacing:.3px;text-transform:uppercase}.editor-section-arrow{font-size:14px;color:#999;transition:transform .2s ease}.editor-section.open .editor-section-arrow{transform:rotate(90deg)}.editor-section-content{padding:0 32px 24px 74px;display:none}.editor-section.open .editor-section-content{display:block}.control-group{margin-bottom:28px}.control-group:last-child{margin-bottom:0}.control-label{display:block;font-size:12px;font-weight:500;color:#000;margin-bottom:12px;letter-spacing:.3px}.control-input,.control-select{width:100%;padding:11px 16px;font-size:13px;font-family:inherit;background:#ffffff;border:1px solid #d0d0d0;border-radius:6px;transition:all .2s ease}.control-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.control-input:hover,.control-select:hover{border-color:#999}.control-input:focus,.control-select:focus{outline:none;border-color:#000}.control-help{font-size:11px;color:#999;margin-top:8px;line-height:1.4}.control-slider{width:100%;height:4px;border-radius:2px;background:#e0e0e0;outline:none;-webkit-appearance:none;margin:12px 0}.control-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.control-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#000;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.control-slider::-moz-range-thumb:hover{transform:scale(1.15)}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#666;margin-bottom:4px}.slider-value{font-weight:500;color:#000}.slider-marks{display:flex;justify-content:space-between;font-size:10px;color:#999;margin-top:4px}.button-group-2,.button-group-3{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.button-group-2{grid-template-columns:repeat(2,1fr)}.button-group-3{grid-template-columns:repeat(3,1fr)}.btn-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ffffff;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:13px}.btn-option:hover{border-color:#999;background:#fafafa}.btn-option.active{border-color:#000;background:#f5f5f5}.btn-option-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666}.btn-option.active .btn-option-label{color:#000;font-weight:500}.toggle-label{display:flex;align-items:center;gap:14px;cursor:pointer;padding:12px 0;margin-bottom:0}.control-toggle{display:none}.toggle-slider{width:48px;height:28px;background:#d0d0d0;border-radius:14px;position:relative;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;background:#ffffff;border-radius:50%;top:3px;left:3px;transition:all .3s ease}.control-toggle:checked+.toggle-slider{background:#4caf50}.control-toggle:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-info{flex:1 1}.toggle-title{font-size:12px;font-weight:400;color:#000;margin-bottom:2px}.toggle-description{font-size:11px;color:#999}.font-pairing-option{padding:16px;background:#ffffff;border:1px solid #d0d0d0;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.font-pairing-option:hover{border-color:#999;background:#fafafa}.font-pairing-option:last-child{margin-bottom:0}.font-pairing-name{font-size:14px;font-weight:500;color:#000;margin-bottom:4px}.font-pairing-fonts{font-size:12px;color:#666}.color-picker-group{display:flex;gap:12px;align-items:center}.color-swatch{width:44px;height:44px;background:#000;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;flex-shrink:0}.color-picker-group .control-input{flex:1 1}.page-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1000}.page-settings-modal.show{display:flex}.page-settings-content{background:#fff;width:500px;max-height:80vh;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.page-settings-header{padding:24px 28px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.page-settings-title{font-size:16px;font-weight:500;color:#000}.page-settings-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:20px;color:#666;border-radius:4px;transition:all .15s ease}.page-settings-close:hover{background:#f0f0f0;color:#000}.page-settings-body{padding:28px;overflow-y:auto;max-height:calc(80vh - 140px)}.preview-site-header{display:flex;justify-content:space-between;align-items:center;padding:32px 60px 40px;margin-bottom:0}.preview-site-title{font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#000}.preview-site-nav{display:flex;gap:24px}.preview-site-nav a{font-size:14px;font-weight:300;color:#000;text-decoration:none;transition:opacity .2s ease}.preview-site-nav a:hover{opacity:.6}.preview-hero{text-align:center;padding:80px 0 120px}.preview-artwork-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-top:80px}.preview-artwork-card{aspect-ratio:1;border-radius:8px}.preview-artwork-card,.preview-content[data-theme=gallery-white] .preview-artwork-card{background-color:#f8f8f8}.preview-content[data-theme=dark-minimal] .preview-artwork-card{background-color:#2d2d2d}.preview-content[data-theme=warm-beige] .preview-artwork-card{background-color:#e6d2b8}.preview-content[data-theme=cool-gray] .preview-artwork-card{background-color:#d0dbe3}.preview-content[data-theme=sage-green] .preview-artwork-card{background-color:#c8dcc8}.preview-content[data-theme=terracotta] .preview-artwork-card{background-color:#e8cfc2}.preview-content[data-theme=midnight] .preview-artwork-card{background-color:#34495e}.preview-content[data-theme=blush] .preview-artwork-card{background-color:#f7dede}.artwork-lavender{background-image:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2))}.artwork-pink{background-image:linear-gradient(135deg,rgba(240,147,251,.2),rgba(245,87,108,.2))}.artwork-blue{background-image:linear-gradient(135deg,rgba(79,172,254,.2),rgba(0,242,254,.2))}.confirm-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .2s ease}.confirm-modal-overlay.active{display:flex;align-items:center;justify-content:center}.confirm-modal{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:400px;width:90%;animation:slideUp .3s ease;overflow:hidden}.confirm-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.confirm-modal-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.confirm-modal-body{padding:20px 24px;color:#666;font-size:14px;line-height:1.6}.confirm-modal-footer{padding:16px 24px;background:#f9f9f9;display:flex;gap:12px;justify-content:flex-end}.confirm-modal-btn{padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-modal-btn-cancel{background:white;color:#666;border:1px solid #ddd}.confirm-modal-btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.confirm-modal-btn-confirm{background:#dc3545;color:white}.confirm-modal-btn-confirm:hover{background:#c82333}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.add-page-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .2s ease}.add-page-modal-overlay.active{display:flex;align-items:center;justify-content:center}.add-page-modal{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:500px;width:90%;animation:slideUp .3s ease;overflow:hidden}.add-page-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.add-page-modal-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.add-page-modal-body{padding:24px}.add-page-form-group{margin-bottom:20px}.add-page-form-group:last-child{margin-bottom:0}.add-page-form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.add-page-form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.add-page-form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.add-page-checkbox-wrapper{display:flex;align-items:center;gap:10px;padding:12px;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:background .2s ease}.add-page-checkbox-wrapper:hover{background:#f0f0f0}.add-page-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.add-page-checkbox-label{font-size:14px;color:#333;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.add-page-checkbox-description{font-size:12px;color:#666;margin:4px 0 0 28px}.add-page-modal-footer{padding:16px 24px;background:#f9f9f9;display:flex;gap:12px;justify-content:flex-end}.add-page-modal-btn{padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-page-modal-btn-cancel{background:white;color:#666;border:1px solid #ddd}.add-page-modal-btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.add-page-modal-btn-create{background:#007bff;color:white}.add-page-modal-btn-create:hover{background:#0056b3}.add-page-modal-btn-create:disabled{background:#ccc;cursor:not-allowed}.page-settings-section{border-bottom:1px solid #e0e0e0;padding-bottom:24px}.page-settings-section:last-of-type{border-bottom:none}.page-settings-section-title{font-size:11px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:#999;margin-bottom:20px}.page-list{display:flex;flex-direction:column;gap:8px}.page-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;cursor:move;transition:all .2s ease;-webkit-user-select:none;user-select:none}.page-list-item:hover{background:#fafafa;border-color:#d0d0d0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.page-list-item.selected{background:#f5f5f5;border-color:#000;border-width:2px;padding:13px 15px}.page-list-item.dragging{opacity:.5;cursor:grabbing}.page-drag-handle{color:#999;font-size:14px;cursor:move;-webkit-user-select:none;user-select:none}.page-drag-handle:hover{color:#666}.page-list-title{flex:1 1;font-size:14px;font-weight:400;color:#000;display:flex;align-items:center;gap:8px}.page-list-item.selected .page-list-title{font-weight:500}.page-private-badge{display:inline-block;padding:2px 8px;background:#f0f0f0;color:#666;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;border-radius:4px}.page-delete-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:16px;color:#999;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.page-delete-btn:hover:not(:disabled){background:#ffe5e5;color:#ff4444}.page-delete-btn:disabled{opacity:.3;cursor:not-allowed}.page-list-help{font-size:12px;color:#999;margin-top:12px;line-height:1.5}.page-element{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.page-element.dragging{opacity:.6;cursor:move;z-index:1000}.page-element.drag-over{transform:scale(.98);background:rgba(0,123,255,.05);border-radius:4px}.drop-zone-indicator{position:absolute;top:0;bottom:0;width:calc(50% - 12px);border:2px dashed rgba(59,130,246,.5);background:rgba(59,130,246,.08);border-radius:8px;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s ease;box-shadow:0 0 20px rgba(59,130,246,.15)}.drop-zone-indicator.active{opacity:1;animation:pulse 1.5s ease-in-out infinite}.drop-zone-indicator.left{left:0}.drop-zone-indicator.right{right:0}@keyframes pulse{0%,to{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.5)}50%{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.7)}}.page-element.drop-target-left:before,.page-element.drop-target-right:before{content:"";position:absolute;top:-4px;bottom:-4px;width:4px;background:rgba(59,130,246,.8);z-index:10;box-shadow:0 0 8px rgba(59,130,246,.6)}.page-element.drop-target-left:before{left:-14px}.page-element.drop-target-right:before{right:-14px}.page-element.width-full{flex:0 0 100%;width:100%;max-width:100%}.page-element.width-half{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 24px) / 2);width:calc((100% - 24px) / 2);max-width:calc((100% - 24px) / 2)}.page-element-wrapper{position:relative}.page-element-wrapper:hover .element-edit-bar{opacity:1;visibility:visible}.element-edit-bar{position:absolute;top:-32px;left:-12px;right:-12px;height:28px;background:#f8f8f8;border:1px solid #d0d0d0;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;font-family:Monaco,Menlo,Courier New,monospace}.element-edit-bar-left{display:flex;align-items:center;gap:8px}.element-drag-handle{cursor:move;color:#999;font-size:14px;padding:4px;-webkit-user-select:none;user-select:none}.element-drag-handle:hover{color:#666}.element-type-label{font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#666}.element-edit-bar-right{display:flex;align-items:center;gap:4px}.element-width-toggle{display:flex;border:1px solid #d0d0d0;border-radius:3px;overflow:hidden;margin-right:8px}.width-toggle-btn{width:24px;height:20px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;transition:all .15s ease}.width-toggle-btn:hover{background:#f0f0f0}.width-toggle-btn.active{background:#000;color:#fff}.width-toggle-btn:not(:last-child){border-right:1px solid #d0d0d0}.element-action-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;transition:all .15s ease;border-radius:3px}.element-action-btn:hover{background:#e8e8e8;color:#000}.element-action-btn.delete:hover{background:#ff4444;color:#fff}.add-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:49;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-add-container{position:fixed;top:132px;right:48px;z-index:50}.floating-add-btn{width:56px;height:56px;border-radius:50%;background:#ffffff;border:1px solid #e0e0e0;color:#000000;font-size:24px;font-weight:300;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.floating-add-btn:hover{background:#fafafa;border-color:#d0d0d0;box-shadow:0 6px 20px rgba(0,0,0,.12),0 3px 10px rgba(0,0,0,.06);transform:translateY(-2px)}.floating-add-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.08)}.floating-add-btn.active span{display:inline-block;transform:rotate(45deg)}.add-dropdown{position:absolute;top:68px;right:0;background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease}.add-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.add-dropdown-section{padding:8px 0;border-bottom:1px solid #f0f0f0}.add-dropdown-section:last-child{border-bottom:none}.add-dropdown-label{padding:8px 20px 4px;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#999}.add-dropdown-item{padding:12px 20px;display:flex;align-items:center;gap:14px;font-size:13px;font-weight:400;letter-spacing:.3px;color:#000;cursor:pointer;transition:all .2s ease}.add-dropdown-item:hover{background:#f5f5f5}.add-dropdown-icon{font-size:16px;opacity:.7}