:root{--bg-dark: #0f172a;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(15, 23, 42, .6);--input-bg-focus: rgba(30, 41, 59, .8);--panel-bg: rgba(0, 0, 0, .2);--tab-bg: rgba(15, 23, 42, .4);--primary: #3b82f6;--primary-hover: #2563eb;--text-main: #f8fafc;--text-dim: #94a3b8;--accent: #10b981}body.light-mode{--bg-dark: #f1f5f9;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .15);--input-bg: rgba(255, 255, 255, .8);--input-bg-focus: #ffffff;--panel-bg: rgba(255, 255, 255, .6);--tab-bg: rgba(200, 210, 220, .5);--primary: #2563eb;--primary-hover: #1d4ed8;--text-main: #0f172a;--text-dim: #475569;--accent: #059669}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}.bg-glow{position:fixed;border-radius:50%;filter:blur(100px);z-index:-1}.bg-glow-1{width:600px;height:600px;background:#3b82f626;top:-100px;left:-100px}.bg-glow-2{width:500px;height:500px;background:#10b9811a;bottom:-100px;right:-100px}.app-container{display:flex;height:100vh;padding:1rem;gap:1rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #00000080}.control-panel{width:420px;min-width:350px;max-width:600px;resize:horizontal;display:flex;flex-direction:column;padding:1.2rem;gap:1rem;overflow-y:auto}.control-panel header h1{font-size:1.6rem;color:var(--primary);margin-bottom:.1rem}.control-panel header p{color:var(--text-dim);font-size:.85rem}.panel-section h2{font-size:1.05rem;margin-bottom:.6rem;border-bottom:1px solid var(--glass-border);padding-bottom:.4rem}.file-upload-box{border:2px dashed var(--glass-border);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.file-upload-box:hover{border-color:var(--primary);background:#3b82f60d}.upload-link{color:var(--primary);text-decoration:underline}.input-group{display:flex;flex-direction:column;margin-bottom:.6rem;flex:1}.input-row{display:flex;gap:.8rem}label{font-size:.85rem;color:var(--text-dim);margin-bottom:.2rem}input,select{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-main);padding:.5rem;border-radius:6px;outline:none;transition:border-color .3s}input:focus,select:focus{border-color:var(--primary)}button{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:600;transition:all .3s ease;width:100%}.primary-btn{background:var(--primary);color:#fff;margin-top:1rem;box-shadow:0 0 15px #3b82f666}.primary-btn:hover{background:var(--primary-hover);box-shadow:0 0 20px #3b82f699}.secondary-btn{background:#ffffff1a;color:var(--text-main);border:1px solid var(--glass-border)}.secondary-btn:hover{background:#fff3}.export-buttons{display:flex;flex-direction:column;gap:.5rem}.main-view{flex:1;display:flex;flex-direction:column;gap:1rem}.view-container{display:flex;flex-direction:column}#view-3d{flex:1;min-height:200px;position:relative;overflow:hidden}#view-data{flex:1;min-height:150px;overflow:hidden}.view-header{padding:1rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.view-header h3{font-size:1rem}.view-controls{display:flex;align-items:center;gap:.5rem}.control-select{background:var(--input-bg);color:var(--text-main);border:1px solid var(--glass-border);padding:.3rem .5rem;border-radius:4px;font-size:.85rem;outline:none;cursor:pointer}.control-select:hover{background:var(--input-bg-focus)}.control-select option{background:var(--bg-dark)}#canvas-container{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.placeholder-text{color:var(--text-dim);font-style:italic}.table-container{flex:1;overflow:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--glass-border)}th{background:var(--panel-bg);position:sticky;top:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}tbody tr:hover{background:#ffffff0d}.text-dim{color:var(--text-dim)}.view-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--tab-bg);border-radius:8px;margin-bottom:.5rem}.tab-btn{flex:1;background:transparent;color:var(--text-dim);font-weight:500;box-shadow:none;border-radius:6px;padding:.5rem}.tab-btn:hover{background:#ffffff0d}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 0 10px #3b82f64d}.tooltip-3d{position:absolute;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--primary);color:#fff;padding:.8rem;border-radius:6px;font-size:.85rem;pointer-events:none;box-shadow:0 4px 15px #00000080;z-index:100;transition:opacity .1s}.tooltip-3d h4{color:var(--accent);margin-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.2rem}.tooltip-3d p{margin-bottom:.2rem}#view-2d{flex:1;overflow-y:auto;display:flex;flex-direction:column}.charts-container{padding:1rem;display:flex;flex-direction:column;gap:2rem}.chart-wrapper{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:8px;padding:1rem;height:350px}.chart-wrapper h4{margin-bottom:1rem;color:var(--text-dim);font-weight:500;text-align:center}.editor-content{display:none}.editor-content.active{display:block}.editor-table input{width:100%;padding:.2rem;border:1px solid transparent;background:transparent;color:var(--text-main);text-align:center}.editor-table th,.editor-table td{text-align:center}.editor-table input:focus{background:var(--input-bg-focus);border-color:var(--primary)}.editor-table select{width:100%;padding:.2rem;background:var(--input-bg);border:none;color:var(--text-main)}.del-row-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:.2rem .5rem;width:auto}.del-row-btn:hover{background:#ef444466}.insert-row-btn{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3);padding:.2rem .5rem;width:auto}.insert-row-btn:hover{background:#22c55e66}.road-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.road-list-item{display:flex;justify-content:space-between;align-items:center;background:var(--tab-bg);border:1px solid var(--glass-border);padding:8px 12px;border-radius:8px;transition:all .2s}.road-list-item:hover{background:var(--input-bg-focus);border-color:var(--primary)}.road-list-item-name{font-size:.95rem;color:var(--text-main);flex:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.road-list-btn-del{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.road-list-btn-del:hover{background:#ef444433}.road-list.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.road-list.grid-list .road-list-item{padding:20px;font-size:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid rgba(239,68,68,.4);background:var(--panel-bg);border-radius:12px}.road-list.grid-list .road-list-item:hover{border-color:#ef4444cc;background:var(--input-bg-focus)}.road-list.grid-list .road-list-item-name{text-align:center;font-size:1.2rem;font-weight:700;color:var(--text-main);white-space:normal;word-break:break-all}.road-list.grid-list .road-list-btn-del{width:100%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:8px;border-radius:6px;transition:background .2s}.road-list.grid-list .road-list-btn-del:hover{background:#ef44444d}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px}.icon-btn{background:transparent;color:#ef4444;width:auto;padding:4px 8px;font-size:1rem;border:none;transition:all .2s}.icon-btn:hover{background:transparent;color:#f87171;transform:scale(1.1)}.search-input{width:100%;padding:10px 15px;font-size:1.1rem;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-main);transition:border-color .2s}.search-input:focus{border-color:var(--primary);outline:none}@media (max-width: 820px){.app-container{flex-direction:column;height:auto!important;min-height:100vh;padding:.5rem;gap:.75rem}.main-view{order:-1;width:100%;min-width:100%}.control-panel{width:100%!important;min-width:100%!important;max-width:100%!important;resize:none;overflow-y:visible}.view-container{height:62vh;min-height:380px}#view-3d{min-height:380px}#view-2d,#view-editor{height:auto;min-height:0}#view-data{height:62vh}body>header.glass-panel{flex-wrap:wrap;gap:8px;padding:8px 10px!important;margin:6px!important}body>header.glass-panel>div{flex-wrap:wrap;width:100%;justify-content:space-between}#alignment-selector{flex:1;min-width:0;font-size:16px}.view-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.view-header{flex-wrap:wrap;gap:6px;padding:.6rem}.view-controls{flex-wrap:wrap}#visible-aligns-panel{max-width:calc(100vw - 30px)}button{min-height:44px}.icon-btn,.tab-btn{min-height:40px}input,select{font-size:16px;min-height:40px}.input-row{flex-direction:column;gap:.5rem}.charts-container{padding:.5rem;gap:1rem}.chart-wrapper{height:260px;padding:.6rem}#plan-container{min-height:200px!important}.editor-tabs{display:grid!important;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible!important;padding-bottom:5px}.tab-btn{width:100%;font-size:.95rem;padding:.6rem .2rem;white-space:normal!important;height:auto}.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%}th,td{padding:.5rem .6rem;font-size:.85rem;white-space:nowrap}.editor-table{min-width:550px}.editor-table input,.editor-table select{padding:.5rem;font-size:16px;min-width:60px}.tooltip-3d{font-size:.8rem}}.cloud-project-item{display:flex;justify-content:space-between;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);padding:12px 15px;border-radius:8px;transition:all .2s ease}.cloud-project-item:hover{border-color:var(--primary);box-shadow:0 2px 10px #3b82f633}.cloud-project-info{flex:1;display:flex;flex-direction:column;gap:4px}.cloud-project-name{font-weight:600;font-size:1.05rem;color:var(--text-color)}.cloud-project-date{font-size:.8rem;color:var(--dim-text)}.cloud-project-actions{display:flex;gap:8px}.app-credit{margin-top:auto;padding-top:10px;text-align:center;font-size:.78rem;line-height:1.8;color:var(--text-dim);border-top:1px solid var(--glass-border)}.app-credit .credit-name{color:var(--text-main);font-weight:600}.app-credit .credit-note{display:block;margin-top:4px;font-size:.74rem}.app-credit .credit-btn{width:auto;padding:0;margin:0;background:none;border:none;font:inherit;color:inherit;cursor:pointer;border-bottom:1px dotted currentColor}.app-credit .credit-btn:hover{color:var(--primary)}.app-credit a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.app-credit a:hover{color:var(--primary)}