@import url(https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&display=swap);.navbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:48px;justify-content:space-between;padding:0 16px;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:8px}.nav-action-btn,.navbar-right{align-items:center;display:flex}.nav-action-btn{background:#0000;border:none;border-radius:6px;color:#4b5563;cursor:pointer;justify-content:center;padding:6px;transition:all .2s}.nav-action-btn:hover{background:#f3f4f6;color:#1f2937}.doc-title-text{color:#374151;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-title-text,.share-btn{font-size:14px;font-weight:500}.share-btn{background:#1b367a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 16px;transition:background .2s}.share-btn:hover{background:#152a5e}.topbar{align-items:center;background:#fff;display:flex;flex-shrink:0;height:88px;justify-content:center;padding:16px 0 0;z-index:100}.topbar,.topbar-wrapper{position:relative}.main-toolbar{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;gap:3px;padding:6px 8px}.toolbar-btn{border-radius:8px;color:#4b5563;flex-direction:column;gap:4px;min-width:70px;padding:6px 16px;transition:all .2s ease}.toolbar-btn:hover{color:#1f2937}.toolbar-btn.active{background:#f1f3f5;color:#1b367a}.toolbar-btn.active span{color:#1b367a}.toolbar-btn svg{stroke-width:2;height:24px;width:24px}.toolbar-btn span{font-size:13px;font-weight:500;white-space:nowrap}.toolbar-icon{height:22px;object-fit:contain;width:22px}.text-options-dropdown{animation:slideInDown .2s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 10px 25px #0000001a;display:flex;gap:0;left:102px;margin-top:14px;padding:6px;position:absolute;top:100%;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:2000}.text-options-dropdown:after,.text-options-dropdown:before{border:solid #0000;bottom:100%;content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.text-options-dropdown:before{border-bottom-color:#d1d5db;border-width:8px}.text-options-dropdown:after{border-bottom-color:#fff;border-width:7px;margin-bottom:-1px}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.text-option-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:60px;padding:4px 12px;transition:all .2s}.text-option-btn:hover{background:#f3f4f6;color:#1b367a}.option-icon{color:#9ca3af;font-size:14px;font-weight:700;line-height:1}.text-option-btn:hover .option-icon{color:#1b367a}.option-label{font-size:10px;font-weight:600;white-space:nowrap}.left-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;flex-shrink:0;height:calc(100% - 24px);margin:12px 0 12px 12px;overflow:hidden;width:240px}.panel-header{flex-shrink:0;gap:8px;padding:12px}.icon-btn,.panel-header{align-items:center;display:flex;justify-content:center}.icon-btn{background:#0000;border:1px solid #0000;border-radius:4px;color:#4b5563;cursor:pointer;height:32px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease);width:32px}.icon-btn:hover{background:#f3f4f6;color:#111827}.slides-list{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 12px}.slide-item-container{align-items:flex-start;display:flex;gap:8px}.slide-number{color:#6b7280;flex-shrink:0;font-size:11px;font-weight:500;padding-top:4px;text-align:right;width:16px}.slide-thumbnail{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;flex:1 1;padding:4px;position:relative;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.slide-thumbnail:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.slide-thumbnail.active{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.thumbnail-wrapper{background:#fff;border-radius:2px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.thumbnail-content{align-items:flex-start;bottom:0;display:flex;left:0;padding:8px;position:absolute;right:0;top:0}.thumbnail-placeholder{display:flex;gap:6px;width:100%}.placeholder-box{background:#e5e7eb;border-radius:2px}.placeholder-block{flex-shrink:0;height:48px;width:40%}.placeholder-line{flex:1 1;height:16px}.slides-list::-webkit-scrollbar{width:6px}.slides-list::-webkit-scrollbar-track{background:#0000}.slides-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.slides-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.element{border:1px solid #0000;border-radius:4px;box-sizing:border-box;cursor:default;display:inline-block;min-height:30px;min-width:50px;padding:10px;position:absolute;transition:border-color .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.element:hover{border-color:#e5e7eb}.element:hover:before{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#6b7280;content:"+";display:flex;font-size:12px;font-weight:300;height:16px;justify-content:center;left:-8px;line-height:1;pointer-events:none;position:absolute;top:-8px;width:16px;z-index:1001}.element.idle{border-color:#0000;cursor:default}.element.selected{border:2px solid #7c3aed;border-radius:8px;box-shadow:0 0 0 1px #7c3aed1a,0 4px 12px #7c3aed26,inset 0 0 0 1px #a855f733;cursor:move;position:relative;transition:border-radius .2s ease,box-shadow .2s ease,border-color .2s ease;z-index:1000}.element.selected:before{content:none}.element.editing{border:2px solid #7c3aed;border-radius:8px;box-shadow:0 0 0 1px #7c3aed1a,0 4px 12px #7c3aed26,inset 0 0 0 1px #a855f733,0 0 0 3px #7c3aed1f;cursor:default;position:relative;z-index:1001}.color-picker-active .element.editing .text ::selection,.color-picker-active .element.editing .text::selection{background:#0000;color:currentColor}.color-picker-active .element.editing .text ::-moz-selection,.color-picker-active .element.editing .text::-moz-selection{background:#0000;color:currentColor}.custom-selection-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.custom-selection-rect{background:#3b82f638;border-radius:2px;position:absolute}.element.editing:before{content:none}.text{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;cursor:inherit;display:block;font-size:inherit;min-height:20px;outline:none;overflow:visible;overflow-wrap:break-word;position:relative;resize:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.text,.text.rte-editor.is-empty:before{pointer-events:none;white-space:pre-wrap}.text.rte-editor.is-empty:before{color:#9ca3af;content:attr(data-placeholder);left:0;position:absolute;top:0}.element[data-text-type=title]{align-items:center;display:flex}.element[data-text-type=title] .text.rte-editor.is-empty:before{left:0;text-align:inherit;top:50%;transform:translateY(-50%);width:100%}.element.editing .text{word-wrap:break-word;box-sizing:border-box;cursor:text;display:block;min-width:100px;outline:none;overflow-wrap:break-word;pointer-events:auto;position:relative;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;white-space:pre-wrap;width:100%;z-index:2}.element.selected .text{cursor:move}.element.has-link .text{cursor:pointer}.element.has-link .text:hover{color:#2563eb!important;text-decoration:underline!important}.selection-handles{display:block}.handle{background:linear-gradient(135deg,#7c3aed,#a855f7);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #00000026,0 0 0 1px #7c3aed33;cursor:pointer;height:12px;position:absolute;transition:all .2s cubic-bezier(.4,0,.2,1);width:12px;will-change:transform;z-index:1002}.handle:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 4px 8px #0003,0 0 0 2px #7c3aed4d;transform:scale(1.3)}.handle-nw{cursor:nw-resize;left:-5px;top:-5px}.handle-ne{cursor:ne-resize;right:-5px;top:-5px}.handle-sw{bottom:-5px;cursor:sw-resize;left:-5px}.handle-se{bottom:-5px;cursor:se-resize;right:-5px}.handle-n{cursor:n-resize;top:-5px}.handle-n,.handle-s{left:50%;transform:translateX(-50%)}.handle-s{bottom:-5px;cursor:s-resize}.handle-w{cursor:w-resize;left:-5px}.handle-e,.handle-w{top:50%;transform:translateY(-50%)}.handle-e{cursor:e-resize;right:-5px}.handle-edge-left,.handle-edge-right{background:#0000;bottom:-2px;pointer-events:auto;position:absolute;top:-2px;transition:background-color .15s ease;width:12px;z-index:1001}.handle-edge-left{cursor:w-resize;left:-6px}.handle-edge-right{cursor:e-resize;right:-6px}.handle-edge-left:hover,.handle-edge-right:hover{background:#7c3aed33}.handle-edge-left,.handle-edge-left:hover{cursor:w-resize!important}.handle-edge-right,.handle-edge-right:hover{cursor:e-resize!important}.element.editing .handle-edge-left,.element.editing .handle-edge-right{display:none}.handle-rotate{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:2px solid #fff;border-radius:50%;bottom:-32px;box-shadow:0 2px 4px #00000026,0 0 0 1px #7c3aed33;cursor:grab;display:flex;height:28px;justify-content:center;left:50%;transform:translateX(-130%);transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.handle-rotate:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 4px 8px #0003,0 0 0 2px #7c3aed4d;cursor:grabbing;transform:translateX(-130%) scale(1.15)}.handle-rotate:before{color:#fff;content:"↻";font-size:16px;font-weight:700}.handle-drag{display:none}.delete-btn{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;position:absolute;right:-12px;top:-12px;width:24px;z-index:20}.delete-btn:hover{background:#c82333}.link-open-btn{align-items:center;background:#3b82f6;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;line-height:1;position:absolute;right:18px;top:-12px;width:24px;z-index:20}.link-open-btn:hover{background:#2563eb}.text.rte-editor ol,.text.rte-editor ul{list-style-position:outside;margin:0;padding-left:1.4em;position:relative}.text.rte-editor li{line-height:inherit;margin-bottom:.25em;position:relative}.text.rte-editor li::marker{color:inherit;font-weight:inherit}.text.rte-editor ul{list-style-type:disc}.text.rte-editor ol{list-style-type:decimal}.text.rte-editor ul ul{list-style-type:circle}.text.rte-editor ul ul ul{list-style-type:square}.text.rte-editor.list-bullet li:not([data-list-style]){list-style-type:disc}.text.rte-editor.list-circle li:not([data-list-style]){list-style-type:circle}.text.rte-editor.list-square li:not([data-list-style]){list-style-type:square}.text.rte-editor.list-star li:not([data-list-style]){list-style-type:none}.text.rte-editor.list-star li:not([data-list-style])::marker{content:"★  "}.text.rte-editor.list-check li:not([data-list-style]){list-style-type:none}.text.rte-editor.list-check li:not([data-list-style])::marker{content:"✔  "}.text.rte-editor.list-arrow li:not([data-list-style]){list-style-type:none}.text.rte-editor.list-arrow li:not([data-list-style])::marker{content:"➜  "}.text.rte-editor.list-dash li:not([data-list-style]){list-style-type:none}.text.rte-editor.list-dash li:not([data-list-style])::marker{content:"–  "}.text.rte-editor.list-numbered li:not([data-list-style]){list-style-type:decimal}.text.rte-editor.list-upper-alpha li:not([data-list-style]){list-style-type:upper-alpha}.text.rte-editor.list-lower-alpha li:not([data-list-style]){list-style-type:lower-alpha}.text.rte-editor.list-upper-roman li:not([data-list-style]){list-style-type:upper-roman}.text.rte-editor.list-lower-roman li:not([data-list-style]){list-style-type:lower-roman}.text.rte-editor li[data-list-style=bullet]{list-style-type:disc}.text.rte-editor li[data-list-style=circle]{list-style-type:circle}.text.rte-editor li[data-list-style=square]{list-style-type:square}.text.rte-editor li[data-list-style=star]{list-style-type:none}.text.rte-editor li[data-list-style=star]::marker{content:"★  "}.text.rte-editor li[data-list-style=check]{list-style-type:none}.text.rte-editor li[data-list-style=check]::marker{content:"✔  "}.text.rte-editor li[data-list-style=arrow]{list-style-type:none}.text.rte-editor li[data-list-style=arrow]::marker{content:"➜  "}.text.rte-editor li[data-list-style=dash]{list-style-type:none}.text.rte-editor li[data-list-style=dash]::marker{content:"–  "}.text.rte-editor li[data-list-style=numbered]{list-style-type:decimal}.text.rte-editor li[data-list-style=upper-alpha]{list-style-type:upper-alpha}.text.rte-editor li[data-list-style=lower-alpha]{list-style-type:lower-alpha}.text.rte-editor li[data-list-style=upper-roman]{list-style-type:upper-roman}.text.rte-editor li[data-list-style=lower-roman]{list-style-type:lower-roman}.text.rte-editor ol ol{list-style-type:lower-alpha}.text.rte-editor ol ol ol{list-style-type:lower-roman}.text.rte-editor li>ol,.text.rte-editor li>ul{margin-bottom:0;margin-top:.25em}.floating-toolbar{align-items:center;animation:fadeInScale .2s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;display:flex;gap:0;padding:6px 12px;pointer-events:auto;position:fixed;transform:translateX(-50%);z-index:10000}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(4px) translateX(-50%)}to{opacity:1;transform:scale(1) translateY(0) translateX(-50%)}}.toolbar-group{align-items:center;display:flex;gap:4px;position:relative}.toolbar-divider{background:#e5e7eb;flex-shrink:0;height:24px;margin:0 8px;width:1px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex-direction:row;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;margin:0;min-width:32px;padding:0 8px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1)}.toolbar-btn.formatting-btn{height:32px;margin:0 2px;min-width:32px;padding:0;width:32px}.toolbar-btn.formatting-btn .toolbar-icon{height:16px;width:16px}.toolbar-btn:hover{background:#f3f4f6;color:#111827}.toolbar-btn.active{background:#2563eb1a;color:#2563eb}.toolbar-btn.active:hover{background:#2563eb26}.toolbar-btn:active{transform:scale(.92)}.toolbar-btn svg{stroke:currentColor;display:inline-block;flex-shrink:0;height:14px;vertical-align:middle;width:14px}.toolbar-type-btn{color:#374151;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:flex-start;min-width:100px;padding:0 10px}.toolbar-type-btn span{flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-type-btn svg{display:inline-block;flex:0 0 auto;vertical-align:middle}.toolbar-type-menu{min-width:140px}.toolbar-case-btn{color:#374151;font-size:13px;font-weight:600;letter-spacing:.3px}.case-icon{font-feature-settings:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant:normal}.toolbar-dropdown{color:#374151;font-size:13px;gap:6px;height:32px;justify-content:flex-start;min-width:50px;padding:0 10px;width:auto}.toolbar-dropdown span{flex:0 0 auto;white-space:nowrap}.toolbar-dropdown svg{display:inline-block;flex:0 0 auto;vertical-align:middle}.toolbar-color-btn{background:#0000;border:none;border-radius:6px;color:#374151;gap:6px;height:32px;justify-content:flex-start;min-width:50px;overflow:visible;padding:0 10px;position:relative;width:auto}.toolbar-color-btn:hover{border-color:#9ca3af}.toolbar-color-btn.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.toolbar-color-letter{flex:0 0 auto;font-size:14px;font-weight:600;line-height:1;text-decoration:underline}.toolbar-icon,.toolbar-icon[src],img.toolbar-icon{display:block;flex-shrink:0;height:16px;width:16px}.toolbar-icon[src],img.toolbar-icon{margin:0;max-height:16px;max-width:16px;min-height:16px;min-width:16px;object-fit:contain;padding:0}.align-icon,.list-icon,.numbered-icon{color:#374151;flex:0 0 auto;height:16px;width:16px}img.list-icon,img.numbered-icon{display:block;flex-shrink:0;height:16px!important;margin:0;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;object-fit:contain;opacity:1;padding:0;visibility:visible;width:16px!important}.align-icon{stroke:currentColor;fill:none}.list-icon,.numbered-icon{fill:currentColor;stroke:currentColor}.toolbar-dropdown-menu{animation:slideDown .2s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 32px #00000026,0 4px 12px #0000001a;left:0;max-height:240px;min-width:120px;overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 6px);z-index:10001}.toolbar-dropdown-item{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;min-height:36px;padding:8px 12px;transition:all .15s ease}.dropdown-item-icon{color:inherit;flex-shrink:0;height:16px;width:16px}.toolbar-dropdown-item:hover{background:#f3f4f6}.toolbar-dropdown-item.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1b367a;font-weight:600}.toolbar-color-picker{animation:slideDown .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;left:0;min-width:200px;padding:12px;position:absolute;top:calc(100% + 8px);z-index:10001}.color-picker-tabs{border-bottom:1px solid #f1f5f9;display:flex;gap:6px;margin-bottom:12px;padding-bottom:10px}.color-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-tab:hover{background:#f8fafc;color:#475569;transform:translateY(-1px)}.color-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff;font-weight:600}.color-tab.active:before{background:#3b82f6;border-radius:50%;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);padding:4px}.color-square{border:2px solid #fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:28px;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:28px}.color-square:before{background:linear-gradient(135deg,#ffffff4d,#0000001a);border-radius:6px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .2s ease}.color-square:hover{border-color:#e2e8f0;box-shadow:0 6px 16px #0003,0 2px 6px #0000001a;transform:scale(1.2) translateY(-2px);z-index:10}.color-square:hover:before{opacity:1}.color-square.selected{border-color:#3b82f6;border-width:3px;box-shadow:0 0 0 2px #3b82f633,0 4px 12px #3b82f64d;transform:scale(1.1)}.color-square.selected:after{color:#fff;content:"✓";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 4px #0006;top:50%;transform:translate(-50%,-50%);z-index:2}.color-tab svg{stroke-width:2;height:14px;width:14px}.color-picker-reset{align-items:center;border-radius:6px;border-top:1px solid #f1f5f9;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:8px 12px;transition:all .2s ease}.color-picker-reset:hover{background:#f8fafc;color:#475569}.color-picker-reset svg{flex-shrink:0;height:14px;width:14px}.gradient-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.gradient-square{border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;height:64px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:64px}.gradient-square:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0003;transform:scale(1.1);z-index:1}.gradient-square.selected{border-color:#1b367a;border-width:3px;box-shadow:0 0 0 3px #3b82f633,0 4px 12px #00000026}.gradient-square.selected:after{color:#fff;content:"✓";font-size:18px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 6px #000c;top:50%;transform:translate(-50%,-50%);z-index:2}.gradient-label{background:#ffffffe6;border-radius:4px;bottom:4px;color:#374151;font-size:10px;font-weight:600;left:50%;padding:2px 6px;position:absolute;transform:translateX(-50%)}.color-picker-wrapper{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.color-picker-label{color:#374151;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.color-picker-input{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:40px;padding:0;transition:all .2s ease;width:100%}.color-picker-input:hover{border-color:#9ca3af;box-shadow:0 2px 8px #0000001a}.color-picker-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.gradient-picker-wrapper{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.gradient-color-inputs{display:flex;gap:8px}.gradient-color-input{flex:1 1}.gradient-color-input label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.gradient-color-input .color-picker-input{height:36px;width:100%}.toolbar-btn em,.toolbar-btn s,.toolbar-btn span,.toolbar-btn strong,.toolbar-btn u{display:inline-block;line-height:1}.toolbar-btn strong{font-weight:700}.toolbar-btn em{font-style:italic}.toolbar-dropdown-menu::-webkit-scrollbar{width:6px}.toolbar-dropdown-menu::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.toolbar-dropdown-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.toolbar-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.canvas-container{padding:20px 15px 20px 20px}.canvas-wrapper{animation:scaleIn .4s cubic-bezier(.16,1,.3,1);aspect-ratio:16/9;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 25px #0000000f;overflow:hidden;padding-bottom:0;width:min(99%,calc(177.7vh - 312.752px))}.canvas-inner-overlay{bottom:0;left:0;overflow:visible;pointer-events:none;position:absolute;right:0;top:0}.element{pointer-events:auto}.render-mode-toggle{background:#fffffff2;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:8px;padding:6px;position:absolute;right:20px;top:20px;z-index:1000}.mode-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.mode-btn span{font-size:16px}.mode-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.mode-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.html-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.canvas-container,.html-canvas{background:#0000;cursor:default}.canvas-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.canvas-container.insert-text-mode{cursor:crosshair}.text-placement-cue{background:#3b82f61f;border:1px solid #3b82f659;border-radius:999px;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px;z-index:9999}.text-placement-cue,.text-placement-cue-plus{align-items:center;display:flex;justify-content:center}.text-placement-cue-plus{background:#3b82f62e;border-radius:999px;color:#2563eb;font-size:10px;font-weight:700;height:10px;line-height:10px;text-align:center;width:10px}.canvas-wrapper{position:relative}.right-panel{animation:slideIn .3s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100% - 24px);margin:12px 12px 12px 0;overflow:hidden;transition:opacity .2s ease,visibility .2s ease;width:320px}.right-panel.hidden{opacity:0;pointer-events:none;visibility:hidden}.panel-header{background:#fff;border-bottom:1px solid #f3f4f6;padding:16px 20px}.header-title-row{justify-content:space-between;width:100%}.header-title-row,.title-with-icon{align-items:flex-start;display:flex}.title-with-icon{gap:12px;margin-left:-2px}.title-with-icon svg:first-child{color:#1e293b;margin-top:2px}.title-stack{display:flex;flex-direction:column;gap:0}.panel-title{color:#1e293b;font-size:17px;font-weight:700;line-height:1;margin:0}.header-dropdown-icon{color:#94a3b8;flex-shrink:0;margin-left:12px}.reset-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:3px;margin-top:2px;padding:0;transition:all .2s;white-space:nowrap}.reset-btn svg{color:#cbd3da}.reset-btn:hover{color:#1b367a;transform:translateX(2px)}.header-subtitle{color:#94a3b8;font-size:12px;font-weight:400;margin:1px 0 0}.panel-content{flex:1 1;gap:12px;overflow-x:hidden;overflow-y:auto;padding:12px}.control-group,.panel-content{display:flex;flex-direction:column}.control-group{gap:6px;overflow:visible}.control-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}.control-input,.control-select{background:var(--color-surface);border:1px solid #e5e7eb;border-radius:6px;color:var(--color-text-primary);font-size:13px;padding:8px 12px;transition:all var(--transition-fast);width:100%}.control-input:hover,.control-select:hover{border-color:#d1d5db}.control-input:focus,.control-select:focus{border-color:#1b367a;box-shadow:0 0 0 2px #1b367a1a;outline:none}.format-toolbar-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:-4px}.format-toolbar-left{flex:0 0 70px}.format-toolbar-right{display:flex;flex:1 1;gap:6px}.format-toolbar-right .format-btn{flex:1 1}.bold-split-group{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:0;position:relative;transition:all .2s;width:70px}.bold-toggle-btn{border:none!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:0!important;border-top-left-radius:10px!important;border-top-right-radius:0!important;box-shadow:none!important;flex:1 1;min-height:40px!important}.bold-dropdown-trigger{align-items:center;background:#0000;border:none;border-bottom-right-radius:10px;border-left:1px solid #e2e8f0;border-top-right-radius:10px;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:24px}.bold-dropdown-trigger:hover{background:#f8fafc;color:#1e293b}.bold-dropdown-trigger.active{background:#f0f5ff;color:#1b367a}.bold-split-group:has(.active){border-color:#1b367a}.format-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:40px;padding:8px 0;transition:all .2s}.format-btn span{font-size:16px}.btn-with-chevron{align-items:center;display:flex;gap:4px}.format-btn.italic-btn{font-family:"serif";font-style:italic}.format-btn.underline-btn{text-decoration:underline}.format-btn.strikethrough-btn{text-decoration:line-through}.format-btn.code-btn{font-family:"monospace";font-size:13px}.format-btn:hover{background:#f8fafc;border-color:#cbd5e1}.format-btn.active{background:#f0f5ff;border-color:#1b367a;box-shadow:inset 0 0 0 1px #1b367a;color:#1b367a}.case-toggle-btn{flex:1 1}.case-toggle-btn span{font-family:var(--font-body);letter-spacing:-.5px}.custom-dropdown-container{position:relative;width:100%}.custom-dropdown-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;justify-content:space-between;padding:10px 12px;transition:all .2s;width:100%}.trigger-content{align-items:center;display:flex;gap:10px}.custom-dropdown-trigger:hover{background:#f8fafc;border-color:#cbd5e1}.custom-dropdown-trigger.active{border-color:#1b367a;box-shadow:0 0 0 3px #1b367a1a}.custom-dropdown-trigger svg:last-child{color:#94a3b8;transition:transform .2s}.custom-dropdown-trigger.active svg:last-child{transform:rotate(180deg)}.custom-dropdown-list{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;left:0;max-height:320px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.custom-dropdown-list::-webkit-scrollbar{width:8px}.custom-dropdown-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px;margin:6px 0}.custom-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:10px}.custom-dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-item{align-items:center;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 10px;transition:all .15s}.dropdown-item svg{color:#94a3b8}.dropdown-item:hover{background:#f1f5f9;color:#1e293b}.dropdown-item:hover svg{color:#1b367a}.dropdown-item.selected{background:#f0f5ff;color:#1b367a}.dropdown-item.selected svg{color:#1b367a}.dropdown-list-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);left:auto;right:0;width:180px}.dropdown-list-grid .dropdown-item{justify-content:center;padding:8px 4px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.button-group-horizontal{align-items:center;display:flex;gap:8px}.button-group-horizontal.list-group{gap:12px;overflow:visible;position:relative}.align-btn,.list-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:44px;padding:10px 0;transition:all .2s}.list-group .list-btn{flex:0 0 auto;padding:12px;width:64px}.align-btn.active,.list-btn.active{background:#f0f5ff;border-color:#1b367a;color:#1b367a}.align-btn:hover,.list-btn:hover{background:#f8fafc;border-color:#cbd5e1}.list-btn svg{flex-shrink:0}.list-more-btn{border:1px solid #e5e7eb;flex-shrink:0;height:44px;padding:12px;width:64px}.list-more-btn:hover{background:#f8fafc;border-color:#cbd5e1}.list-more-btn.active{background:#f0f5ff;border-color:#1b367a;color:#1b367a}.list-group .custom-dropdown-container{position:relative;width:auto}.list-more-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;left:auto;max-height:320px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:220px;z-index:1000}.control-row-two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.control-row-two-col .control-group{gap:8px}.color-picker-wrapper-simple{align-items:center;display:flex;gap:8px;position:relative}.color-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;height:42px;justify-content:center;transition:all .2s;width:56px}.color-btn,.text-color-preview{align-items:center;display:flex}.text-color-preview{flex-direction:column;line-height:1}.text-color-preview span{font-size:18px;font-weight:700;margin-bottom:-2px}.color-underline{border-radius:1px;height:3px;width:14px}.color-dropdown-btn{align-items:center;background:#64748b;border:1px solid #64748b;border-radius:8px;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s;width:42px}.color-dropdown-btn svg{color:#fff}.color-dropdown-btn:hover{background:#475569;border-color:#475569}.color-palette-dropdown-v2{animation:slideDown .2s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 15px 30px -5px #0000001a,0 10px 15px -5px #0000000a;margin-top:6px;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:100}.picker-tabs{background:#fff;border-bottom:1px solid #f3f4f6;display:flex;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:8px}.tab-btn.active{background:#dbeafe;color:#1e40af}.picker-section{padding:8px 12px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.section-title{color:#6b7280;letter-spacing:.025em;text-transform:uppercase}.edit-link,.section-title{font-size:11px;font-weight:600}.edit-link{background:#0000;border:none;color:#2563eb;cursor:pointer}.theme-colors-row{display:flex;gap:10px}.color-circle{border:1px solid #f1f5f9;border-radius:8px;cursor:pointer;height:28px;transition:transform .1s;width:28px}.color-circle:hover{transform:scale(1.1)}.picker-divider{background:#f3f4f6;height:1px;margin:0 10px}.system-colors-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.color-square{align-items:center;aspect-ratio:1;border:1px solid #f1f5f9;border-radius:7px;color:#fff;cursor:pointer;display:flex;justify-content:center;transition:transform .1s;width:100%}.color-square.selected{outline:2px solid #2563eb;outline-offset:1px}.reset-default-btn{align-items:center;background:#f9fafb;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin:0 16px 16px;padding:10px;width:calc(100% - 32px)}.reset-default-btn:hover{background:#f3f4f6}.picker-advanced-mode{padding:10px}.advanced-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.back-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;padding:4px}.advanced-title{color:#374151;font-size:13px;font-weight:500}.theme-color-preview-large{border:1px solid #e5e7eb;border-radius:6px;height:32px;margin-bottom:12px;width:32px}.saturation-picker-v2{border-radius:12px;cursor:crosshair;height:90px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.saturation-background{bottom:0;left:0;position:absolute;right:0;top:0}.saturation-white{background:linear-gradient(90deg,#fff,#fff0)}.saturation-black,.saturation-white{height:100%;position:absolute;width:100%}.saturation-black{background:linear-gradient(0deg,#000,#0000)}.saturation-pointer{background:#0000001a;border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px #0000004d;height:14px;position:absolute;transform:translate(-50%,-50%);width:14px}.hue-slider-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.hue-preview-small{border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;height:30px;width:30px}.hue-slider-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:4px;flex:1 1;height:8px;position:relative}.hue-pointer{background:#fff;border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 4px #0003;height:14px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;z-index:2}.advanced-input-row{align-items:center;display:flex;gap:3px}.format-selector.v2{align-items:center;background:#fff;color:#1e293b;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;gap:4px;padding:6px 8px}.advanced-hex-input,.format-selector.v2{border:1px solid #e2e8f0;border-radius:10px;font-weight:700}.advanced-hex-input{color:#111827;flex:1 1;font-family:"monospace";font-size:12.5px;outline:none;padding:6px 4px;text-align:center;width:0}.advanced-hex-input:focus{border-color:#cbd5e1!important;box-shadow:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.link-input-wrapper{align-items:center;display:flex;gap:8px}.link-input-wrapper .control-input{flex:1 1}.link-btn{align-items:center;background:var(--color-surface);border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all var(--transition-fast);width:40px}.link-btn:hover{background:#f9fafb;border-color:#d1d5db}.action-buttons-horizontal{display:flex;gap:12px}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.action-btn svg{color:#64748b}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.action-btn-danger{background:#fff;border-color:#fee2e2;color:#ef4444}.action-btn-danger svg{color:#ef4444}.action-btn-danger:hover{background:#fff1f2;border-color:#fecaca}.list-more-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s;width:42px}.weight-dropdown{width:140px}.color-picker-tabs-new{background:#f8fafc;border-radius:10px;display:flex;gap:4px;margin:10px;padding:4px}.color-picker-tabs-new .tab-item{align-items:center;background:#0000;border-radius:7px;display:flex;flex:1 1;justify-content:center;padding:8px;transition:all .2s}.color-picker-tabs-new .tab-item.active{background:#fff;box-shadow:0 2px 5px #0000000d}.tab-icon{color:#64748b;font-size:16px;font-weight:700}.tab-item.active .tab-icon{color:#1b367a}.highlight-icon{stroke-width:2.5px}.reset-default-line{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s}.reset-default-line:hover{background:#f1f5f9;color:#1b367a}.reset-default-line svg{color:#94a3b8}.size-input-combined{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;height:40px;justify-content:space-between;padding:0 4px;transition:all .2s}.size-input-combined:focus-within,.size-input-combined:hover{border-color:#cbd5e1}.size-custom-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:15px;font-weight:700;outline:none;padding:8px;text-align:center;width:100%}.size-custom-input:focus{border:none!important;box-shadow:none!important}.size-dropdown-toggle{align-items:center;background:#0000;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px}.size-dropdown-toggle:hover{color:#1b367a}.size-adjust-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:8px 4px;transition:all .2s}.size-adjust-btn:hover{background:#f1f5f9;border-radius:6px;color:#1b367a}.size-vertical-list{left:auto;max-height:200px;overflow-y:auto;right:0;width:80px}.size-vertical-list::-webkit-scrollbar{width:4px}.size-vertical-list .dropdown-item{font-size:13.5px;justify-content:flex-start;padding:6px 12px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#0000}.panel-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@layer theme, base, components, utilities;@layer theme{@theme default{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--text-shadow-2xs:0px 1px 0px #00000026;--text-shadow-xs:0px 1px 1px #0003;--text-shadow-sm:0px 1px 0px rgba(0,0,0,.075),0px 1px 1px rgba(0,0,0,.075),0px 2px 2px rgba(0,0,0,.075);--text-shadow-md:0px 1px 1px #0000001a,0px 1px 2px #0000001a,0px 2px 4px #0000001a;--text-shadow-lg:0px 1px 2px #0000001a,0px 3px 2px #0000001a,0px 4px 8px #0000001a;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--animate-bounce:bounce 1s infinite;@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:--theme(--font-sans,initial);--default-font-feature-settings:--theme(--font-sans--font-feature-settings,initial);--default-font-variation-settings:--theme(--font-sans--font-variation-settings,initial);--default-mono-font-family:--theme(--font-mono,initial);--default-mono-font-feature-settings:--theme(--font-mono--font-feature-settings,initial);--default-mono-font-variation-settings:--theme(--font-mono--font-variation-settings,initial)}@theme default inline reference{--blur:8px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--drop-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;--radius:0.25rem;--max-width-prose:65ch}}@layer base{::-webkit-file-upload-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:--theme(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:--theme(--default-font-variation-settings,normal);line-height:1.5;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:--theme(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-file-upload-button{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:initial;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,#0000)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities}@theme{--color-brand:#1b367a}:root{--color-bg:#fafaf9;--color-surface:#fff;--color-border:#e7e5e4;--color-divider:#d6d3d1;--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-tertiary:#78716c;--color-accent:#1b367a;--color-accent-hover:#162a61;--color-accent-light:#eff6ff;--color-hover:#f8fafc;--color-selected:#f1f5f9;--color-focus:#dbeafe;--font-display:"Crimson Pro",serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 8px #0000000f;--shadow-lg:0 8px 16px #00000014;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1c1917;color:var(--color-text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);overflow:hidden}.app{flex-direction:column;height:100vh;width:100vw}.app,.workspace{display:flex;overflow:hidden}.workspace{background:#fff;flex:1 1;flex-direction:row}.main-content{flex:1 1;flex-direction:column;position:relative}.editor-area,.main-content{background:#fff;display:flex;overflow:hidden}.editor-area{align-items:center;flex:1 1;gap:20px;justify-content:center;padding:20px 15px 20px 20px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d6d3d1;background:var(--color-divider);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#78716c;background:var(--color-text-tertiary)}button{background:none;border:none;cursor:pointer;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;outline:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background:#fff;background:var(--color-surface);border:1px solid #e7e5e4;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm);color:#1c1917;color:var(--color-text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:8px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#1b367a;border-color:var(--color-accent);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-focus)}::selection{background:#eff6ff;background:var(--color-accent-light);color:#1b367a;color:var(--color-accent)}.divider{height:1px}.divider,.divider-vertical{background:#e7e5e4;background:var(--color-border)}.divider-vertical{width:1px}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-tooltip]{position:relative}[data-tooltip]:before{background:#334155;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:11px;font-weight:500;padding:6px 10px;white-space:nowrap}[data-tooltip]:after,[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:all .05s ease;visibility:hidden;z-index:99999}[data-tooltip]:after{border:6px solid #0000;border-top-color:#334155;bottom:calc(100% + 2px);content:""}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.tooltip-left[data-tooltip]:after,.tooltip-left[data-tooltip]:before{left:0!important;transform:translateX(0) translateY(4px)!important}.tooltip-left[data-tooltip]:hover:after,.tooltip-left[data-tooltip]:hover:before{transform:translateX(0) translateY(0)!important}.tooltip-right[data-tooltip]:after,.tooltip-right[data-tooltip]:before{left:auto!important;right:0!important;transform:translateX(0) translateY(4px)!important}.tooltip-right[data-tooltip]:hover:after,.tooltip-right[data-tooltip]:hover:before{transform:translateX(0) translateY(0)!important}.tooltip-bottom[data-tooltip]:before{top:calc(100% + 8px)!important}.tooltip-bottom[data-tooltip]:after,.tooltip-bottom[data-tooltip]:before{bottom:auto!important;transform:translateX(-50%) translateY(-4px)!important}.tooltip-bottom[data-tooltip]:after{border-bottom-color:#334155!important;border-top-color:#0000!important;top:calc(100% + 2px)!important}.tooltip-bottom[data-tooltip]:hover:after,.tooltip-bottom[data-tooltip]:hover:before{transform:translateX(-50%) translateY(0)!important}.tooltip-left[data-tooltip]:after{left:20px!important}.tooltip-right[data-tooltip]:after{left:auto!important;right:20px!important}
/*# sourceMappingURL=main.232277ea.css.map*/