:root{--btn-size: 56px;--glass-color-tint: rgba(40, 120, 90, .18);--shadow-color-dark: rgba(12, 12, 12, .3);--inner-shadow-color: rgba(10, 10, 12, .45);--orb-active-color: #c7ff2e;--glass-blur-val: 10px;--glass-saturation: 120%;--transition-fast: .16s;--transition-medium: .3s}.liquid-btn{--size: var(--btn-size);position:relative;width:var(--size);height:var(--size);padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;display:inline-grid;place-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff05 20%,#00000005);outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;backdrop-filter:blur(var(--glass-blur-val)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-val)) saturate(var(--glass-saturation));transform:translateZ(0);box-shadow:0 10px 30px -10px var(--shadow-color-dark),inset 0 6px 12px -8px #ffffff0f,inset 0 -18px 40px -20px var(--inner-shadow-color);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.liquid-btn.compact{--size: 36px;width:36px!important;height:36px!important}.liquid-btn:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(60% 55% at 30% 30%,rgba(255,255,255,.06) 0%,transparent 30%),linear-gradient(180deg,#ffffff08,#00000005),var(--glass-color-tint);filter:blur(1.2px);pointer-events:none;box-shadow:inset 0 -14px 30px -18px #00000073;transition:transform var(--transition-medium) cubic-bezier(.2,.9,.3,1),opacity var(--transition-fast);transform:translateZ(0)}.liquid-btn:after{content:"";position:absolute;left:6%;right:6%;top:6%;height:36%;border-radius:40% 40% 50% 50%/60% 60% 30% 30%;background:linear-gradient(180deg,#ffffffb3,#ffffff0d);opacity:.85;filter:blur(1.2px);transform:translateY(-2px);pointer-events:none}.liquid-btn .plus{position:relative;z-index:5;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--size) * .6);line-height:1;color:#1414149e;text-shadow:0 1px 0 rgba(255,255,255,.25);transform:translateY(1px);transition:color var(--transition-fast) ease,transform var(--transition-fast) ease}.liquid-btn .orb{position:absolute;left:16%;top:18%;width:calc(var(--size) * .18);height:calc(var(--size) * .18);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffff73 12%,#ffffff59 40%);box-shadow:0 6px 18px -6px #00000080,inset 0 4px 10px -6px #ffffff59;transition:transform var(--transition-medium) cubic-bezier(.2,.9,.3,1),background var(--transition-fast) ease,box-shadow var(--transition-fast)}.liquid-btn:active{transform:translateY(4px) scale(.99);box-shadow:0 6px 18px -8px var(--shadow-color-dark),inset 0 8px 18px -12px #ffffff0a,inset 0 -10px 26px -18px #0000008c}.liquid-btn:active:before{transform:translateY(3px) scale(.992);opacity:.98}.liquid-btn:active .plus{transform:translateY(2px) scale(.98);color:#0a0a0ab8}.liquid-btn:active .orb{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.45) 12%,var(--orb-active-color) 45%);transform:translateY(4px) scale(.94);box-shadow:0 6px 26px -6px #0000008c}@media(hover:hover)and (pointer:fine){.liquid-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 40px -10px #0000005c,inset 0 -8px 26px -18px #0000005c}.liquid-btn:hover:after{transform:translateY(-3px);opacity:.95}.liquid-btn:hover .orb{transform:translateY(-2px) scale(1.02)}}.liquid-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #c7ff2e1f,0 12px 30px -10px #00000047}.unified-bottom-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:linear-gradient(to top,#000030f2,#000030cc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(216,242,29,.2);height:50px;min-height:50px;max-height:50px;display:flex;align-items:center;padding-top:0!important;padding-bottom:0!important;padding-left:1rem!important;padding-right:1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}@media(min-width:768px){.unified-bottom-toolbar{height:64px;min-height:64px;max-height:64px;padding-left:2rem!important;padding-right:2rem!important}}.toolbar-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem;flex:1}.toolbar-right{justify-content:flex-end}.toolbar-center{display:flex;justify-content:center;align-items:center;flex:2}.toolbar-icon-button{background:transparent;border:none;color:#f0f0f0;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8}.toolbar-icon-button:hover{background:#ffffff1a;opacity:1;transform:translateY(-1px)}.location-indicator{display:flex;align-items:center;gap:8px;background:#d8f21d1a;padding:6px 12px;border-radius:20px;border:1px solid rgba(216,242,29,.3)}.location-dot{width:8px;height:8px;background:#d8f21d;border-radius:50%;box-shadow:0 0 8px #d8f21d}.location-text{color:#d8f21d;font-size:.85rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.page-score{background:#d8f21d;color:#000030;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:800;margin-left:8px}.editor-controls,.editor-actions{display:flex;align-items:center;gap:4px}.toolbar-add-button{height:36px!important;padding:0!important}@media(min-width:768px){.toolbar-add-button{height:42px!important;padding:0 20px!important;width:auto!important}.toolbar-left,.toolbar-right{gap:1rem}}.floating-toolbar{position:absolute;transform:translate(-50%);background-color:#1f2937;border-radius:6px;padding:4px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;z-index:10000;animation:fadeIn .15s ease-out}.floating-toolbar .toolbar-group{display:flex;gap:2px}.floating-toolbar button{background:transparent;border:none;color:#e5e7eb;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.floating-toolbar button:hover{background-color:#ffffff1a}.floating-toolbar button.active{background-color:#3b82f680;color:#fff}.toolbar-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2937;margin-top:0}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hamburger-trigger{position:fixed;top:16px;left:16px;z-index:9999;background-color:#1f2937;border:none;border-radius:8px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#e5e7eb;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;transition:background-color .2s,transform .2s}.hamburger-trigger:hover{background-color:#374151;transform:scale(1.05)}.hamburger-trigger:active{transform:scale(.95)}.vertical-toolbox{position:fixed;top:0;left:-280px;width:280px;height:100vh;background-color:#1f2937;box-shadow:4px 0 6px #0000004d;z-index:9998;display:flex;flex-direction:column;transition:left .3s ease-out}.vertical-toolbox.open{left:0}.vertical-toolbox-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.vertical-toolbox-header h3{margin:0;color:#e5e7eb;font-size:18px;font-weight:600}.vertical-toolbox-header .close-button{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.vertical-toolbox-header .close-button:hover{background-color:#ffffff1a;color:#e5e7eb}.vertical-toolbox-content{flex:1;overflow-y:auto;padding:12px}.toolbox-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:transparent;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;text-align:left;font-size:14px;transition:background-color .2s}.toolbox-item:hover{background-color:#ffffff1a}.toolbox-item:active{background-color:#3b82f64d}.toolbox-item svg{flex-shrink:0}.toolbox-item span{flex:1}.vertical-toolbox-backdrop{position:fixed;inset:0;background-color:#0006;z-index:9997;animation:fadeInBackdrop .2s ease-out}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.toolbar-divider{width:1px;height:24px;background-color:#fff3;margin:0 4px}.toolbar-dropdown-trigger{background:transparent;border:none;color:#e5e7eb;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px}.toolbar-dropdown-trigger:hover{background-color:#ffffff1a}.toolbar-dropdown{position:absolute;top:calc(100% + 4px);left:0;background-color:#1f2937;border-radius:6px;padding:4px;min-width:180px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;z-index:10001;animation:fadeIn .15s ease-out}.toolbar-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#e5e7eb;cursor:pointer;text-align:left;font-size:14px;transition:background-color .2s}.toolbar-dropdown-item:hover{background-color:#ffffff1a}.toolbar-dropdown-item.active{background-color:#3b82f64d;color:#fff}.color-picker-dropdown{min-width:200px}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px}.color-swatch{width:32px;height:32px;border:2px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:transform .2s,border-color .2s}.color-swatch:hover{transform:scale(1.1);border-color:#ffffff80}.toolbox-category{margin-bottom:8px}.toolbox-category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:background-color .2s;border-radius:4px}.toolbox-category-header:hover{background-color:#ffffff0d}.toolbox-category-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;text-align:left}.category-chevron{color:#9ca3af;transition:transform .2s;flex-shrink:0}.category-chevron.expanded{transform:rotate(180deg)}.toolbox-category-items{animation:expandGroup .2s ease-out}@keyframes expandGroup{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}:root{--toolbar-glass-tint: rgba(40, 120, 90, .18);--toolbar-blur: 12px;--toolbar-saturation: 140%;--toolbar-border: rgba(255, 255, 255, .15);--toolbar-shadow-dark: rgba(12, 12, 12, .35);--toolbar-inner-shadow: rgba(10, 10, 12, .5);--toolbar-button-size: 40px;--toolbar-transition: .16s}.floating-toolbar{position:absolute;background:linear-gradient(180deg,#ffffff14,#ffffff08 20%,#00000008);backdrop-filter:blur(var(--toolbar-blur)) saturate(var(--toolbar-saturation));-webkit-backdrop-filter:blur(var(--toolbar-blur)) saturate(var(--toolbar-saturation));border:1px solid var(--toolbar-border);border-radius:12px;padding:6px;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;box-shadow:0 10px 30px -10px var(--toolbar-shadow-dark),inset 0 6px 12px -8px #ffffff14,inset 0 -18px 40px -20px var(--toolbar-inner-shadow);z-index:10000;animation:fadeIn .2s ease-out;transform-style:preserve-3d;will-change:transform,opacity;max-width:210px;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.floating-toolbar:before{content:"";position:absolute;inset:2px;border-radius:11px;background:radial-gradient(60% 55% at 30% 30%,rgba(255,255,255,.08) 0%,transparent 30%),linear-gradient(180deg,#ffffff0a,#00000008),var(--toolbar-glass-tint);filter:blur(1.5px);pointer-events:none;box-shadow:inset 0 -14px 30px -18px #00000080}.floating-toolbar .toolbar-group{display:flex;gap:3px}.floating-toolbar::-webkit-scrollbar{display:none}.floating-toolbar button{background:transparent;border:none;color:#ffffffd9;width:var(--toolbar-button-size);height:var(--toolbar-button-size);padding:0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--toolbar-transition) ease;position:relative}.floating-toolbar button:hover{background-color:#ffffff1f;color:#fff;transform:translateY(-1px)}.floating-toolbar button.active{background:linear-gradient(135deg,#3b82f666,#2563eb59);color:#fff;box-shadow:inset 0 2px 6px #3b82f64d,0 0 8px #3b82f640}.floating-toolbar button:active{transform:translateY(1px) scale(.97);background-color:#ffffff14}.floating-toolbar-container{position:absolute;z-index:10000;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 10px 15px rgba(0,0,0,.25))}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.toolbar-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.25) 20%,rgba(255,255,255,.25) 80%,transparent 100%);margin:0 5px;box-shadow:1px 0 #0000004d}.toolbar-dropdown-container{position:relative}.toolbar-dropdown-trigger{background:transparent;border:none;color:#ffffffd9;width:var(--toolbar-button-size);height:var(--toolbar-button-size);padding:0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;transition:all var(--toolbar-transition) ease}.toolbar-dropdown-trigger:hover{background-color:#ffffff1f;color:#fff;transform:translateY(-1px)}.toolbar-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:linear-gradient(180deg,#ffffff14,#ffffff08 20%,#00000008);backdrop-filter:blur(var(--toolbar-blur)) saturate(var(--toolbar-saturation));-webkit-backdrop-filter:blur(var(--toolbar-blur)) saturate(var(--toolbar-saturation));border:1px solid var(--toolbar-border);border-radius:10px;padding:6px;min-width:180px;box-shadow:0 10px 30px -10px var(--toolbar-shadow-dark),inset 0 6px 12px -8px #ffffff14,inset 0 -18px 40px -20px var(--toolbar-inner-shadow);z-index:10001;animation:dropdownFadeIn .2s ease-out}.toolbar-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#ffffffd9;cursor:pointer;text-align:left;font-size:14px;transition:all var(--toolbar-transition) ease}.toolbar-dropdown-item:hover{background-color:#ffffff1f;color:#fff}.toolbar-dropdown-item.active{background:linear-gradient(135deg,#3b82f659,#2563eb4d);color:#fff;box-shadow:inset 0 2px 6px #3b82f640}.dropdown-item-label{flex:1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.color-picker-dropdown{min-width:220px}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px}.color-swatch{width:36px;height:36px;border:2px solid rgba(255,255,255,.25);border-radius:6px;cursor:pointer;transition:all var(--toolbar-transition) ease;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff4d}.color-swatch:hover{transform:scale(1.12) translateY(-2px);border-color:#fff9;box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #fff6}.color-swatch:active{transform:scale(1.05) translateY(0)}.floating-toolbar-debug-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);box-schadow:0 0 8px rgba(239,68,68,.6),0 0 4px rgba(239,68,68,.8),inset 0 1px 2px rgba(255,255,255,.4);animation:debugPulse 2s ease-in-out infinite;z-index:10}@keyframes debugPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}:root{--rail-w: 44px;--rail-left: 12px;--rail-top: 16px;--rail-bg: rgba(20, 28, 38, .3);--rail-blur: 18px;--rail-border: rgba(255, 255, 255, .1);--trigger-group-height: 88px}.rail-trigger-group{position:fixed;top:var(--rail-top);left:var(--rail-left);width:var(--rail-w);height:var(--trigger-group-height);z-index:10002;display:flex;flex-direction:column;background:var(--rail-bg);backdrop-filter:blur(var(--rail-blur));-webkit-backdrop-filter:blur(var(--rail-blur));border:1px solid var(--rail-border);border-radius:22px;transition:border-radius .2s ease,border-color .2s ease;overflow:hidden}.rail-trigger-group.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.rail-btn{width:100%;height:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .2s ease;position:relative}.rail-btn:first-child{border-bottom:1px solid rgba(255,255,255,.1)}.rail-btn:hover{background:#ffffff1a;color:#fff}.rail-btn.active{color:#fff;background:#5096ff33}.unified-liquid-rail{position:fixed;top:calc(var(--rail-top) + var(--trigger-group-height));left:var(--rail-left);width:var(--rail-w);background:var(--rail-bg);backdrop-filter:blur(var(--rail-blur));-webkit-backdrop-filter:blur(var(--rail-blur));border:1px solid var(--rail-border);border-top:none;opacity:0;transform:translateY(-10px) translateZ(0);pointer-events:none;z-index:10001;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100dvh - (var(--rail-top) + var(--trigger-group-height) + var(--action-bar-height, 64px) + var(--rail-top)));will-change:transform;transition:opacity .2s ease,transform .2s ease,width .2s ease}.unified-liquid-rail.open{opacity:1;transform:translateY(0);pointer-events:auto;border-top-left-radius:0;border-top-right-radius:0}.rail-item{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0;background:transparent;border:none;color:#ffffffb3;cursor:pointer;flex-shrink:0;transition:all .15s ease-in-out}.rail-item:hover{background:#ffffff1a;color:#fff}.rail-item.active{color:#6af}.rail-item-icon{flex-shrink:0;margin:0}.rail-item-label{display:none}.rail-scroll-area{padding:8px 0;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 120px);overscroll-behavior:contain}.rail-scroll-area::-webkit-scrollbar{width:4px}.rail-scroll-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}