.floating-panel{box-sizing:border-box;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,-apple-system,sans-serif;border:1px solid rgba(0,0,0,.12);overflow:hidden;position:relative}.floating-panel.rounded{border-radius:20px}.floating-panel.rounded .floating-panel-header{border-top-left-radius:20px;border-top-right-radius:20px}.floating-panel.rounded .floating-panel-footer{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.floating-panel.with-shadow{box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #00000014,0 10px 15px -3px #00000014,0 20px 40px -10px #0000001f}.floating-panel.dragging{box-shadow:0 4px 8px -1px #00000014,0 8px 16px -1px #0000001a,0 16px 24px -4px #0000001a,0 30px 60px -12px #0003!important}.floating-panel-header{position:relative;padding:8px 16px;background:linear-gradient(180deg,#fafbfc,#f6f8f9);border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;min-height:36px}.floating-panel-footer{position:relative;padding:8px 16px;background:linear-gradient(0deg,#fafbfc,#fdfdfd);border-top:1px solid rgba(0,0,0,.05);flex-shrink:0;min-height:36px}.drag-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);width:120px;height:5px;background:#00000026;border-radius:3px;cursor:move;z-index:100;transition:background .15s ease}.drag-bar:hover{background:#00000040}.floating-panel.dragging .drag-bar{background:#00000059}.panel-icon{position:absolute;z-index:50;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;color:#666;cursor:default;-webkit-user-select:none;user-select:none}.panel-icon-top-left{top:0;left:0}.panel-icon-top-center{top:0;left:50%;transform:translate(-50%)}.panel-icon-top-right{top:0;right:0}.panel-icon-bottom-left{bottom:0;left:0}.panel-icon-bottom-right{bottom:0;right:0}.tooltip{position:fixed;padding:6px 10px;background:#000000d9;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;animation:tooltip-fade-in .15s ease}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-top{animation:tooltip-fade-in-top .15s ease}@keyframes tooltip-fade-in-top{0%{opacity:0;transform:translate(-50%) translateY(-100%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(-100%)}}.floating-panel-main{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 12px 12px 8px;background:#fff;min-height:0}.floating-panel-main::-webkit-scrollbar{width:6px}.floating-panel-main::-webkit-scrollbar-track{background:transparent}.floating-panel-main::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.floating-panel-main::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:768px){.floating-panel{position:fixed!important;left:10px!important;right:10px!important;width:auto!important;top:auto!important;bottom:10px;height:80vh!important}.drag-bar{cursor:default}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.background-content{max-width:1000px;margin:0;padding:40px 20px 40px 240px;color:#fff}.background-content h1{font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.background-content p{font-size:18px;opacity:.95;margin-bottom:32px;text-shadow:0 1px 5px rgba(0,0,0,.1)}.controls{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.btn{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn:active{transform:translateY(0)}.btn-primary{background:#fff;color:#667eea}.btn-secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;margin-bottom:32px;border:1px solid rgba(255,255,255,.2)}.info-section h2{font-size:24px;margin-bottom:16px}.info-section ul{list-style:none}.info-section li{padding:8px 0;font-size:16px}.logs-section{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;margin-bottom:32px;border:1px solid rgba(255,255,255,.1)}.logs-section h2{font-size:24px;margin-bottom:16px}.logs{max-height:200px;overflow-y:auto;background:#0000004d;border-radius:8px;padding:12px}.logs::-webkit-scrollbar{width:8px}.logs::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.logs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.logs::-webkit-scrollbar-thumb:hover{background:#ffffff80}.log-entry{padding:6px 0;font-size:13px;font-family:Monaco,Courier New,monospace;border-bottom:1px solid rgba(255,255,255,.1)}.log-entry:last-child{border-bottom:none}.no-logs{text-align:center;color:#fff9;font-style:italic;padding:20px}.placeholder-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.placeholder-content p{margin-bottom:16px;color:#fffc;font-size:14px}@media(max-width:768px){.background-content h1{font-size:32px}.background-content p{font-size:16px}.controls{flex-direction:column}.btn{width:100%}}