body{color:#e2e8f0;background-color:#020617;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{background-color:#020617;flex-direction:row;height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#0f172acc;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;gap:16px;width:280px;padding:16px;display:flex;overflow-y:auto}.header-logo{align-items:center;gap:8px;margin-bottom:16px;padding:0 8px;display:flex}.header-logo h1{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.125rem;font-weight:700}.header-logo span{color:#34d399}.section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 8px;font-size:.75rem;font-weight:700}.sidebar-item{text-align:left;color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.sidebar-item:hover{color:#cbd5e1;background-color:#1e293b}.sidebar-item.active{color:#34d399;background-color:#10b9811a;border-color:#10b98180}.icon-box{color:#64748b;background-color:#1e293b;border-radius:8px;padding:8px}.icon-box.active{color:#6ee7b7;background-color:#10b98133}.label-box .title{font-size:.875rem;font-weight:500}.label-box .desc{opacity:.6;font-size:.75rem}.arrow{opacity:.5;width:16px;height:16px;margin-left:auto}.info-box{color:#94a3b8;background-color:#0f172a;border:1px solid #1e293b;border-radius:16px;margin-top:auto;padding:16px;font-size:.75rem}.main-content{flex-direction:column;flex:1;display:flex;position:relative}.top-bar{background-color:#020617cc;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.controls-group{align-items:center;gap:16px;display:flex}.select-input{color:#e2e8f0;background-color:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:6px 12px;font-size:.875rem}.select-input:focus{border-color:#10b981}.divider{background-color:#1e293b;width:1px;height:24px;margin:0 8px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.btn-primary{color:#0f172a;background-color:#10b981}.btn-primary:hover{background-color:#34d399}.btn-danger{color:#f87171;background-color:#ef444433}.btn-danger:hover{background-color:#ef44444d}.btn-icon{color:#94a3b8;background:0 0;padding:8px}.btn-icon:hover{background-color:#1e293b}.stats{color:#64748b;gap:24px;font-family:monospace;font-size:.75rem;display:flex}.stats span{color:#e2e8f0}.canvas-container{background-color:#020617;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-wrapper{border:1px solid #1e293b80;border-radius:50%;width:600px;height:600px;position:relative;box-shadow:0 25px 50px -12px #064e3b26}.canvas-layer{width:100%;height:100%;position:absolute;top:0;left:0}.canvas-bg{opacity:.6}.canvas-fg{z-index:10}.crosshair-h{pointer-events:none;background:#1e293b4d;width:100%;height:1px;position:absolute;top:50%}.crosshair-v{pointer-events:none;background:#1e293b4d;width:1px;height:100%;position:absolute;left:50%}.config-panel{background-color:#0f172acc;border-left:1px solid #1e293b;flex-direction:column;gap:24px;width:260px;padding:24px;display:flex;overflow-y:auto}.panel-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.control-item label{color:#94a3b8;justify-content:space-between;margin-bottom:4px;font-size:.75rem;font-weight:500;display:flex}.control-item span{color:#34d399}.control-item span.amber{color:#fbbf24}.range-input{appearance:none;cursor:pointer;background:#334155;border-radius:4px;outline:none;width:100%;height:4px}.range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border-radius:50%;width:16px;height:16px}.range-input.amber::-webkit-slider-thumb{background:#f59e0b}.hmc-section{border-top:1px solid #1e293b;flex-direction:column;gap:16px;padding-top:16px;display:flex}.hmc-title{color:#f59e0b;text-transform:uppercase;font-size:.75rem;font-weight:700}.tip-box{background-color:#0f172a;border:1px solid #1e293b;border-radius:8px;margin-top:auto;padding:12px}.tip-title{color:#cbd5e1;margin-bottom:4px;font-size:.75rem;font-weight:700}.tip-text{color:#64748b;font-size:.7rem;line-height:1.4}@media (max-width:768px){.app-container{flex-direction:column;height:auto;overflow-y:auto}.sidebar,.config-panel{width:100%;height:auto}.canvas-wrapper{width:300px;height:300px}}