.navigation ul{display:flex;list-style:none;gap:1rem}.floating-widget{position:fixed;z-index:50;transition:all .3s ease-in-out;box-shadow:0 4px 20px #0000004d}.floating-widget.collapsed{bottom:1.5rem;right:1.5rem;width:4rem;height:4rem;border-radius:50%;background-color:#4f46e5}.floating-widget.expanded{bottom:0;right:0;width:50%;height:50%;border-top-left-radius:.5rem;background-color:#1e1e1e;min-width:300px;min-height:200px}.floating-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:none;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s}.floating-button:hover{background-color:#4338ca}.editor-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.resize-handle{position:absolute;background-color:transparent;z-index:10}.resize-top{top:-2px;left:8px;right:8px;height:6px;cursor:n-resize}.resize-right{top:8px;right:-2px;bottom:8px;width:6px;cursor:e-resize}.resize-bottom{bottom:-2px;left:8px;right:8px;height:6px;cursor:s-resize}.resize-left{top:8px;left:-2px;bottom:8px;width:6px;cursor:w-resize}.resize-top-left{top:-2px;left:-2px;width:10px;height:10px;cursor:nw-resize}.resize-top-right{top:-2px;right:-2px;width:10px;height:10px;cursor:ne-resize}.resize-bottom-left{bottom:-2px;left:-2px;width:10px;height:10px;cursor:sw-resize}.resize-bottom-right{bottom:-2px;right:-2px;width:10px;height:10px;cursor:se-resize;background-image:linear-gradient(-45deg,transparent 0px,transparent 4px,#666 4px,#666 6px,transparent 6px),linear-gradient(-45deg,transparent 2px,transparent 6px,#666 6px,#666 8px,transparent 8px),linear-gradient(-45deg,transparent 4px,transparent 8px,#666 8px,#666 10px,transparent 10px)}.resize-handle:hover{background-color:#4f46e533}.resize-bottom-right:hover{background-color:#4f46e533;background-image:linear-gradient(-45deg,transparent 0px,transparent 4px,#4f46e5 4px,#4f46e5 6px,transparent 6px),linear-gradient(-45deg,transparent 2px,transparent 6px,#4f46e5 6px,#4f46e5 8px,transparent 8px),linear-gradient(-45deg,transparent 4px,transparent 8px,#4f46e5 8px,#4f46e5 10px,transparent 10px)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid #4b5563;cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1e1e1e,#2a2a2a)}.editor-header:hover{background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}.editor-header:active{background:linear-gradient(135deg,#3a3a3a,#4a4a4a)}.editor-title{color:#fff;font-weight:500;font-size:.875rem;margin:0}.header-buttons{display:flex;gap:.5rem}.clear-button{color:#d1d5db;background-color:#374151;border:none;padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;cursor:pointer;transition:all .2s}.clear-button:hover{color:#fff;background-color:#4b5563}.minimize-button{color:#d1d5db;background:none;border:none;cursor:pointer;transition:color .2s;padding:.25rem;display:flex;align-items:center;justify-content:center}.minimize-button:hover{color:#fff}.editor-content{flex:1;display:flex;overflow:hidden}.line-numbers{background-color:#1f2937;padding:1rem .5rem 1rem .125rem;border-right:1px solid #4b5563;color:#6b7280;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;text-align:right;line-height:1.5;min-width:2rem}.line-number{height:1.5em}.textarea-container{flex:1;position:relative}.code-textarea{width:100%;height:100%;padding:1rem;background:transparent;color:transparent;caret-color:#f3f4f6;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;border:none;outline:none;resize:none;tab-size:2;position:relative;z-index:2}.code-textarea::placeholder{color:#6b7280}.syntax-overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;z-index:1;color:#f3f4f6}.syntax-keyword{color:#c792ea;font-weight:500}.syntax-string{color:#c3e88d}.syntax-comment{color:#546e7a;font-style:italic}.syntax-function{color:#82aaff}.syntax-number{color:#f78c6c}.syntax-operator{color:#89ddff}.syntax-text{color:#f3f4f6}.editor-footer{padding:.5rem;border-top:1px solid #4b5563;font-size:.75rem;color:#9ca3af}.backdrop{position:fixed;inset:0;background-color:#0003;z-index:40}