.print-logo{display:none!important}@media print{.print-logo{display:block!important;position:fixed!important;top:0!important;left:0!important;width:28mm!important;height:auto!important;z-index:9999!important;background:none!important;box-shadow:none!important;border:none!important;pointer-events:none!important}}.print-attribution{display:none!important}@media print{.print-attribution{display:block!important;position:fixed!important;right:10mm!important;bottom:6mm!important;font-size:7pt!important;color:#888!important;text-align:right!important;margin:0!important;padding:0!important;width:auto!important;max-width:50vw!important;z-index:9999!important;background:none!important;box-shadow:none!important;border:none!important;pointer-events:none!important}}:root{--primary-color:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-rgb:37,99,235}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;max-width:100vw;height:100%;overflow-x:hidden;overflow-y:hidden}.print-premium-overlay{display:none!important}@media print{.print-premium-overlay{display:none!important}body.plan-free .print-premium-overlay{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#fff!important;z-index:999999!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:20mm!important;box-sizing:border-box!important}body.plan-free .print-premium-overlay .premium-lock-icon{display:block!important;font-size:72pt!important;color:#2563eb!important;margin-bottom:10mm!important}body.plan-free .print-premium-overlay h2{display:block!important;font-size:24pt!important;color:#1e293b!important;margin:0 0 5mm!important;font-weight:700!important}body.plan-free .print-premium-overlay p{display:block!important;font-size:14pt!important;color:#64748b!important;margin:0 0 8mm!important;max-width:400px!important}body.plan-free .print-premium-overlay .premium-cta{display:block!important;font-size:12pt!important;color:#2563eb!important;font-weight:600!important}@page{size:A4 landscape;margin:8mm}.add-item-btn,.hamburger-menu,.mobile-canvas-title,.modal,.navigation,.pricing-modal,.rateme,.subscription-modal,.toolbar,.toolbar-nav,.tutorial-overlay,.user-menu,body.plan-free .print-attribution,body.plan-free .print-canvas-title,body.plan-free .print-logo,body.plan-free main,button,footer,header,nav{display:none!important}body,html{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;overflow:visible!important}.canvas-page-container,body,html{height:auto!important;width:100%!important;margin:0!important;padding:0!important}.canvas-page-container{display:block!important}.print-canvas-title{font-size:14pt!important;font-weight:700!important;text-align:center!important;padding:2mm 0!important;color:#333!important}.print-canvas-title,main{display:block!important;margin:0!important}main{position:relative!important;width:277mm!important;height:170mm!important;padding:0!important;border:2px solid #333!important;border-radius:0!important;page-break-inside:avoid;box-sizing:border-box}main,main section{background-color:#fff!important;overflow:hidden!important}main section{position:absolute!important;float:none!important;padding:2mm!important;border:1px solid #333!important;box-sizing:border-box!important}section.s8{left:0!important;top:0!important;width:20%!important;height:70%!important;border-left:none!important;border-top:none!important}.single{position:absolute!important;float:none!important;display:block!important}main>.single:first-of-type{left:20%!important;top:0!important;width:20%!important;height:70%!important}main>.single:first-of-type section.s7{top:0!important;border-top:none!important}main>.single:first-of-type section.s6,main>.single:first-of-type section.s7{position:absolute!important;left:0!important;width:100%!important;height:50%!important;border-left:none!important}main>.single:first-of-type section.s6{top:50%!important}main>.single:first-of-type br{display:none!important}section.s2{left:40%!important;border-top:none!important}main>.single:nth-of-type(2),section.s2{top:0!important;width:20%!important;height:70%!important}main>.single:nth-of-type(2){left:60%!important}main>.single:nth-of-type(2) section.s4{top:0!important;border-top:none!important}main>.single:nth-of-type(2) section.s3,main>.single:nth-of-type(2) section.s4{position:absolute!important;left:0!important;width:100%!important;height:50%!important}main>.single:nth-of-type(2) section.s3{top:50%!important}main>.single:nth-of-type(2) br{display:none!important}section.s1{left:80%!important;top:0!important;width:20%!important;height:70%!important;border-top:none!important;border-right:none!important}section.s9{left:0!important;border-left:none!important}section.s5,section.s9{top:70%!important;width:50%!important;height:30%!important;border-bottom:none!important}section.s5{left:50%!important;border-right:none!important}main section>h2{font-size:8pt!important;margin:0 0 1mm!important;font-weight:700!important;color:#333!important;line-height:1.2!important}main section>.fa{font-size:8pt!important;right:1mm!important;top:1mm!important;color:#666!important}main section>ul{margin:0!important;padding:0!important;list-style:none!important}main section>ul>li{display:inline-block!important;font-size:6pt!important;padding:1px 3px!important;margin-bottom:2px!important;margin-right:2px!important;background-color:#fdfcce!important;box-shadow:none!important;transform:rotate(-1deg)!important;-webkit-transform:rotate(-1deg)!important;line-height:1.2!important}.canvas-title{display:none!important}.canvas-container,main,main section{page-break-inside:avoid!important;break-inside:avoid!important}}.print-canvas-title{display:none}body{padding:0;font-family:var(--font-open-sans),"Open Sans",sans-serif;background-color:#f0f0f0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#f5f5f5 0,#e8e8e8);border-bottom:1px solid #ccc;padding:8px 16px;min-height:50px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.hamburger-menu{position:relative}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#555;font-size:18px;transition:all .2s ease}.hamburger-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.hamburger-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:200px;padding:8px;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.dropdown-item i{font-size:16px;width:20px;text-align:center}.dropdown-item.theme-item{cursor:default}.dropdown-item.theme-item:hover{background:transparent;color:#333}.dropdown-item.theme-item .theme-selector{flex:1 1}.hamburger-container{display:none;position:relative}.hamburger-container .hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#555;font-size:18px;transition:all .2s ease}.hamburger-container .hamburger-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.hamburger-container .hamburger-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:220px;padding:8px;z-index:1000;animation:dropdownFadeIn .2s ease}.hamburger-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease;text-align:left}.hamburger-item:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.hamburger-item i{font-size:16px;width:20px;text-align:center}.hamburger-item.auto-saved-indicator{color:var(--success-color,#28a745);cursor:default}.hamburger-item.auto-saved-indicator:hover{background:transparent;color:var(--success-color,#28a745)}.hamburger-divider{height:1px;background:rgba(0,0,0,.1);margin:8px 16px}.public-toggle-mobile{display:flex;align-items:center;gap:12px;padding:12px 16px}.public-toggle-mobile .toggle-switch{width:50px;height:26px;background:#ddd;border:none;border-radius:13px;position:relative;cursor:pointer;transition:background .3s;flex-shrink:0}.public-toggle-mobile .toggle-switch:hover{background:#ccc}.public-toggle-mobile .toggle-switch.active{background:var(--primary-color)}.public-toggle-mobile .toggle-switch.active:hover{background:var(--primary-light)}.public-toggle-mobile .toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.public-toggle-mobile .toggle-slider.public{transform:translateX(24px)}.desktop-only-toolbar{display:flex;align-items:center;gap:8px}.toolbar-left{display:flex;align-items:center;gap:20px}.toolbar-title{font-size:16px;font-weight:500;color:#333}.toolbar .logo-link{display:flex;align-items:center}.toolbar .logo-link img{height:35px;width:auto}.toolbar-nav{gap:4px}.toolbar-nav,.toolbar-nav>a{display:flex;align-items:center}.toolbar-nav>a{flex-direction:column;justify-content:center;padding:8px 12px;color:#333;text-decoration:none;border-radius:4px;transition:all .2s ease;min-width:60px}.toolbar-nav>a:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.toolbar-nav>a:active{background-color:rgba(var(--primary-rgb),.2)}.toolbar-nav>a>i{font-size:18px;margin-bottom:4px}.toolbar-nav>a>span{font-size:11px;font-weight:500}.toolbar-nav .toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;color:#333;background:transparent;border:none;border-radius:4px;transition:all .2s ease;min-width:70px;cursor:pointer}.toolbar-nav .toolbar-btn:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.toolbar-nav .toolbar-btn:active{background-color:rgba(var(--primary-rgb),.2)}.toolbar-nav .toolbar-btn>i:first-child{font-size:18px;margin-bottom:4px}.toolbar-nav .toolbar-btn>span{font-size:11px;font-weight:500}.toolbar-nav .auto-saved-indicator{cursor:default}.toolbar-nav .auto-saved-indicator:hover{background:transparent}.canvas-title{display:flex;align-items:center;background:hsla(0,0%,100%,.7);border-radius:6px;padding:4px 8px;border:1px dashed #ccc}.canvas-title .title-icon{color:#999;font-size:14px;margin-right:8px;transition:color .2s}.canvas-title:hover .title-icon{color:var(--primary-color)}.canvas-title-input{font-size:18px;font-weight:600;color:#333;background:transparent;border:none;padding:4px 8px;min-width:250px;max-width:400px;transition:all .2s ease}.canvas-title-input:hover{color:#000}.canvas-title-input:focus{outline:none}.canvas-title:focus-within{border-color:var(--primary-color);border-style:solid;background:#fff;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.canvas-title:focus-within .title-icon{color:var(--primary-color)}.canvas-title-input::placeholder{color:#999;font-weight:400}.viewing-public-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(59,130,246,.1);color:#3b82f6;border-radius:4px;font-size:12px;margin-left:8px}.viewing-public-badge i{font-size:14px}.public-toggle{display:flex;align-items:center;gap:10px;padding:6px 12px;background:hsla(0,0%,100%,.7);border-radius:6px;border:1px solid #e0e0e0}.public-toggle span{font-size:13px;font-weight:400;color:#999;transition:all .2s}.public-toggle span.active{color:#222;font-weight:600}.public-toggle .toggle-switch{width:50px;height:26px;background:#ddd;border:none;border-radius:13px;position:relative;cursor:pointer;transition:background .3s}.public-toggle .toggle-switch:hover{background:#ccc}.public-toggle .toggle-switch.active{background:var(--primary-color)}.public-toggle .toggle-switch.active:hover{background:var(--primary-light)}.public-toggle .toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.public-toggle .toggle-slider.public{transform:translateX(24px)}.toggle-tooltip{position:relative;display:flex;align-items:center}.toggle-tooltip i{color:#999;font-size:14px;cursor:help;transition:color .2s}.toggle-tooltip:hover i{color:var(--primary-color)}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;text-align:center;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;transition:opacity .2s,visibility .2s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#333}.toggle-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.toolbar-right{display:flex;align-items:center;gap:16px}.toolbar-right .info-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#666;background:transparent;border:1px solid #ddd;border-radius:50%;cursor:pointer;transition:all .2s ease}.toolbar-right .info-btn:hover{background-color:rgba(var(--primary-rgb),.1);border-color:var(--primary-color);color:var(--primary-color)}.toolbar-right .info-btn i{font-size:18px}.language-selector{display:flex;align-items:center}.theme-selector{position:relative}.theme-select-btn{width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-select-btn:hover{border-color:var(--primary-color)}.theme-dot{width:20px;height:20px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:4px;padding:8px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;gap:6px;z-index:1000}.theme-option{width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-option:hover{transform:scale(1.1)}.theme-option.active{border-color:#333}.theme-option .theme-dot{width:18px;height:18px}.language-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;color:#333;cursor:pointer;transition:all .2s}.language-select:focus,.language-select:hover{border-color:var(--primary-color)}.language-select:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.user-menu{position:relative}.user-menu-btn{width:40px;height:40px;padding:0;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px;color:#555}.user-menu-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.user-menu-header{gap:12px;padding:16px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08) 0,rgba(var(--primary-rgb),.03) 100%)}.user-avatar,.user-menu-header{display:flex;align-items:center}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-color);justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.user-info{flex-direction:column;gap:4px;min-width:0}.user-email{font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-plan{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.user-plan.free{background:#e0e0e0;color:#666}.user-plan.pro{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff}.user-menu-divider{height:1px;background:#e0e0e0;margin:0}.user-menu-items{padding:8px 0}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;color:#333;text-decoration:none;transition:all .15s;text-align:left}.user-menu-item:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary-color)}.user-menu-item i{width:20px;text-align:center;font-size:16px;color:#666;transition:color .15s}.user-menu-item:hover i{color:var(--primary-color)}.user-menu-item.logout{color:#dc3545;padding:12px 16px}.user-menu-item.logout:hover{background:rgba(220,53,69,.08);color:#dc3545}.user-menu-item.logout i{color:#dc3545}.user-menu-languages{padding:12px 16px}.user-menu-label{display:flex;align-items:center;gap:12px;font-size:14px;color:#666;margin-bottom:10px}.user-menu-label i{width:20px;text-align:center;font-size:16px}.language-flags{display:flex;gap:8px;flex-wrap:wrap;padding-left:32px}.language-flag-btn{width:36px;height:36px;padding:0;border:2px solid transparent;border-radius:8px;background:#f5f5f5;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.language-flag-btn:hover{background:#e8e8e8;transform:scale(1.1)}.language-flag-btn.active{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.pricing-link{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(var(--primary-rgb),.3)}.pricing-link:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--primary-rgb),.4)}.pricing-link i,.upgrade-btn{font-size:14px}.upgrade-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;text-decoration:none;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(245,158,11,.4);position:relative;overflow:hidden}.upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.upgrade-btn:hover:before{left:100%}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.5)}.upgrade-btn i{font-size:16px}.upgrade-badge{background:#fff;color:var(--primary-color);font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:4px}.pricing-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:40px 20px;font-family:var(--font-open-sans),"Open Sans",sans-serif}.pricing-header{text-align:center;max-width:600px;margin:0 auto 50px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#666;text-decoration:none;margin-bottom:30px;font-size:14px;transition:color .2s}.back-link:hover{color:var(--primary-color)}.pricing-header h1{font-size:42px;font-weight:700;color:#222;margin-bottom:12px}.pricing-header p{font-size:18px;color:#666;margin-bottom:30px}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#666}.billing-toggle span.active{color:#222;font-weight:600}.toggle-switch{width:50px;height:26px;background:#ddd;border:none;border-radius:13px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch:hover{background:#ccc}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-slider.yearly{transform:translateX(24px)}.discount-badge{display:inline-block;background:#22c55e;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px}.pricing-tiers{display:flex;justify-content:center;gap:24px;max-width:1200px;margin:0 auto 60px;flex-wrap:wrap}.pricing-card{background:#fff;border-radius:16px;padding:32px 28px;width:260px;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;transition:transform .3s,box-shadow .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.pricing-card.highlighted{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff;transform:scale(1.05);z-index:1}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#222;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px}.pricing-card-header h2{font-size:22px;font-weight:700;margin-bottom:6px}.tier-description{font-size:13px;opacity:.8;margin-bottom:20px}.pricing-card-price{margin-bottom:24px}.pricing-card-price .price{font-size:42px;font-weight:700}.pricing-card-price .period{font-size:14px;opacity:.7}.pricing-features{list-style:none;padding:0;margin:0 0 24px}.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.pricing-card.highlighted .pricing-features li{border-bottom-color:hsla(0,0%,100%,.15)}.pricing-features li i{color:#22c55e;margin-top:2px}.pricing-card.highlighted .pricing-features li i{color:#fff}.pricing-cta{width:100%;padding:14px 20px;border:2px solid #222;background:transparent;color:#222;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.pricing-cta:hover{background:#222;color:#fff}.pricing-cta.primary{background:#f59e0b;color:#fff;border-color:#f59e0b}.pricing-cta.primary:hover{background:#d97706;color:#fff;border-color:#d97706}.value-ladder{max-width:1000px;margin:0 auto 60px;text-align:center}.value-ladder h2{font-size:32px;font-weight:700;color:#222;margin-bottom:8px}.value-ladder-subtitle{font-size:16px;color:#666;margin-bottom:40px}.ladder-steps{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.ladder-step{background:#fff;border-radius:12px;padding:24px;width:180px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.step-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.step-icon i{font-size:22px;color:#fff}.ladder-step h3{font-size:16px;font-weight:700;color:#222;margin-bottom:8px}.ladder-step p{font-size:13px;color:#666;line-height:1.5}.ladder-arrow{color:var(--primary-color);font-size:24px}.pricing-faq{max-width:800px;margin:0 auto 60px}.pricing-faq h2{font-size:28px;font-weight:700;color:#222;text-align:center;margin-bottom:30px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.faq-item{padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.faq-item h4{font-size:15px;font-weight:600;color:#222;margin-bottom:10px}.faq-item p{color:#666}.pricing-footer{text-align:center;color:#666;font-size:14px}.pricing-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.pricing-footer a:hover{text-decoration:underline}@media (max-width:768px){.pricing-tiers{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:320px}.pricing-card.highlighted{transform:none}.ladder-steps{flex-direction:column}.ladder-arrow{transform:rotate(90deg)}.faq-grid{grid-template-columns:1fr}}nav:not(.toolbar-nav){display:none}main{border:2px solid #666;overflow:hidden;flex:1 1;background-color:#fff;margin:16px 16px 44px;border-radius:4px;width:calc(100% - 32px);max-width:100vw;min-width:0}main:after{content:"";display:table;clear:both}main section{float:left;position:relative;padding:1vmin;border-right:2px solid #666;border-bottom:2px solid #666;display:flex;flex-direction:column;overflow:hidden}main section.s1,main section.s5{border-right:none}main section.s5,main section.s9{border-bottom:none}main section>h2{padding:0;margin:0 5vmin 0 0;line-height:1.3em;font-weight:400;font-size:1.7vmin;cursor:help}main section>.fa{position:absolute;font-size:2vmin;color:#333;right:1vmin;top:1vmin}main section>ul{margin:1vh 0 0;padding:0 4px 0 1vw;list-style:none;font-weight:lighter;flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}main section>ul::-webkit-scrollbar{width:4px}main section>ul::-webkit-scrollbar-track{background:transparent}main section>ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:2px}main section>ul>li{display:inline-block;margin-bottom:10px;margin-right:10px;padding:4px 10px;font-family:var(--font-coming-soon),"Coming Soon",cursive;cursor:pointer;background-color:#fdfcce;box-shadow:0 1px 2px 0 rgba(0,0,0,.5);transform:rotate(-3deg)}.single,block{display:block;float:left;min-width:0}.s1,.s2,.s8,.single{height:70%;width:20%;min-width:0}.s3,.s4,.s6,.s7{width:100%;height:50%}.s4,.s7{border-bottom:2px solid #666}.s5,.s9{height:30%;width:50%}.navigation{float:left}.navigation .navigation-menu{float:left;position:relative;bottom:10px;padding:0 10px;list-style:none}.navigation .navigation-menu a{color:var(--primary-color)}.social,.social li{float:right}.social li{list-style:none}.social i{width:40px;height:40px;color:#fff;background-color:#333;font-size:22px;text-align:center;padding-top:12px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}.exit-intent-overlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.exit-intent-overlay .subscription-modal{display:block;position:relative;background:transparent;width:auto;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.subscription-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.7)}.subscription-modal-content{background-color:#fff;margin:2% auto;padding:15px 40px;border:none;border-radius:12px;width:90%;max-width:650px;max-height:90vh;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.15);border-top:4px solid var(--primary-color);overflow-y:auto}.modal-icon{background-color:var(--primary-color);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-icon i{font-size:28px;color:#fff}.subscription-modal-content h2{margin:0 0 10px;color:#2c3e50;font-size:22px;font-weight:700;text-align:center}.modal-subtitle{color:#7f8c8d;font-size:14px;text-align:center;margin:0 0 25px;line-height:1.5}.subscription-modal-content form{margin-bottom:15px}.subscription-modal-content form input[type=email],.subscription-modal-content form input[type=text],.subscription-modal-content form select,.subscription-modal-content form textarea{width:100%;padding:14px;border:2px solid #ecf0f1;border-radius:8px;font-size:15px;background-color:#f8f9fa;transition:all .3s ease;box-sizing:border-box;margin-bottom:12px}.subscription-modal-content form input[type=email]:focus,.subscription-modal-content form input[type=text]:focus,.subscription-modal-content form select:focus,.subscription-modal-content form textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff}.subscription-modal-content form label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:600;font-size:14px}.subscribe-btn{width:100%;padding:14px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.subscribe-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.subscribe-btn:active{transform:translateY(0)}.subscribe-btn i{font-size:14px}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.privacy-note{color:#95a5a6;font-size:12px;text-align:center;margin:0;line-height:1.5}.privacy-note i{margin-right:4px;color:#27ae60}.subscription-modal-content p{color:#666;font-size:16px;line-height:1.5;margin-bottom:20px}.close-subscription{color:#aaa;position:absolute;right:20px;top:15px;font-size:35px;font-weight:700;cursor:pointer;transition:color .3s}.close-subscription:focus,.close-subscription:hover{color:#000}.info-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.7)}.info-modal-content{background-color:#fff;margin:5% auto;padding:30px 35px;border:none;border-radius:12px;width:90%;max-width:550px;max-height:85vh;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.15);border-top:4px solid var(--primary-color);overflow-y:auto}.info-modal-content h2{margin:0 0 20px;color:#2c3e50;font-size:22px;font-weight:700;text-align:center}.info-modal-content h2 i{margin-right:10px;color:var(--primary-color)}.info-body h3{color:#2c3e50;font-size:16px;margin:20px 0 10px;font-weight:600}.info-body p{color:#555;font-size:14px;line-height:1.6;margin:0 0 15px}.info-body .attribution{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid var(--primary-color);font-style:italic;margin-top:20px}.info-body .attribution a{color:var(--primary-color);text-decoration:none}.info-body .attribution a:hover{text-decoration:underline}.close-info{color:#aaa;position:absolute;right:20px;top:15px;font-size:35px;font-weight:700;cursor:pointer;transition:color .3s}.close-info:focus,.close-info:hover{color:#000}.add-item-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.7)}.add-item-modal-content{background-color:#fff;margin:10% auto;padding:30px 35px;border:none;border-radius:12px;width:90%;max-width:400px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.15);border-top:4px solid var(--primary-color)}.add-item-modal-content h2{margin:0 0 20px;color:#2c3e50;font-size:20px;font-weight:700;text-align:center}.add-item-modal-content h2 i{margin-right:10px;color:var(--primary-color)}.add-item-modal-content form input[type=text]{width:100%;padding:14px;border:2px solid #ecf0f1;border-radius:8px;font-size:15px;background-color:#f8f9fa;transition:all .3s ease;box-sizing:border-box;margin-bottom:15px}.add-item-modal-content form input[type=text]:focus{outline:none;border-color:var(--primary-color);background-color:#fff}.add-item-btn{width:100%;padding:14px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.add-item-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.add-item-btn:active{transform:translateY(0)}.close-add-item{color:#aaa;position:absolute;right:20px;top:15px;font-size:30px;font-weight:700;cursor:pointer;transition:color .3s}.close-add-item:focus,.close-add-item:hover{color:#000}.confirm-item-name{width:100%;padding:14px;border:2px solid #ecf0f1;border-radius:8px;font-size:15px;background-color:#f8f9fa;box-sizing:border-box;margin-bottom:15px;text-align:center;color:#2c3e50;word-break:break-word}.confirm-modal-buttons{display:flex;gap:10px}.confirm-modal-buttons .cancel-btn{background-color:#ecf0f1;color:#2c3e50}.confirm-modal-buttons .cancel-btn:hover{background-color:#d5dbdb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.confirm-modal-buttons .delete-btn{background-color:var(--primary-color)}.confirm-modal-buttons .delete-btn:hover{background-color:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}main section button{margin-top:8px;padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s ease;align-self:flex-start;flex-shrink:0}main section button:hover{background-color:var(--primary-dark)}header:not(.toolbar){margin-bottom:10px;flex-shrink:0}header:not(.toolbar) img{max-height:40px}.canvas-page-container{display:flex;flex-direction:column;height:100%;width:100%}.subscription-required-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow-y:auto}.subscription-required-header{padding:12px 24px;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px rgba(0,0,0,.05);flex-shrink:0}.subscription-required-header .logo-link img{height:32px;width:auto}.subscription-required-page .pricing-modal-overlay{position:relative;background:transparent;padding:20px;flex:1 1;overflow-y:auto}.subscription-required-page .pricing-modal{position:relative;max-width:1000px;margin:0 auto;max-height:none;box-shadow:0 8px 32px rgba(0,0,0,.1)}.subscription-required-page .pricing-modal-close{display:none}.subscription-required-title{display:flex;align-items:center;justify-content:center;gap:10px}.subscription-required-title i{color:var(--primary-color)}.user-info{float:right;display:flex;align-items:center;gap:15px;font-size:14px;color:#666}.user-info>span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.logout-btn:hover{background-color:var(--primary-color);color:#fff}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:40px;width:100%;max-width:600px;border-top:4px solid var(--primary-color)}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{max-height:50px;margin-bottom:20px}.auth-header h1{margin:0 0 10px;color:#2c3e50;font-size:24px;font-weight:600}.auth-header p{margin:0;color:#7f8c8d;font-size:14px}.success-icon{width:60px;height:60px;background-color:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:14px;font-weight:500;color:#2c3e50}.form-group input{padding:12px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:15px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color)}.auth-error{background-color:#fee;color:#c00;padding:12px;font-size:14px}.auth-btn,.auth-error{border-radius:8px;text-align:center}.auth-btn{padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.auth-btn.primary{background-color:var(--primary-color);color:#fff;border:none}.auth-btn.primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.auth-btn.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-btn.google{background-color:#fff;color:#333;border:2px solid #ecf0f1}.auth-btn.google:hover{background-color:#f8f9fa;border-color:#ddd}.auth-divider{display:flex;align-items:center;margin:20px 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background-color:#ecf0f1}.auth-divider span{padding:0 15px;color:#95a5a6;font-size:14px}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:#7f8c8d}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.landing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);padding:40px 20px}.landing-content{text-align:center;max-width:900px}.landing-logo{max-height:60px;margin-bottom:20px}.landing-content h1{font-size:42px;color:#2c3e50;margin:0 0 20px;font-weight:700}.landing-subtitle{font-size:18px;color:#7f8c8d;line-height:1.6;max-width:600px;margin:0 auto 40px}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin-bottom:50px}.feature{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.feature i{font-size:40px;color:var(--primary-color);margin-bottom:15px}.feature h3{margin:0 0 10px;color:#2c3e50;font-size:18px}.feature p{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.landing-cta{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.cta-btn{padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background-color:var(--primary-color);color:#fff}.cta-btn.primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.cta-btn.secondary{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-btn.secondary:hover{background-color:var(--primary-color);color:#fff}@media (max-width:768px){.landing-content h1{font-size:32px}.landing-subtitle{font-size:16px}.landing-features{grid-template-columns:1fr}}.save-modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);align-items:center;justify-content:center}.save-modal-content{background-color:#fff;padding:35px 40px;border:none;border-radius:16px;width:90%;max-width:450px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2);border-top:4px solid var(--primary-color)}.close-save-modal{color:#aaa;position:absolute;right:20px;top:15px;font-size:30px;font-weight:700;cursor:pointer;transition:color .3s}.close-save-modal:hover{color:#000}.save-modal-header{text-align:center;margin-bottom:25px}.save-icon{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.save-icon i{font-size:32px;color:#fff}.save-modal-header h2{margin:0 0 10px;color:#2c3e50;font-size:24px;font-weight:700}.save-modal-header p{margin:0;color:#7f8c8d;font-size:14px;line-height:1.5}.save-modal-form{display:flex;flex-direction:column;gap:12px}.save-modal-form .form-group input{width:100%;padding:14px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:15px;transition:all .3s ease}.save-modal-form .form-group input:focus{outline:none;border-color:var(--primary-color)}.save-modal-error{background-color:#fee;color:#c00;padding:10px;border-radius:6px;font-size:13px;text-align:center}.save-modal-btn{padding:14px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;border:none;width:100%}.save-modal-btn.primary{background-color:var(--primary-color);color:#fff}.save-modal-btn.primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.save-modal-btn.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-modal-btn.google{background-color:#fff;color:#333;border:2px solid #ecf0f1}.save-modal-btn.google:hover{background-color:#f8f9fa;border-color:#ddd}.save-modal-btn.local{background-color:#f8f9fa;color:#555;border:2px solid #ecf0f1}.save-modal-btn.local:hover{background-color:#ecf0f1;border-color:#ddd}.save-modal-btn.local i{font-size:16px}.save-modal-divider{display:flex;align-items:center;margin:18px 0}.save-modal-divider:after,.save-modal-divider:before{content:"";flex:1 1;height:1px;background-color:#ecf0f1}.save-modal-divider span{padding:0 15px;color:#bdc3c7;font-size:13px}.save-modal-toggle{text-align:center;font-size:14px;color:#7f8c8d}.save-modal-toggle button{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;font-size:14px}.save-modal-toggle button:hover{text-decoration:underline}.save-modal-note{text-align:center;font-size:12px;color:#95a5a6;margin-top:15px;margin-bottom:0}.save-modal-note i{margin-right:5px;color:#27ae60}.premium-feature-title{display:flex;align-items:center;justify-content:center;gap:10px;color:#92400e}.premium-crown{color:#f59e0b;font-size:24px;animation:crownPulse 2s ease-in-out infinite}@keyframes crownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.premium-feature-title{font-size:18px;gap:8px}.premium-crown{font-size:20px}}.pricing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pricing-modal{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;max-width:900px;width:100%;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.25);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:rgba(0,0,0,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;transition:all .2s;z-index:10}.pricing-modal-close:hover{background:var(--primary-color);color:#fff}.pricing-modal-header{text-align:center;padding:14px 30px 8px}.current-plan-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;padding:8px 16px;border-radius:20px;font-size:13px;margin-bottom:12px;border:1px solid #a5d6a7}.current-plan-badge i{font-size:14px}.current-plan-badge strong{font-weight:600}.pricing-modal-header h2{font-size:20px;font-weight:700;color:#222;margin:0 0 2px}.pricing-modal-header p{font-size:12px;color:#666;margin:0 0 8px}.pricing-value-bar{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:12px 0 8px;padding:10px 16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:10px;border:1px solid #bbf7d0}[data-theme=dark] .pricing-value-bar{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(16,185,129,.1));border-color:rgba(34,197,94,.2)}.pricing-value-item{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#166534}[data-theme=dark] .pricing-value-item{color:#86efac}.pricing-value-item i{font-size:13px;color:#22c55e}.pricing-roi-line{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:8px}.pricing-per-day{font-size:12px;font-weight:600;color:#16a34a}.pricing-per-day i{margin-right:3px;font-size:11px}[data-theme=dark] .pricing-per-day{color:#4ade80}.pricing-vs-consultant{font-size:11px;color:#f59e0b;font-weight:500}.pricing-vs-consultant i{margin-right:3px;font-size:11px}[data-theme=dark] .pricing-vs-consultant{color:#fbbf24}.pricing-modal .billing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#666}.pricing-modal .billing-toggle span.active{color:#222;font-weight:600}.pricing-modal-tiers{display:flex;justify-content:center;gap:12px;padding:10px 16px;flex-wrap:wrap;align-items:stretch}.pricing-modal-card{background:#fff;border-radius:12px;padding:12px 14px;width:260px;box-shadow:0 4px 15px rgba(0,0,0,.08);position:relative;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.pricing-modal-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.pricing-modal-card.highlighted{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff;transform:scale(1.05)}.pricing-modal-card.highlighted:hover{transform:scale(1.05) translateY(-4px)}.pricing-modal-card .popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#222;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:10px;white-space:nowrap}.pricing-modal-card h3{font-size:16px;font-weight:700;margin:0 0 2px}.pricing-modal-card .tier-desc{font-size:11px;opacity:.8;margin:0 0 8px}.pricing-modal-card .tier-price{margin-bottom:8px}.pricing-modal-card .tier-price.with-details{align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}.pricing-modal-card .tier-price .price-main{display:inline}.pricing-modal-card .trial-price{display:flex;flex-direction:column;align-items:center;gap:2px}.pricing-modal-card .price-trial-amount{font-size:36px;font-weight:800;line-height:1}.pricing-modal-card.highlighted .price-trial-amount{color:#fff}.pricing-modal-card .price-trial-label{font-size:13px;opacity:.8;font-weight:500;margin-left:10px}.pricing-modal-card .price-then{font-size:11px;opacity:.6;margin-top:2px;display:block}.pricing-modal-card .price-then s{text-decoration:line-through;opacity:.7}.pricing-modal-card .tier-price .price{font-size:24px;font-weight:700}.pricing-modal-card .tier-price .period{font-size:11px;opacity:.7}.institution-price-details{display:flex;align-items:center;gap:4px;font-size:10px}.institution-price-details .price-per-user{color:#666}.institution-price-details .savings{color:#22c55e;font-weight:600}.pricing-modal-card .tier-features{list-style:none;padding:0;margin:0 0 8px;flex-grow:1}.pricing-modal-card .tier-features li{display:flex;align-items:flex-start;gap:5px;font-size:11px;padding:2px 0;border-bottom:1px solid rgba(0,0,0,.06)}.pricing-modal-card.highlighted .tier-features li{border-bottom-color:hsla(0,0%,100%,.15)}.pricing-modal-card .tier-features li i{color:#22c55e;margin-top:2px;flex-shrink:0}.pricing-modal-card.highlighted .tier-features li i{color:#fff}.canvas-paywall-content .see-example-link{color:#2563eb;text-decoration:none;font-weight:500;display:block;margin-top:4px;margin-bottom:10px;font-size:.85em}.canvas-paywall-content .see-example-link:hover{text-decoration:underline;opacity:1}.see-example-link{color:#ffcf00;text-decoration:none;font-weight:500;display:block;margin-top:4px;font-size:.85em}.see-example-link:hover{text-decoration:underline;opacity:1}.pricing-modal-card .tier-cta{width:100%;padding:8px 12px;border:2px solid #222;background:transparent;color:#222;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:auto}.pricing-modal-card .tier-cta:hover{background:#222;color:#fff}.pricing-modal-card .tier-cta.primary{background:#f59e0b;color:#fff;border-color:#f59e0b}.pricing-modal-card .tier-cta.primary:hover{background:#d97706;color:#fff;border-color:#d97706}.tier-cta-group{display:flex;flex-direction:column;gap:8px;margin-top:auto}.tier-cta-group .tier-cta{margin-top:0}.pricing-modal-card .tier-cta.trial.primary{background:#f59e0b;color:#fff;border:2px solid #f59e0b;font-size:14px;font-weight:700;padding:10px 12px}.pricing-modal-card .tier-cta.trial.primary:hover{background:#d97706;color:#fff;border-color:#d97706}.pricing-modal-card .tier-cta.trial i{margin-right:4px}.users-slider{margin-bottom:6px;padding:6px 8px;background:rgba(0,0,0,.03);border-radius:6px}.users-slider .slider-label{text-align:center;font-size:12px;font-weight:700;margin-bottom:4px;color:var(--primary-color)}.users-slider .slider-input{width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:3px;outline:none;cursor:pointer}.users-slider .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;-webkit-transition:transform .2s;transition:transform .2s}.users-slider .slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.users-slider .slider-input::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}.users-slider .slider-range{display:flex;justify-content:space-between;font-size:10px;color:#888;margin-top:2px}.money-back-guarantee{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 20px;margin:0 16px}.money-back-guarantee>i{font-size:18px;color:#22c55e;flex-shrink:0}.money-back-guarantee p{font-size:14px;color:#94a3b8;margin:0;line-height:1.4}.money-back-guarantee .guarantee-highlight{color:#22c55e;font-weight:600}.money-back-guarantee .guarantee-detail{display:none}@media (min-width:640px){.money-back-guarantee .guarantee-detail{display:inline}}.money-back-guarantee .guarantee-link{color:#22c55e;text-decoration:underline;text-underline-offset:2px;margin-left:4px;position:relative;z-index:10}.money-back-guarantee .guarantee-link:hover{color:#16a34a}.money-back-guarantee.compact{padding:8px 0 0;margin:0;gap:6px}.money-back-guarantee.compact>i{font-size:14px}.money-back-guarantee.compact p{font-size:11px}.pricing-modal-testimonials{display:flex;justify-content:center;gap:10px;padding:6px 16px;border-top:1px solid rgba(0,0,0,.08)}.pricing-modal-testimonials .testimonial{flex:1 1;text-align:center}.pricing-modal-testimonials .testimonial .testimonial-stars{color:#f59e0b;font-size:14px;letter-spacing:1px;margin-bottom:1px}.pricing-modal-testimonials .testimonial p{font-size:11px;color:#444;font-style:italic;margin:0 0 1px;line-height:1.3}.pricing-modal-testimonials .testimonial span{font-size:9px;color:#888;font-weight:500}.pricing-modal-footer{text-align:center;padding:6px 30px 10px;border-top:1px solid rgba(0,0,0,.08);font-size:11px;color:#666}.pricing-modal-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.pricing-modal-footer a:hover{text-decoration:underline}@media (max-width:768px){.pricing-modal{max-width:100%;border-radius:16px}.pricing-modal-tiers{flex-direction:column;align-items:center}.pricing-modal-card{width:100%;max-width:300px}.pricing-modal-card.highlighted{transform:none}.pricing-modal-header h2{font-size:24px}.pricing-modal-testimonials{flex-direction:column;gap:10px}.pricing-modal-testimonials .testimonial{max-width:100%}}.draggable-item{cursor:-webkit-grab;cursor:grab;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.draggable-item:active{cursor:-webkit-grabbing;cursor:grabbing}.draggable-item:hover{background:rgba(var(--primary-rgb),.1)}.draggable-item .item-text{cursor:text}.draggable-item .item-delete-btn{opacity:0;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:2px 4px;font-size:10px;transition:opacity .2s}.draggable-item:hover .item-delete-btn{opacity:1}.draggable-item .item-delete-btn:hover{background:rgba(var(--primary-rgb),.2);border-radius:4px}.item-edit-input{padding:2px 4px;border:1px solid var(--primary-color);border-radius:3px;font-size:inherit;font-family:inherit;outline:none}main section.drag-over{background:rgba(var(--primary-rgb),.15)!important;box-shadow:inset 0 0 0 3px var(--primary-color)}main section.drag-over h2{color:var(--primary-color)}.bottom-bar{position:fixed;bottom:0;left:0;right:0;justify-content:flex-start;gap:16px;background:linear-gradient(180deg,#f5f5f5 0,#e8e8e8);border-top:1px solid #ccc;padding:4px 16px;height:28px;z-index:100}.bottom-bar,.bottom-bar-btn{display:flex;align-items:center}.bottom-bar-btn{justify-content:center;padding:2px 8px;background:transparent;border:none;cursor:pointer;color:#666;font-size:12px;transition:all .2s ease;border-radius:4px}.bottom-bar-btn:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.bottom-bar .theme-selector{display:flex;align-items:center;gap:4px}.bottom-bar .theme-selector .theme-select-btn{width:18px;height:18px;min-width:18px;border:1px solid #ccc}.bottom-bar .theme-selector .theme-select-btn .theme-dot{width:10px;height:10px}.bottom-bar .theme-selector .theme-dropdown{position:absolute;bottom:100%;top:auto;left:0;right:auto;margin-bottom:6px;margin-top:0;padding:6px}.bottom-bar .theme-selector .theme-option{width:20px;height:20px}.bottom-bar .theme-selector .theme-option .theme-dot{width:12px;height:12px}.footer-links{display:flex;align-items:center;gap:12px;margin-left:auto}.footer-link{color:#666;text-decoration:none;font-size:11px;transition:color .2s ease}.footer-link:hover{color:var(--primary-color);text-decoration:underline}.legal-container{min-height:100vh;padding:40px 20px;overflow-y:auto}body:has(.legal-container),html:has(.legal-container){overflow:auto;height:auto}.legal-card{max-width:700px;width:100%}.legal-card .auth-header h1{font-size:1.5rem;margin-top:0}.legal-text{text-align:left}.legal-text h2{font-size:1.15rem;color:#333;margin:24px 0 12px;font-weight:600}.legal-text p{font-size:.9rem;color:#555;line-height:1.7;margin-bottom:14px}.legal-text ul{margin:12px 0 16px 20px;padding:0}.legal-text li{font-size:.9rem;color:#555;line-height:1.7;margin-bottom:6px}.legal-footer-links{margin-top:30px;padding-top:20px;border-top:1px solid #eee;text-align:center;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.back-home-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s ease}.back-home-link:hover{opacity:.8}.legal-bottom-controls{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;z-index:100}.settings-container{min-height:100vh;padding:40px 20px;overflow-y:auto}body:has(.settings-container),html:has(.settings-container){overflow:auto;height:auto}body:has(.admin-page),html:has(.admin-page){overflow:auto;height:auto}.settings-card{max-width:600px;width:100%}.settings-card .auth-header h1{font-size:1.5rem;margin-top:0}.settings-loading{text-align:center;padding:60px 0;font-size:2rem;color:var(--primary-color)}.settings-section{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.settings-section h2{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#333;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.settings-section h2 i{color:var(--primary-color);font-size:1.1rem}.settings-grid{display:flex;flex-direction:column;gap:12px}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.settings-item label{font-size:.9rem;color:#666;font-weight:500}.settings-item span{font-size:.9rem;color:#333;font-weight:500}.subscription-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.subscription-status.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.subscription-status.status-trialing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.subscription-status.status-canceled{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.subscription-status.status-past-due{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.subscription-status.status-free{background:#e0e0e0;color:#555}.subscription-status .plan-name{font-weight:400;opacity:.9}.settings-actions{margin-top:16px}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.settings-btn.manage{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.settings-btn.manage:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}.settings-btn.manage:disabled{opacity:.7;cursor:not-allowed}.settings-btn.stripe-btn{background:linear-gradient(135deg,#635bff,#7a73ff);color:#fff;box-shadow:0 4px 12px rgba(99,91,255,.3)}.settings-btn.stripe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(99,91,255,.4)}.settings-btn.upgrade{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.settings-btn.upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}.settings-hint{margin-top:10px;font-size:.8rem;color:#888;line-height:1.5}.settings-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.settings-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#333;font-size:.85rem;font-weight:500}.settings-action-btn i{font-size:1.3rem;color:var(--primary-color)}.settings-action-btn:hover{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color);transform:translateY(-2px)}.settings-action-btn.logout,.settings-action-btn.logout i{color:#dc2626}.settings-action-btn.logout:hover{background:#fef2f2;border-color:#fecaca}.settings-footer{margin-top:24px;padding-top:20px;border-top:1px solid #eee;text-align:center}@media (max-width:480px){.settings-actions-grid{grid-template-columns:1fr}.settings-item{flex-direction:column;align-items:flex-start;gap:4px}}.gallery-container{padding:40px 20px}.gallery-card-container{max-width:900px;width:100%}.gallery-loading{font-size:2rem;color:var(--primary-color)}.gallery-empty,.gallery-loading{text-align:center;padding:40px 0}.gallery-empty{font-size:1rem;color:#666}.gallery-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #e5e5e5;padding-bottom:0}.gallery-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.gallery-tab.active,.gallery-tab:hover{color:var(--primary-color)}.gallery-tab.active{border-bottom-color:var(--primary-color)}.gallery-tab i{font-size:14px}.gallery-tab-badge{background:var(--primary-color);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600}.gallery-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.gallery-search{position:relative;flex:1 1;min-width:200px}.gallery-search i.fa-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888;font-size:14px}.gallery-search input{width:100%;padding:10px 36px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.gallery-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.gallery-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:4px 8px;font-size:12px;transition:color .2s ease}.gallery-search-clear:hover{color:#333}.gallery-sort{display:flex;align-items:center;gap:8px}.gallery-sort label{color:#888;font-size:14px}.gallery-sort select{padding:10px 32px 10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease}.gallery-sort select:focus{outline:none;border-color:var(--primary-color)}.gallery-results-count{font-size:13px;color:#666;margin:0 0 16px}.gallery-no-results{text-align:center;padding:40px 20px;color:#666}.gallery-no-results i{font-size:32px;color:#ccc;margin-bottom:16px}.gallery-no-results p{margin:0 0 16px;font-size:14px}.gallery-clear-search-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s ease}.gallery-clear-search-btn:hover{background:var(--primary-dark)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.gallery-card{background:#f8f9fa;border-radius:10px;padding:16px;border:1px solid #eee;transition:transform .2s ease,box-shadow .2s ease}.gallery-card-wrapper{position:relative}.gallery-card-wrapper .gallery-card{height:100%}.gallery-favorite-btn{position:absolute;top:8px;right:8px;padding:6px 8px;background:hsla(0,0%,100%,.95);border:1px solid #e5e5e5;border-radius:6px;z-index:2}.gallery-favorite-btn:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.gallery-favorite-btn i{font-size:16px}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:#666}.gallery-loading i{font-size:24px;color:var(--primary-color)}.gallery-no-results-hint{font-size:.9rem;color:#888;margin-top:4px}.gallery-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.gallery-card-link .gallery-card-content{flex:1 1}.gallery-card-link .gallery-view-btn{margin-top:auto;align-self:flex-start}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.gallery-card h3{font-size:.95rem;color:#333;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-date{font-size:.8rem;color:#888;margin:0 0 12px}.gallery-view-btn{display:inline-block;background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none;font-size:.8rem;transition:background .2s ease}.gallery-view-btn:hover{background:var(--primary-dark)}.gallery-seo-article{text-align:left}.gallery-intro{font-size:1.1rem;color:#555;line-height:1.7;margin:0 0 30px;text-align:center}.gallery-seo-section{margin:30px 0;padding:20px 0;border:0}.gallery-seo-section:last-of-type{border-bottom:none}.gallery-seo-section h2{font-size:1.4rem;color:#333;margin:0 0 15px;font-weight:600}.gallery-seo-section p{font-size:1rem;color:#555;line-height:1.7;margin:0}.internal-links-paragraph{margin-top:16px!important;font-size:.95rem;color:#666}.internal-links-paragraph a{color:var(--primary-color);text-decoration:none;font-weight:500}.internal-links-paragraph a:hover{text-decoration:underline}.gallery-internal-links{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0,rgba(var(--primary-rgb),.02) 100%);padding:24px;border-radius:12px;border:1px solid rgba(var(--primary-rgb),.15)}.internal-links-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.internal-link-card{display:block;background:#fff;padding:20px;border:1px solid #e5e7eb}.internal-link-card:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.internal-link-card strong{display:block;color:var(--primary-color);font-size:1rem;margin-bottom:8px}.internal-link-card span{color:#6b7280;font-size:.875rem;line-height:1.5}.gallery-examples-section{margin:40px 0;padding:30px 0;border-top:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color)}.gallery-examples-section h2{font-size:1.5rem;color:var(--primary-color);margin:0 0 20px;text-align:center}.mobile-canvas-title{display:none;align-items:center;gap:10px;padding:10px 16px;background:#f5f5f5;border-bottom:1px solid #ddd}.mobile-canvas-title i{color:#999;font-size:16px}.mobile-canvas-title input{flex:1 1;border:none;background:transparent;font-size:16px;font-weight:600;color:#333;padding:6px 0;min-height:40px}.mobile-canvas-title input:focus{outline:none}.mobile-canvas-title input::placeholder{color:#999;font-weight:400}@media (max-width:1024px){.toolbar{padding:8px 12px;flex-wrap:wrap;min-height:auto;gap:8px}.toolbar-left{flex-wrap:wrap;gap:12px}.canvas-title-input{min-width:180px;max-width:250px;font-size:16px}.toolbar-nav .toolbar-btn{padding:6px 8px;min-width:55px}.toolbar-nav .toolbar-btn>span{font-size:10px}.toolbar-nav .toolbar-btn>i:first-child{font-size:16px}.upgrade-btn{padding:8px 14px;font-size:13px}.upgrade-badge{font-size:10px;padding:2px 5px}.s1,.s2,.s8,.single{width:20%}main section>h2{font-size:1.5vmin}main section>.fa{font-size:1.8vmin}main section>ul>li{font-size:12px;padding:3px 8px}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9998;pointer-events:auto}.tutorial-highlight{position:fixed;border:3px solid var(--primary-color);border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 30px rgba(37,99,235,.6);pointer-events:none;z-index:9999;background:transparent;animation:tutorialPulse 2s ease-in-out infinite}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 30px rgba(37,99,235,.6)}50%{box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 50px rgba(37,99,235,.9)}}.tutorial-card{position:fixed;z-index:10000;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:400px;width:calc(100% - 32px);overflow:hidden;animation:tutorialSlideIn .3s ease-out}@keyframes tutorialSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-card-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card-positioned{top:auto;bottom:auto;left:auto;right:auto;transform:none}.tutorial-card-top{top:100px;left:50%;transform:translateX(-50%)}.tutorial-card-bottom{bottom:100px;left:50%;transform:translateX(-50%)}.tutorial-progress{height:4px;background:#e5e7eb}.tutorial-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:width .3s ease}.tutorial-step-counter{text-align:center;padding:12px 16px 0;font-size:12px;color:#6b7280;font-weight:500}.tutorial-content{padding:20px 24px;text-align:center}.tutorial-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px rgba(37,99,235,.3)}.tutorial-icon i{font-size:28px;color:#fff}.tutorial-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.3}.tutorial-description{font-size:15px;color:#4b5563;line-height:1.6;margin:0}.tutorial-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.tutorial-nav-arrows{display:flex;gap:8px}.tutorial-btn{border:none;cursor:pointer;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s ease}.tutorial-btn-skip{background:transparent;color:#6b7280;padding:10px 16px}.tutorial-btn-prev,.tutorial-btn-skip:hover{color:#374151;background:#e5e7eb}.tutorial-btn-prev{padding:10px 14px}.tutorial-btn-prev:hover{background:#d1d5db}.tutorial-btn-next{background:var(--primary-color);color:#fff;padding:10px 20px;display:flex;align-items:center;gap:8px}.tutorial-btn-next:hover{background:var(--primary-dark)}.tutorial-dots{display:flex;justify-content:center;gap:6px;padding:16px}.tutorial-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;padding:0;transition:all .2s ease}.tutorial-dot:hover{background:#9ca3af}.tutorial-dot.active{background:var(--primary-color);width:24px;border-radius:4px}.tutorial-dot.completed{background:var(--primary-light)}.tutorial-arrow{position:absolute;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;z-index:10001;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transform:translateX(-14px)}.tutorial-arrow-top{top:-13px;border-bottom:14px solid #fff}.tutorial-arrow-bottom{bottom:-13px;border-top:14px solid #fff}.examples-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;text-decoration:none}.examples-btn:hover{background:var(--primary-color);color:#fff}.tutorial-start-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.tutorial-start-btn:hover{background:var(--primary-color);color:#fff}@media (max-width:768px){.tutorial-card{max-width:none;width:calc(100% - 32px);border-radius:16px;position:fixed}.tutorial-card-positioned{width:auto!important;left:16px!important;right:16px!important;transform:none!important;top:auto;bottom:auto}.tutorial-card-center{top:auto;bottom:20px;left:50%;transform:translateX(-50%)}.tutorial-icon{width:56px;height:56px}.tutorial-icon i{font-size:24px}.tutorial-title{font-size:18px}.tutorial-description{font-size:14px}.tutorial-btn{font-size:13px}.tutorial-dots{padding:12px}.tutorial-dot{width:6px;height:6px}.tutorial-dot.active{width:20px}}@media (max-width:1024px){body,html{overflow:auto;height:auto;min-height:100%}.canvas-page-container{height:auto;min-height:100vh}.mobile-canvas-title{display:flex;padding:6px 10px;background:var(--toolbar-bg,#f8f9fa);border-bottom:1px solid rgba(0,0,0,.08)}.mobile-canvas-title input{font-size:14px;padding:6px 10px;min-height:32px}.hamburger-container{display:block}.desktop-only-toolbar,.user-menu{display:none!important}.toolbar{padding:4px 8px;gap:8px;justify-content:space-between;min-height:44px;flex-wrap:nowrap}.toolbar-left{flex:0 0 auto;gap:8px;overflow:hidden;min-width:0}.toolbar-left::-webkit-scrollbar{display:none}.toolbar .logo-link{flex-shrink:0}.toolbar .logo-link img{height:26px}.canvas-title,.public-toggle,.toolbar-nav{display:none}.toolbar-right{gap:8px;flex-shrink:0;display:flex;align-items:center}.tutorial-start-btn{display:none}.upgrade-btn{padding:6px 10px;font-size:11px;gap:4px;min-height:32px;border-radius:16px}.upgrade-btn span:not(.upgrade-badge){display:none}.upgrade-btn i{font-size:12px}.upgrade-badge{font-size:9px;padding:2px 5px;margin-left:0}.user-menu-btn{font-size:14px}.hamburger-container .hamburger-btn,.user-menu-btn{width:32px;height:32px;min-width:32px;min-height:32px}.hamburger-container .hamburger-btn{font-size:16px}.user-menu-dropdown{position:fixed;top:50px;left:8px;right:8px;width:auto;max-height:calc(100vh - 58px);overflow-y:auto}.language-select{padding:6px 8px;font-size:12px}main{margin:6px 6px 44px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:none;height:auto;min-height:calc(100vh - 110px);gap:0}main section{float:none!important;width:100%!important;height:auto!important;min-height:80px;padding:10px;border-right:none;border-bottom:1px solid rgba(0,0,0,.15)}main section:last-child{border-bottom:none}main section>h2{font-size:12px;margin-bottom:6px;padding-right:24px}main section>.fa{font-size:14px;right:8px;top:8px}main section>ul{margin-top:6px;gap:4px}main section>ul>li{font-size:12px;padding:5px 10px;margin-bottom:4px;margin-right:4px;border-radius:4px}main section>ul>li .delete-item{font-size:10px;padding:2px;min-width:16px;min-height:16px}main section button{padding:6px 10px;font-size:11px;margin-top:6px;min-height:28px;min-width:auto}.single{float:none!important;width:100%!important;height:auto!important;display:flex;flex-direction:column}.single br{display:none}.single section{border-bottom:1px solid rgba(0,0,0,.1)}.single section>.fa{font-size:14px;right:8px;top:8px}.single section>ul{margin-top:6px}.single section>ul>li{font-size:12px;padding:5px 10px;margin-bottom:4px;margin-right:4px}.single section button{padding:6px 10px;font-size:11px}.user-info{gap:6px;font-size:11px}.user-info>span{display:none}.logout-btn{padding:4px 8px;min-height:28px}.logout-btn .logout-text{display:none}.bottom-bar{height:38px;padding:6px 10px;gap:10px}.bottom-bar-btn{min-height:28px;min-width:28px;padding:4px 8px;font-size:12px}.footer-links{display:none}.add-item-modal-content,.info-modal-content,.save-modal-content,.subscription-modal-content{margin:0;width:100%;max-width:100%;height:auto;max-height:90vh;border-radius:12px 12px 0 0;padding:16px}.pricing-modal-overlay{padding:0}.pricing-modal{border-radius:0;max-height:100vh;overflow-y:auto}.pricing-modal-header{padding:16px 20px 10px}.pricing-modal-header h2{font-size:20px}.pricing-modal-tiers{padding:10px;gap:12px}.pricing-modal-card{width:100%;max-width:100%;padding:16px}.pricing-modal-testimonials{display:none}.auth-container{padding:16px}.auth-card{padding:24px 20px}.auth-header h1{font-size:20px}.dropdown-item,input[type=button],input[type=submit]{min-height:44px}.dropdown-item{padding:12px 14px}.hamburger-dropdown{top:48px;max-height:calc(100vh - 48px)}.hamburger-container .hamburger-dropdown,.hamburger-dropdown{position:fixed;left:0;right:0;border-radius:0;overflow-y:auto}.hamburger-container .hamburger-dropdown{top:44px;max-height:calc(100vh - 44px);min-width:100%}.hamburger-item{padding:10px 14px;font-size:13px;min-height:40px}.hamburger-item i{font-size:14px;width:18px}}@media (max-width:480px){.toolbar{padding:3px 6px;gap:6px;min-height:40px}.toolbar .logo-link img{height:20px}.toolbar-left{gap:6px}.toolbar-right{gap:5px}.upgrade-btn{padding:4px 8px;min-height:28px;border-radius:14px}.upgrade-btn i{font-size:11px}.upgrade-badge{font-size:8px;padding:1px 4px}.user-menu-btn{font-size:12px}.hamburger-container .hamburger-btn,.user-menu-btn{width:28px;height:28px;min-width:28px;min-height:28px}.hamburger-container .hamburger-btn{font-size:14px}.mobile-canvas-title{padding:5px 8px}.mobile-canvas-title input{font-size:13px;min-height:28px;padding:4px 8px}main section{min-height:70px;padding:8px}main section>h2{font-size:11px;margin-bottom:5px}main section>.fa{font-size:12px;right:6px;top:6px}main section>ul>li{font-size:11px;padding:4px 8px;margin-bottom:3px;margin-right:3px}main section button{padding:5px 8px;font-size:10px;margin-top:4px;min-height:24px}.add-item-modal-content,.info-modal-content,.subscription-modal-content{padding:14px}.add-item-modal-content h2,.info-modal-content h2,.subscription-modal-content h2{font-size:16px}.modal-icon{width:44px;height:44px}.modal-icon i{font-size:20px}.add-item-btn,.subscribe-btn{padding:10px;font-size:14px;min-height:40px}.pricing-modal-card .tier-price .price{font-size:20px}.pricing-modal-card h3{font-size:14px}.pricing-modal-card .tier-features li{font-size:10px}.pricing-modal-card .tier-cta{padding:10px;font-size:13px}}@media (max-width:1024px) and (orientation:landscape){main{flex-direction:row;flex-wrap:wrap;overflow-y:auto}main section{min-height:100px}.single,main section{width:50%!important}.single section{width:100%!important}.s5,.s9{width:50%!important}}@media (hover:none) and (pointer:coarse){.draggable-item{padding:8px;margin:4px}.draggable-item .item-delete-btn{opacity:1;padding:8px;font-size:14px}.dropdown-item:hover,.toolbar-btn:hover,.upgrade-btn:hover{transform:none}main,main section>ul{-webkit-overflow-scrolling:touch}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.toolbar{border-bottom-width:1px}.bottom-bar{border-top-width:1px}main section{border-width:2px}}@supports (padding:max(0px)){.toolbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top))}.bottom-bar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(4px,env(safe-area-inset-bottom))}main{margin-left:max(8px,env(safe-area-inset-left));margin-right:max(8px,env(safe-area-inset-right))}}@media (max-width:1024px){main{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px;gap:8px}main section{float:none!important;width:100%!important;height:auto!important;min-height:80px;margin-bottom:8px;border-radius:8px!important;border:2px solid rgba(0,0,0,.25)!important;box-shadow:0 1px 3px rgba(0,0,0,.06);background:#fff;padding:10px!important}main section:last-child{margin-bottom:0}main section>h2{font-size:12px!important;font-weight:600!important;color:#374151;margin-bottom:6px!important;display:flex;align-items:center;gap:6px;padding-right:20px}main section>.fa{position:absolute!important;top:8px!important;right:8px!important;font-size:12px!important;color:var(--primary-color)}main section>ul{margin-top:8px!important}main section>ul>li{font-size:12px!important;padding:5px 10px!important;margin-bottom:4px!important;margin-right:4px!important;border-radius:4px}main section .add-item-btn,main section button{width:auto;padding:6px 10px;margin-top:6px;border-radius:6px;font-size:11px;min-height:28px;min-width:auto}.single{float:none!important;width:100%!important;height:auto!important;display:block!important}.single br{display:none}.s5,.s9{width:100%!important;height:auto!important}}@media (max-width:480px){main section{min-height:70px;padding:8px!important;margin-bottom:6px;border-radius:6px!important}main section>h2{font-size:11px!important;margin-bottom:4px!important}main section>.fa{font-size:11px!important;top:6px!important;right:6px!important}main section>ul>li{font-size:11px!important;padding:4px 8px!important;margin-bottom:3px!important}main section .add-item-btn,main section button{padding:5px 8px;font-size:10px;min-height:24px}}.public-canvas-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);overflow-y:auto}.public-canvas-header{display:flex;flex-direction:column;background:linear-gradient(180deg,#f5f5f5 0,#e8e8e8);border-bottom:1px solid #ccc;padding:8px 16px;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:4px}.public-canvas-header-content{width:100%;display:flex;align-items:center;gap:16px}.public-canvas-header .logo-link img{height:32px;width:auto}.public-canvas-title-bar{display:flex;align-items:center;gap:16px;padding:2px 0;margin:auto}.public-canvas-main-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.public-canvas-subtitle{display:none}.public-canvas-meta{display:flex;gap:12px;font-size:12px;color:#6b7280}.public-canvas-meta .meta-item{display:flex;align-items:center;gap:4px}.public-canvas-meta .meta-item i{color:var(--primary-color);font-size:11px}.public-canvas-cta{flex-shrink:0;display:flex;align-items:center;gap:10px}.public-canvas-search{position:relative;flex:1 1;margin:0 auto}.public-canvas-search-input{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:10px 16px;gap:10px;transition:border-color .2s,box-shadow .2s}.public-canvas-search-input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.public-canvas-search-input i.fa-search{color:#9ca3af;font-size:15px;flex-shrink:0}.public-canvas-search-input input{border:none;outline:none;background:transparent;font-size:15px;color:#1f2937;width:100%;padding:0}.public-canvas-search-input input::placeholder{color:#9ca3af;font-size:14px}.public-canvas-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;font-size:12px;flex-shrink:0;display:flex;align-items:center}.public-canvas-search-clear:hover{color:#6b7280}.public-canvas-search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,.15);list-style:none;padding:6px;z-index:200;max-height:320px;overflow-y:auto}.public-canvas-search-results li a{display:flex;flex-direction:column;padding:8px 10px;border-radius:6px;text-decoration:none;gap:2px;transition:background .15s}.public-canvas-search-results li a:hover,.public-canvas-search-results li.selected a{background:#f3f4f6}.public-canvas-search-results li.no-results{padding:12px 10px;color:#9ca3af;font-size:13px;text-align:center}.search-result-company{font-size:13px;font-weight:500;color:#1f2937}.search-result-industry{font-size:11px;color:#9ca3af}.favorite-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:2px solid var(--border-color);color:var(--text-color);padding:8px 14px;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.favorite-btn:hover{border-color:#e11d48;color:#e11d48;background:rgba(225,29,72,.05)}.favorite-btn.favorited{background:rgba(225,29,72,.1);border-color:#e11d48;color:#e11d48}.favorite-btn.favorited:hover{background:rgba(225,29,72,.15)}.favorite-btn i{font-size:14px}.favorite-btn:disabled{opacity:.6;cursor:not-allowed}.public-canvas-favorite-btn{padding:8px 16px}.create-canvas-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px rgba(37,99,235,.3)}.create-canvas-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.4)}.public-canvas-main{border:2px solid #666;overflow:visible;flex:1 1;background-color:#fff;margin:16px 16px 44px;border-radius:4px;width:calc(100% - 32px);max-width:100vw;min-width:0;min-height:0}.public-canvas-paywall-container{position:relative;display:flex;flex-direction:column;height:calc(100vh - 90px);min-height:500px;max-height:calc(100vh - 90px);flex:none;overflow:hidden;resize:none}.public-canvas-paywall-container.show-paywall{overflow:hidden!important}.public-canvas-main-wrapper{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.public-canvas-main-wrapper.paywalled{position:relative;overflow:hidden!important}.public-canvas-main-wrapper.paywalled:before{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:#fff;z-index:3;pointer-events:none}[data-theme=dark] .public-canvas-main-wrapper.paywalled:before{background:#111827}.public-canvas-item.locked-item{color:#9ca3af;font-style:italic;opacity:.7}.public-canvas-item.locked-item .fa-lock{margin-right:4px;font-size:.85em}.public-canvas-paywall-container.show-paywall:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 15%,hsla(0,0%,100%,.6) 30%,hsla(0,0%,100%,.85) 45%,hsla(0,0%,100%,.95) 55%,#fff 65%,#fff);pointer-events:none;z-index:5}.canvas-paywall-overlay{position:absolute;bottom:60px;left:0;right:0;z-index:10;display:flex;justify-content:center;padding:0 20px}.canvas-paywall-content{text-align:center;max-width:480px;background:#fff;border-radius:16px;padding:20px 28px;box-shadow:0 12px 48px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)}.canvas-paywall-icon{width:44px;height:44px;margin:0 auto 10px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,99,235,.3)}.canvas-paywall-icon i{font-size:20px;color:#fff}.canvas-paywall-content h2{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.canvas-paywall-content p{font-size:13px;color:#64748b;line-height:1.4;margin:0 0 4px}.canvas-paywall-companies{font-size:13px;color:#94a3b8;font-weight:500;margin:0 0 20px!important}.canvas-paywall-companies i{margin-right:4px}.canvas-paywall-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:15px;font-weight:700;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px rgba(245,158,11,.3)}.canvas-paywall-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(245,158,11,.4)}.canvas-paywall-cta i{font-size:14px}.canvas-paywall-access{font-size:13px;font-weight:600;color:#f59e0b;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:6px}.canvas-paywall-access i{font-size:14px}.canvas-paywall-includes{text-align:left;margin:10px 0 12px;padding:10px 16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:10px;border:1px solid #fde68a}[data-theme=dark] .canvas-paywall-includes{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.12));border-color:rgba(245,158,11,.25)}.canvas-paywall-includes-title{font-size:12px;font-weight:700;color:#92400e;margin:0 0 6px!important;display:flex;align-items:center;gap:6px}[data-theme=dark] .canvas-paywall-includes-title{color:#fbbf24}.canvas-paywall-includes-title i{font-size:14px;color:#f59e0b}.canvas-paywall-includes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.canvas-paywall-includes li{font-size:12px;color:#78350f;display:flex;align-items:flex-start;gap:6px;line-height:1.3}[data-theme=dark] .canvas-paywall-includes li{color:#fde68a}.canvas-paywall-includes li i{color:#16a34a;font-size:12px;margin-top:2px;flex-shrink:0}.canvas-paywall-trial-detail{display:block;font-size:12px;font-weight:600;color:#16a34a;margin-top:6px}.canvas-paywall-then{display:block;font-size:11px;color:#94a3b8;margin-top:4px}.canvas-paywall-then s{color:#64748b}.canvas-paywall-per-day{color:#16a34a;font-weight:600}.canvas-paywall-value-compare{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;color:#f59e0b;font-weight:500;margin-top:8px;margin-bottom:2px}.canvas-paywall-value-compare i{font-size:13px}[data-theme=dark] .canvas-paywall-value-compare{color:#fbbf24}.canvas-paywall-social-proof{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;color:#64748b;margin-top:6px}.canvas-paywall-social-proof i{color:#3b82f6;font-size:13px}[data-theme=dark] .canvas-paywall-social-proof{color:#94a3b8}.canvas-paywall-testimonial{margin:8px 0 10px;padding:8px 14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd;text-align:center}[data-theme=dark] .canvas-paywall-testimonial{background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(14,165,233,.1));border-color:rgba(56,189,248,.2)}.canvas-paywall-testimonial-stars{font-size:12px;color:#f59e0b;letter-spacing:1px;margin-bottom:2px}.canvas-paywall-testimonial-text{font-size:11px!important;color:#334155!important;font-style:italic;line-height:1.4!important;margin:0 0 2px!important}[data-theme=dark] .canvas-paywall-testimonial-text{color:#cbd5e1!important}.canvas-paywall-testimonial-author{font-size:10px;color:#94a3b8;font-weight:600}[data-theme=dark] .public-canvas-paywall-container.show-paywall:after{background:linear-gradient(180deg,rgba(17,24,39,0) 0,rgba(17,24,39,.3) 15%,rgba(17,24,39,.6) 30%,rgba(17,24,39,.85) 45%,rgba(17,24,39,.95) 55%,#111827 65%,#111827)}[data-theme=dark] .gallery-grid-paywall-container.show-paywall:after{background:linear-gradient(180deg,rgba(17,24,39,0) 0,rgba(17,24,39,.5) 20%,rgba(17,24,39,.85) 40%,#111827 60%,#111827)}.gallery-grid-paywall-container{position:relative;height:520px}.gallery-grid-paywall-container.show-paywall .gallery-grid-limited{max-height:480px;overflow:hidden;position:relative}.gallery-grid-paywall-container.show-paywall:after{content:"";position:absolute;top:150px;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 20%,hsla(0,0%,100%,.85) 40%,#fff 60%,#fff);pointer-events:none;z-index:5}.gallery-paywall-overlay{position:absolute;bottom:20px;left:0;right:0;z-index:10;display:flex;justify-content:center;padding:0 20px}.public-canvas-container .public-canvas-main section{cursor:default;overflow:hidden}.public-canvas-container .public-canvas-main section>ul{max-height:calc(100% - 20px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;padding:10px 4px 6px 6px;margin-right:2px}.public-canvas-container .public-canvas-main section>ul::-webkit-scrollbar{width:4px}.public-canvas-container .public-canvas-main section>ul::-webkit-scrollbar-track{background:transparent}.public-canvas-container .public-canvas-main section>ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:2px}.public-canvas-container .public-canvas-main section>ul>li{cursor:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.public-canvas-container .public-canvas-main section>ul>li:hover{transform:rotate(-3deg)}.public-canvas-seo-content{max-width:900px;margin:48px auto;padding:40px 32px;background:var(--color-background);border-radius:12px;border:1px solid var(--color-border);color:var(--color-text);line-height:1.8;font-size:16px}.public-canvas-seo-content h2{font-size:28px;font-weight:700;margin:32px 0 16px;color:var(--color-text);border-bottom:2px solid var(--color-primary);padding-bottom:8px}.public-canvas-seo-content h2:first-child{margin-top:0}.public-canvas-seo-content h3{font-size:22px;font-weight:600;margin:24px 0 12px;color:var(--color-text)}.public-canvas-seo-content h4{font-size:18px;font-weight:600;margin:20px 0 10px;color:var(--color-text-secondary)}.public-canvas-seo-content p{margin:0 0 16px;color:var(--color-text-secondary)}.public-canvas-seo-content ol,.public-canvas-seo-content ul{margin:0 0 16px;padding-left:24px}.public-canvas-seo-content li{margin-bottom:8px;color:var(--color-text-secondary)}.public-canvas-seo-content strong{color:var(--color-text);font-weight:600}@media (max-width:768px){.public-canvas-seo-content{margin:24px 16px;padding:24px 20px;font-size:15px}.public-canvas-seo-content h2{font-size:22px}.public-canvas-seo-content h3{font-size:18px}.public-canvas-seo-content h4{font-size:16px}}.related-canvases-section{width:100%;max-width:900px;margin:0 auto 40px;padding:0 32px;box-sizing:border-box}.related-canvases-heading{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 20px;display:flex;align-items:center;gap:10px}.related-canvases-heading i{color:var(--primary-color);font-size:20px}.related-canvases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.related-canvases-grid .gallery-card-wrapper{min-width:0}.related-canvases-grid .gallery-card,.related-canvases-grid .gallery-card-link{height:100%}.related-canvases-cta{text-align:center;margin-top:24px}.related-see-all-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary-color);color:#fff;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .2s ease,transform .2s ease}.related-see-all-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:768px){.related-canvases-section{padding:0 16px;margin:0 0 24px}.related-canvases-heading{font-size:18px}.related-canvases-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.public-canvas-footer{background:#1f2937;color:#fff;padding:32px 24px 24px}.public-canvas-footer .footer-content{max-width:1400px;margin:0 auto 24px;text-align:center}.public-canvas-footer .footer-content p{font-size:16px;margin:0 0 16px;color:#d1d5db}.public-canvas-footer .footer-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;transition:all .2s ease}.public-canvas-footer .footer-cta:hover{background:var(--primary-light);transform:translateY(-2px)}.public-canvas-footer .footer-links{display:flex;justify-content:center;gap:24px;border-top:1px solid #374151;padding-top:20px}.public-canvas-footer .footer-link{color:#9ca3af;font-size:13px;text-decoration:none;transition:color .2s ease}.public-canvas-footer .footer-link:hover{color:#fff}@media (max-width:768px){.public-canvas-header-content{flex-wrap:wrap;gap:10px}.public-canvas-title-bar{flex-direction:column;align-items:flex-start;gap:4px}.public-canvas-main-title{font-size:14px}.public-canvas-meta{flex-wrap:wrap;gap:8px}.public-canvas-cta{width:100%}.public-canvas-search{width:100%;max-width:100%;flex-basis:100%;order:10}.create-canvas-btn{width:100%;justify-content:center}.public-canvas-main{margin:8px;border-radius:4px}.public-canvas-paywall-container{height:calc(100vh - 120px);min-height:400px}.canvas-paywall-overlay{bottom:40px}}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-block,.skeleton-btn,.skeleton-logo,.skeleton-meta,.skeleton-search-bar,.skeleton-title{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:400px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-logo{width:32px;height:32px;border-radius:4px;flex-shrink:0}.skeleton-search-bar{flex:1 1;max-width:340px;height:32px}.skeleton-btn{width:120px;height:32px;margin-left:auto}.skeleton-title{width:320px;height:20px}.skeleton-meta-group{display:flex;gap:12px}.skeleton-meta{width:100px;height:16px}.skeleton-canvas-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr .5fr;grid-gap:2px;gap:2px;margin:12px;border-radius:6px;overflow:hidden;flex:1 1}.skeleton-block{min-height:120px}.skeleton-block-tall{min-height:260px}.skeleton-block-double{display:flex;flex-direction:column;gap:2px}.skeleton-block-half{flex:1 1}.skeleton-block-bottom{grid-column:span 2;min-height:100px}.skeleton-block-bottom:last-child{grid-column:span 3}[data-theme=dark] .skeleton-block,[data-theme=dark] .skeleton-btn,[data-theme=dark] .skeleton-logo,[data-theme=dark] .skeleton-meta,[data-theme=dark] .skeleton-search-bar,[data-theme=dark] .skeleton-title{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%);background-size:400px 100%}@media (max-width:768px){.skeleton-canvas-grid{grid-template-columns:1fr;grid-template-rows:auto;margin:8px}.skeleton-block,.skeleton-block-half,.skeleton-block-tall{min-height:80px}.skeleton-block-bottom{grid-column:span 1;min-height:80px}.skeleton-block-bottom:last-child{grid-column:span 1}.skeleton-title{width:200px}.skeleton-search-bar{max-width:100%}}.block-page-container,.blocks-overview-container{overflow-y:auto;min-height:100vh}.block-page-card,.blocks-overview-card{max-width:900px;margin:0 auto;padding:40px}.breadcrumb{margin-bottom:24px}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:after{content:"›";margin-left:8px;color:#9ca3af}.breadcrumb li:last-child:after{display:none}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumb li:last-child span{color:#6b7280}.block-hero{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0,rgba(var(--primary-rgb),.05) 100%);padding:32px;border-radius:16px;margin-bottom:40px;border:1px solid rgba(var(--primary-rgb),.2)}.block-intro{font-size:18px;line-height:1.7;color:#374151;margin-bottom:24px}.cta-inline{display:flex;gap:12px}.block-section{margin-bottom:40px;padding-bottom:32px;border:0}.block-section:last-child{border:0}.block-section h2{font-size:24px;color:#111827;margin-bottom:16px;font-weight:600}.block-section p{font-size:16px;line-height:1.7;color:#4b5563;margin-bottom:16px}.block-mistakes-list,.block-questions-list,.block-tips-list{list-style:none;padding:0;margin:0}.block-questions-list li{position:relative;padding:12px 10px 12px 32px;font-size:15px;line-height:1.6;color:#374151}.block-questions-list li:before{content:"?";position:absolute;left:8px;top:12px;width:22px;height:22px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.block-tips-list li{position:relative;padding:12px 10px 12px 32px;font-size:15px;line-height:1.6;color:#374151}.block-tips-list li:before{content:"✓";position:absolute;left:8px;top:12px;color:#10b981;font-weight:700;font-size:16px}.block-mistakes-list li{position:relative;padding:12px 10px 12px 32px;font-size:15px;line-height:1.6;color:#374151}.block-mistakes-list li:before{content:"✗";position:absolute;left:8px;top:12px;color:#ef4444;font-weight:700;font-size:16px}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.example-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;font-size:14px;line-height:1.6;color:#4b5563;transition:all .2s ease}.example-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.1)}.block-cta-section,.blocks-cta-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);padding:40px;border-radius:16px;text-align:center;margin:40px 0;color:#fff}.block-cta-section h2,.blocks-cta-section h2{color:#fff;font-size:28px;margin-bottom:12px}.block-cta-section p,.blocks-cta-section p{color:hsla(0,0%,100%,.9);font-size:16px;margin-bottom:24px}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn,.cta-buttons{justify-content:center}.btn{display:inline-flex;align-items:center;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:rgba(var(--primary-rgb),.1)}.btn-lg{padding:14px 28px;font-size:16px}.block-cta-section .btn-primary{background:#fff;color:var(--primary-color)}.block-cta-section .btn-primary:hover{background:#f3f4f6}.block-cta-section .btn-secondary{background:transparent;color:#fff;border-color:#fff}.block-cta-section .btn-secondary:hover{background:hsla(0,0%,100%,.1)}.related-blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.related-block-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-decoration:none;transition:all .2s ease}.related-block-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-rgb),.15);transform:translateY(-2px)}.related-block-card h3{color:var(--primary-color);font-size:16px;font-weight:600;margin-bottom:8px}.related-block-card p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.block-faq,.blocks-faq{background:#f9fafb;padding:32px;border-radius:16px;margin-top:40px}.faq-list{margin-top:20px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px}.faq-item h3{color:#111827;font-size:16px;font-weight:600;margin-bottom:12px}.faq-item p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.block-page-footer,.blocks-page-footer{margin-top:30px;padding-top:20px;border-top:1px solid #eee;text-align:center}.block-page-footer .footer-links,.blocks-page-footer .footer-links{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.block-page-footer .footer-links a,.blocks-page-footer .footer-links a{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s ease}.block-page-footer .footer-links a:hover,.blocks-page-footer .footer-links a:hover{opacity:.8}.blocks-overview-intro{font-size:18px;color:#4b5563;line-height:1.7;text-align:center;max-width:700px;margin:0 auto 40px}.blocks-section{margin-bottom:15px;border:0}.blocks-section h2{font-size:26px;color:#111827;margin-bottom:20px;font-weight:600}.blocks-section p{font-size:16px;line-height:1.7;color:#4b5563}.all-blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px;margin-top:24px}.block-overview-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;text-decoration:none;transition:all .25s ease}.block-overview-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px rgba(var(--primary-rgb),.15);transform:translateY(-4px)}.block-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0,rgba(var(--primary-rgb),.05) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.block-icon i{font-size:20px;color:var(--primary-color)}.block-overview-card h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.block-overview-card p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:12px;flex-grow:1}.learn-more{color:var(--primary-color);font-size:14px;font-weight:500}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin:24px 0 16px;background:#000;box-shadow:0 4px 20px rgba(0,0,0,.15)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-credit{font-size:13px;color:var(--text-muted,#6b7280);text-align:center;margin-top:8px}.fill-order-list{counter-reset:fill-counter;list-style:none;padding:0;margin:24px 0}.fill-order-list li{position:relative;padding:16px 0 16px 48px;border-bottom:1px solid #e5e7eb;font-size:15px;line-height:1.6;color:#374151}.fill-order-list li strong{display:block;margin-bottom:4px}.fill-order-list li strong a{color:var(--primary-color);text-decoration:none}.fill-order-list li strong a:hover{text-decoration:underline}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-top:24px}.benefit-card{background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:16px;padding:24px;text-align:center;transition:all .2s ease}.benefit-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-rgb),.1)}.benefit-card i{font-size:28px;color:var(--primary-color);margin-bottom:16px}.benefit-card h3{font-size:16px;color:#111827;font-weight:600;margin-bottom:8px}.benefit-card p{font-size:13px;color:#6b7280;line-height:1.5;margin:0}@media (max-width:768px){.block-page-card,.blocks-overview-card{padding:24px 16px}.block-hero{padding:24px}.block-intro{font-size:16px}.block-section h2,.blocks-section h2{font-size:20px}.all-blocks-grid,.benefits-grid,.examples-grid,.related-blocks-grid{grid-template-columns:1fr}.block-cta-section,.blocks-cta-section{padding:24px}.block-cta-section h2,.blocks-cta-section h2{font-size:22px}.cta-buttons{flex-direction:column}.btn-lg{width:100%}.breadcrumb ol{font-size:12px}.block-faq,.blocks-faq{padding:20px}.block-page-footer .footer-links,.blocks-page-footer .footer-links{gap:16px}}.canvas-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:9999}[data-theme=dark] .canvas-loading-overlay{background:rgba(30,30,30,.9)}.canvas-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--primary-color,#2563eb)}.canvas-loading-spinner i{font-size:48px}.canvas-loading-spinner span{font-size:16px;color:var(--text-color)}.free-tools-main{padding:40px 20px;max-width:1200px;margin:0 auto}.free-tools-intro{text-align:center;margin-bottom:60px}.free-tools-intro h2{font-size:28px;color:var(--text-color);margin-bottom:16px}.free-tools-intro p{font-size:16px;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.6}.free-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px;margin-bottom:60px}.free-tool-card{background:var(--card-bg);border-radius:16px;padding:32px;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;text-align:center}.free-tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12);border-color:var(--primary-color)}.tool-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#1d4ed8));display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tool-icon i{font-size:32px;color:#fff}.free-tool-card h3{font-size:20px;color:var(--text-color);margin-bottom:12px}.free-tool-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:20px;flex-grow:1}.tool-cta{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:600;font-size:14px}.tool-cta i{transition:transform .2s ease}.free-tool-card:hover .tool-cta i{transform:translateX(4px)}.tool-main{padding:40px 20px;max-width:1200px;margin:0 auto}.tool-interface{background:var(--card-bg);border-radius:16px;padding:40px;margin-bottom:60px;border:1px solid var(--border-color)}.tool-interface h3{display:flex;align-items:center;gap:12px;font-size:20px;color:var(--text-color);margin-bottom:24px}.tool-interface h3 i{color:var(--primary-color)}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}@media (max-width:768px){.calculator-grid{grid-template-columns:1fr;gap:24px}.tool-interface{padding:20px;margin-bottom:40px}.tool-interface h3{font-size:18px}.result-card .result-value{font-size:24px}.result-card.primary .result-value{font-size:28px}}.calculator-inputs,.calculator-results{display:flex;flex-direction:column}.tool-form-group{margin-bottom:24px}.tool-form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.tool-form-group input,.tool-form-group select,.tool-form-group textarea{width:100%;padding:14px 16px;font-size:15px;border:2px solid #d1d5db;border-radius:10px;background:#fff;color:var(--text-color);transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=dark] .tool-form-group input,[data-theme=dark] .tool-form-group select,[data-theme=dark] .tool-form-group textarea{background:#1f2937;border-color:#4b5563;color:#f3f4f6}.tool-form-group input::placeholder,.tool-form-group textarea::placeholder{color:#9ca3af}.tool-form-group input:hover,.tool-form-group select:hover,.tool-form-group textarea:hover{border-color:#9ca3af}[data-theme=dark] .tool-form-group input:hover,[data-theme=dark] .tool-form-group select:hover,[data-theme=dark] .tool-form-group textarea:hover{border-color:#6b7280}.tool-form-group input:focus,.tool-form-group select:focus,.tool-form-group textarea:focus{outline:none;border-color:var(--primary-color)}.tool-form-group small{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:600}.input-with-icon input{padding-left:36px}.results-cards{gap:16px}.result-card,.results-cards{display:flex;flex-direction:column}.result-card{background:var(--bg-secondary,#f9fafb);border-radius:12px;padding:20px;gap:4px}.result-card.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#1d4ed8));color:#fff}.result-card .result-label{font-size:13px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.result-card .result-value{font-size:28px;font-weight:700}.result-card.primary .result-value{font-size:36px}.result-card .result-unit{font-size:13px;opacity:.7}.results-placeholder{text-align:center;padding:60px 20px;color:var(--text-muted)}.results-placeholder i{font-size:48px;margin-bottom:16px;opacity:.3}.results-placeholder p{font-size:14px}.results-cta{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);text-align:center}.results-cta p{font-size:14px;color:var(--text-muted);margin-bottom:16px}.tool-interface-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:32px;margin-bottom:32px;width:100%}[data-theme=dark] .tool-interface-section{background:#1f2937;border-color:#374151}@media (max-width:768px){.tool-interface-section{padding:20px;border-radius:12px}}.tool-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.tool-generate-btn{width:100%;margin-top:8px}.tool-results{margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color,#e5e7eb)}.tool-results h3{font-size:20px;color:var(--text-color);margin-bottom:20px}.ideas-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.idea-item{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--bg-secondary,#f9fafb);border-radius:12px;border:1px solid var(--border-color,#e5e7eb);transition:all .2s ease}[data-theme=dark] .idea-item{background:#1f2937;border-color:#374151}.idea-item:hover{border-color:var(--primary-color);transform:translateX(4px)}.idea-item i{color:var(--primary-color);font-size:18px;margin-top:2px;flex-shrink:0}.idea-item span{font-size:15px;line-height:1.6;color:var(--text-color)}.ideas-cta{margin-top:24px;padding:24px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.1));border-radius:12px;text-align:center}[data-theme=dark] .ideas-cta{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.2))}.ideas-cta p{font-size:16px;color:var(--text-color);margin-bottom:16px;font-weight:500}.error-message{color:#dc2626;font-size:13px;margin-top:8px}.projections-table{margin-top:16px;background:var(--bg-secondary,#f9fafb);border-radius:12px;padding:20px}.projections-table h4{font-size:14px;color:var(--text-muted);margin-bottom:12px}.projections-table table{width:100%;border-collapse:collapse}.projections-table td,.projections-table th{padding:10px 12px;text-align:left;font-size:14px}.projections-table th{font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.projections-table td{color:var(--text-color)}.idea-generator-form{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:24px}@media (max-width:768px){.idea-generator-form{grid-template-columns:1fr}}.generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-btn:hover{background:var(--primary-dark,#1d4ed8);transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generated-ideas-section{margin-top:40px;padding-top:40px;border-top:1px solid var(--border-color)}.generated-ideas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.generated-ideas-header h3{margin:0}.refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:rgba(var(--primary-rgb),.1)}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.idea-card{background:var(--bg-secondary,#f9fafb);border-radius:12px;padding:24px;border:1px solid var(--border-color);transition:all .2s ease}.idea-card:hover{border-color:var(--primary-color)}.idea-card h4{font-size:16px;color:var(--text-color);margin-bottom:12px;display:flex;align-items:flex-start;gap:10px}.idea-card h4 i{color:var(--primary-color);margin-top:2px}.idea-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.idea-card .develop-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:600}.idea-card .develop-btn:hover{text-decoration:underline}.tool-seo-content{max-width:800px;margin:0 auto;padding:0 20px}.tool-seo-content h2{font-size:24px;color:var(--text-color);margin-bottom:16px;margin-top:40px}.tool-seo-content h2:first-child{margin-top:0}.tool-seo-content h3{font-size:18px;color:var(--text-color);margin-bottom:12px;margin-top:32px}.tool-seo-content p{font-size:16px;color:var(--text-muted);line-height:1.8;margin-bottom:20px}.tool-internal-links{margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.tool-internal-links h3{font-size:20px;color:var(--text-color);margin-bottom:24px;text-align:center}.internal-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.internal-link-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;text-decoration:none;color:var(--text-color);font-weight:500;transition:all .2s ease}.internal-link-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.internal-link-card i{color:var(--primary-color);font-size:18px}.free-tools-seo-content{max-width:800px;margin:60px auto 0;padding:40px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.free-tools-seo-content h2{font-size:24px;color:var(--text-color);margin-bottom:16px;margin-top:32px}.free-tools-seo-content h2:first-child{margin-top:0}.free-tools-seo-content p{font-size:16px;color:var(--text-muted);line-height:1.8;margin-bottom:16px}[data-theme=dark] .idea-card,[data-theme=dark] .projections-table,[data-theme=dark] .result-card:not(.primary){background:hsla(0,0%,100%,.05)}[data-theme=dark] .free-tools-seo-content{background:hsla(0,0%,100%,.02)}@media (max-width:640px){.tool-form-group{margin-bottom:20px}.tool-form-group label{font-size:13px}.tool-form-group input,.tool-form-group select,.tool-form-group textarea{padding:12px 14px;font-size:16px}.input-with-icon input{padding-left:32px}.input-with-icon .input-icon{left:12px}.result-card{padding:16px}.result-card .result-value{font-size:22px}.result-card.primary .result-value{font-size:26px}.projections-table{padding:16px;overflow-x:auto}.projections-table table{min-width:280px}.projections-table td,.projections-table th{padding:8px 10px;font-size:13px}.idea-item{padding:16px;gap:12px}.idea-item span{font-size:14px}.ideas-cta{padding:20px 16px}.internal-links-grid{grid-template-columns:1fr;gap:12px}.internal-link-card{padding:14px 16px}}