.property-panel{position:absolute;top:0;right:0;height:100%;width:380px;z-index:9999;background:radial-gradient(circle at top right,#3c3c3c 0,#1f1f1f 55%);background-color:#262626;box-shadow:-4px 0 24px #00000080;border-left:1px solid rgba(255,255,255,.06);opacity:0;transform:translate(20px);transition:all .25s ease-out;pointer-events:none}.property-panel.panel-visible{opacity:1;transform:translate(0);pointer-events:all}.panel-inner{height:100%;display:flex;flex-direction:column;padding:20px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px;flex-shrink:0}.panel-title{display:flex;align-items:center;gap:10px}.title-text{font-size:18px;font-weight:600;color:#f5f5f5;letter-spacing:.01em}.panel-close{width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:#bdbdbd;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.panel-close:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.panel-content{overflow-y:auto;overflow-x:hidden;padding-right:6px;min-height:0;height:88%}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.section{margin-bottom:20px;padding:14px;border-radius:10px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05)}.section-title{font-size:13px;font-weight:600;color:#d0d0d0;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.section-body{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;color:#9e9e9e;font-weight:500}.field input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#f5f5f5;font-size:13px;outline:none;transition:all .2s ease;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;line-height:1.4}.field input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;background:#00000059}.field input[readonly]{background:#0006;color:#888;cursor:not-allowed;opacity:.7}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.port-group{margin-top:8px}.port-group-title{font-size:11px;font-weight:600;color:#a0a0a0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.port-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;background:#0003;margin-bottom:4px}.port-icon{width:8px;height:8px;border-radius:50%;flex-shrink:0}.port-icon.exec{background:#10b981;border-radius:2px}.port-icon.data{background:#6366f1}.port-name{flex:1;font-size:12px;color:#e0e0e0;font-weight:500}.port-type{font-size:10px;color:#888;padding:2px 6px;background:#ffffff0d;border-radius:3px}.panel-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);margin-top:16px}.panel-actions button{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:system-ui,-apple-system,sans-serif}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.btn-secondary{background:#ffffff14;color:#d0d0d0}.btn-secondary:hover{background:#ffffff1f;color:#fff}html,body{height:100%;margin:0;overflow:hidden}#wrap{height:100%;width:100%;display:flex;overflow:hidden}.content-root{width:100%;height:100%;position:relative;overflow:hidden}#cv{width:100%;height:100%;display:block;position:absolute;top:0;left:0}button{margin-right:8px}#toolbar button{padding:6px 12px;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;margin:0}#toolbar button:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 2px 4px #6366f14d}#toolbar button:active{transform:translateY(0)}#toolbar{z-index:1000;position:absolute;top:20px;left:20px;display:flex;gap:12px;align-items:center;padding:12px 16px;background:#1e1e24f2;border-radius:8px;border:1px solid #444;box-shadow:0 2px 8px #0000004d;font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:#e9e9ef}#toolbar label{display:flex;align-items:center;gap:6px;cursor:pointer}#toolbar select{padding:4px 8px;background:#1a1a1e;border:1px solid #555;border-radius:4px;color:#e9e9ef;font-size:12px}.indicator{padding:4px 8px;background:#2a2a31;border-radius:4px;font-size:11px;font-weight:500}.indicator.active{background:#3a4a5a;color:#6cf}#helpOverlay{position:absolute;bottom:20px;left:20px;width:320px;max-height:500px;background:#141417f2;border:2px solid #444;border-radius:8px;padding:16px;box-shadow:0 4px 16px #0009;font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:#e9e9ef;overflow-y:auto;display:none;z-index:1000}#helpOverlay.visible{display:block}#helpOverlay h3{margin:0 0 12px;font-size:16px;color:#6cf;border-bottom:1px solid #444;padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}#helpOverlay .close-btn{cursor:pointer;font-size:24px;line-height:1;color:#888;transition:color .2s;background:none;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}#helpOverlay .close-btn:hover{color:#6cf}#helpOverlay h4{margin:16px 0 8px;font-size:13px;color:#8aa1ff;font-weight:600}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin:4px 0;background:#2a2a3180;border-radius:4px}.shortcut-key{font-family:monospace;font-weight:700;padding:2px 6px;background:#1a1a1e;border:1px solid #555;border-radius:3px;font-size:11px;color:#6cf}#helpToggle{position:absolute;bottom:20px;left:20px;width:40px;height:40px;background:#1e1e24f2;border:2px solid #444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#6cf;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease;z-index:1000}#helpToggle:hover{background:#2a2a31f2;transform:scale(1.05)}#helpToggle.active{background:#3a4a5a}