:root{--bg-color: #f0f0f0;--ui-bg: #ffffff;--text-color: #333333;--border-color: #cccccc;--control-bg: #eeeeee;--accent-color: #6FA043;--modal-overlay: rgba(0,0,0,.4);--brand-accent: #6FA043;--sidebar-width: 380px;--ref-panel-width: 360px;--ref-toggle-width: 180px;--nav-height: clamp(60px, 7vh, 80px);--ui-font-size: clamp(13px, 1.4vh, 17px);--ui-spacing: clamp(15px, 2.5vh, 36px);--ui-spacing-sm: clamp(4px, 1vh, 10px);--nav-bg: #ffffff;--nav-overlay-bg: rgb(58, 60, 59);--nav-max-width: 976px;--nav-overlay-width: 280px;--nav-link-height: 56px;--z-nav-overlay: 199;--z-nav: 200;--z-hamburger: 201}body.dark-mode{--bg-color: #1a1d21;--ui-bg: #2d333b;--text-color: #adbac7;--border-color: #444c56;--control-bg: #22272e;--accent-color: #6FA043;--modal-overlay: rgba(0,0,0,.7);--nav-bg: var(--ui-bg)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;color:var(--text-color)}body{overflow:hidden}body.allow-scroll{overflow:auto}canvas{display:block}#app-container{display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--bg-color)}body:has(.nav-header) #app-container{height:calc(100vh - var(--nav-height));margin-top:var(--nav-height)}#canvas-container{flex-grow:1;position:relative;overflow:hidden;background:var(--bg-color)}#react-root{height:100%;display:flex}.share-modal-backdrop{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding-right:var(--sidebar-width);transition:padding .3s ease}body.sidebar-collapsed .share-modal-backdrop{padding-right:0}body.ref-panel-visible .share-modal-backdrop{padding-left:var(--ref-panel-width)}.share-modal{background:var(--ui-bg);color:var(--text-color);padding:24px;border:2px solid var(--text-color);width:90%;max-width:500px;border-radius:4px;position:relative;font-family:sans-serif}.share-modal h3{margin-top:0;margin-bottom:8px;font-size:16px;font-weight:600}.share-modal p{margin-bottom:16px;font-size:13px;opacity:.8}.share-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--text-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:18px;line-height:1;padding:0;transition:all .2s}.share-modal-close:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--ui-bg)}.share-url-container{display:flex;gap:8px}.share-url-input{flex:1;padding:10px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:4px;background:var(--control-bg);color:var(--text-color)}.copy-button{padding:10px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;min-width:80px}.copy-button:hover{opacity:.9}.share-error{color:#e74c3c;margin-top:10px;font-size:13px}.share-error-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:12px 24px;border-radius:4px;z-index:1001;font-size:14px}@media(max-width:767px)and (orientation:portrait){:root{--bottom-sheet-height: 120px}#canvas-container{width:100%;height:calc(100% - var(--bottom-sheet-height));transition:height .3s ease-out}body:not(.bottom-sheet-visible) #canvas-container{height:100%}#react-root{position:fixed;inset:0;pointer-events:none;z-index:100}.share-modal-backdrop{padding-right:0;padding-left:0}.share-modal{width:95%;max-width:none;padding:16px}.share-url-container{flex-direction:column}.copy-button{width:100%}}body.mobile-landscape{--sidebar-width: 280px;--nav-height: 44px}body.mobile-landscape .share-modal-backdrop{padding-right:280px}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;transition:opacity .5s ease-out,visibility .5s;pointer-events:none}#loading-overlay.hidden{opacity:0;visibility:hidden}.spinner{width:50px;height:50px;border:5px solid var(--control-bg);border-top:5px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:sans-serif;font-size:18px;font-weight:500;color:var(--text-color);letter-spacing:1px}.nav-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#fff;border-bottom:1px solid #e0e0e0;z-index:var(--z-nav);display:flex;flex-direction:column}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex:1 0 auto;max-width:100%;padding:0 12px;width:100%}.nav-logo{display:flex;align-items:center;text-decoration:none;justify-self:center;height:var(--nav-height);overflow:hidden;transform:translate(calc(var(--sidebar-width) / -2));transition:transform .3s ease}body.sidebar-collapsed .nav-logo{transform:translate(0)}body.ref-panel-visible .nav-logo{transform:translate(calc((var(--ref-panel-width) - var(--sidebar-width)) / 2))}body.sidebar-collapsed.ref-panel-visible .nav-logo{transform:translate(calc(var(--ref-panel-width) / 2))}.nav-logo img{margin-top:10px;height:calc(var(--nav-height) * 1.8);width:auto;object-fit:cover;object-position:center}.nav-menu{display:flex;align-items:center;gap:40px;justify-self:end;margin-right:20px}.nav-menu a{color:#424242;text-decoration:none;font-family:Roboto,sans-serif;font-size:calc(var(--nav-height) * .33);font-weight:400;transition:color .2s ease}.nav-menu a:hover{color:var(--accent-color)}.nav-social{margin-left:20px;display:flex;align-items:center;gap:16px;justify-self:start}.nav-social a{display:flex;align-items:center;justify-content:center;color:#9e9e9e;transition:color .2s ease}.nav-social a:hover{color:var(--accent-color)}.nav-social svg{width:calc(var(--nav-height) * .55);height:calc(var(--nav-height) * .55)}.hamburger{display:none;width:30px;height:25px;cursor:pointer;z-index:var(--z-hamburger);background:none;border:none;padding:0;grid-column:3;justify-self:end}.hamburger-inner{position:relative;width:30px;height:25px}.hamburger-bar{position:absolute;left:0;width:30px;height:3px;background:#424242;transition:transform .2s,top .2s,opacity .2s}.hamburger-bar:nth-child(1){top:0}.hamburger-bar:nth-child(2){top:11px}.hamburger-bar:nth-child(3){top:22px}.hamburger.open .hamburger-bar:nth-child(1){transform:rotate(45deg);top:11px}.hamburger.open .hamburger-bar:nth-child(2){opacity:0}.hamburger.open .hamburger-bar:nth-child(3){transform:rotate(-45deg);top:11px}.nav-overlay{display:none}@media(max-width:1200px){.nav-logo{transform:translate(max(calc(var(--sidebar-width) / -2),calc((100vw - 600px)/-2)))}body.sidebar-collapsed .nav-logo{transform:translate(0)}}@media(max-width:900px){.nav-logo,body.sidebar-collapsed .nav-logo,body.ref-panel-visible .nav-logo,body.sidebar-collapsed.ref-panel-visible .nav-logo{transform:translate(0)}}@media(max-width:768px){.nav-menu,.nav-social{display:none}.hamburger{display:block}.nav-overlay{display:flex;flex-direction:column;position:fixed;top:var(--nav-height);right:0;bottom:0;width:var(--nav-overlay-width);background:#fff;border-left:1px solid #e0e0e0;transform:translate(100%);transition:transform .3s ease;z-index:var(--z-nav-overlay);padding:20px}.nav-overlay.open{transform:translate(0)}.nav-overlay .nav-menu{display:flex;flex-direction:column;align-items:flex-start;gap:0}.nav-overlay .nav-menu a{display:block;width:100%;padding:16px 0;border-bottom:1px solid #e0e0e0;font-size:16px}.nav-overlay .nav-social{display:flex;margin-top:24px;gap:20px}}body.mobile-landscape .nav-logo img{margin-top:6px;height:calc(var(--nav-height) * 1.6)}body.mobile-landscape .nav-menu{gap:20px;margin-right:10px}body.mobile-landscape .nav-menu a{font-size:13px}body.mobile-landscape .nav-social{margin-left:10px;gap:12px}body.mobile-landscape .hamburger,body.mobile-landscape .hamburger-inner{width:24px;height:20px}body.mobile-landscape .hamburger-bar{width:24px;height:2px}body.mobile-landscape .hamburger-bar:nth-child(2){top:9px}body.mobile-landscape .hamburger-bar:nth-child(3){top:18px}body.mobile-landscape .hamburger.open .hamburger-bar:nth-child(1),body.mobile-landscape .hamburger.open .hamburger-bar:nth-child(3){top:9px}body.dark-mode .nav-header{background:var(--ui-bg);border-bottom-color:var(--border-color)}body.dark-mode .nav-menu a{color:var(--text-color)}body.dark-mode .nav-menu a:hover{color:var(--accent-color)}body.dark-mode .nav-social a{color:var(--text-color)}body.dark-mode .nav-social a:hover{color:var(--accent-color)}body.dark-mode .hamburger-bar{background:var(--text-color)}body.dark-mode .nav-overlay{background:var(--ui-bg);border-left-color:var(--border-color)}body.dark-mode .nav-overlay .nav-menu a{border-bottom-color:var(--border-color)}.sidebar-title{padding:0;font-size:22px;font-weight:400;text-align:center;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-logo{height:clamp(60px,7vh,85px);width:auto;margin-right:-15px;margin-bottom:3px}.sidebar-title .title-panel{color:var(--text-color);font-weight:400}body.dark-mode .sidebar-title .title-panel{color:#898989}#ui-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:48px;background:var(--ui-bg);border:1px solid var(--border-color);border-right:none;border-radius:6px 0 0 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;color:var(--text-color);font-size:18px;box-shadow:-2px 0 5px #0000000d}#ui{background:var(--ui-bg);padding:0;font-family:sans-serif;font-size:var(--ui-font-size);z-index:100;min-width:380px;width:380px;height:100%;border-left:1px solid var(--border-color);box-shadow:-2px 0 5px #0000000d;transition:width .3s ease,min-width .3s ease;position:relative;display:flex;flex-direction:column;overflow:hidden}#ui.collapsed{width:0;min-width:0;border-left:none}#react-ui{background:var(--ui-bg);padding:0;font-family:sans-serif;font-size:var(--ui-font-size);z-index:100;min-width:380px;width:380px;height:100%;border-left:1px solid var(--border-color);box-shadow:-2px 0 5px #0000000d;transition:width .3s ease,min-width .3s ease;position:relative;display:flex;flex-direction:column;overflow:visible}#react-ui .ui-content{padding:0 15px;overflow-y:auto;flex-grow:1;width:380px}#react-ui .ui-content.compact-mode{padding:0 0 0 10px}#react-ui .ui-content.compact-mode .control-row{margin-bottom:var(--ui-spacing-sm)}#react-ui.collapsed{width:0;min-width:0;border-left:none}#react-ui.collapsed .ui-content,#react-ui.collapsed .sidebar-footer{display:none}#react-ui #ui-toggle{position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:24px;height:48px;background:var(--ui-bg);border:1px solid var(--border-color);border-right:none;border-radius:6px 0 0 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;color:var(--text-color);font-size:18px;box-shadow:-2px 0 5px #0000000d}#react-ui #ui-toggle:hover{background:var(--hover-bg)}#react-ui .ui-content.compact-mode.ultra-compact #weightDisplay,#react-ui .ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay,#react-ui .ui-content.compact-mode.ultra-compact #totalHeightDisplay{padding:8px 0;margin-bottom:4px;flex-wrap:nowrap;gap:8px}#react-ui .ui-content.compact-mode.ultra-compact #weightDisplay .label,#react-ui .ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay .label,#react-ui .ui-content.compact-mode.ultra-compact #totalHeightDisplay .label{width:auto;margin-bottom:0;font-size:12px}#react-ui .ui-content.compact-mode.ultra-compact #weightDisplay .value,#react-ui .ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay .value,#react-ui .ui-content.compact-mode.ultra-compact #totalHeightDisplay .value{font-size:18px}#react-ui .ui-content.compact-mode.ultra-compact #weightDisplay .unit,#react-ui .ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay .unit,#react-ui .ui-content.compact-mode.ultra-compact #totalHeightDisplay .unit{font-size:12px}#react-ui .ui-content.compact-mode #showWeightBreakdownButton,#react-ui .ui-content.compact-mode #requestDatasheet{padding:10px 16px;margin-top:12px}#react-ui .ui-content.compact-mode #requestDatasheet{margin-bottom:12px}#react-ui .ui-content.compact-mode #skinReinfSection{margin-top:12px;padding-top:12px}#ui-content{padding:0 25px;overflow-y:auto;flex-grow:1;width:380px}#ui-content.compact-mode{padding:0 0 0 10px}#ui-content.compact-mode .control-row,#ui-content.compact-mode .control-row-wrapper{margin-bottom:var(--ui-spacing-sm)}#ui-content.compact-mode.ultra-compact #weightDisplay,#ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay,#ui-content.compact-mode.ultra-compact #totalHeightDisplay{padding:8px 0;margin-bottom:4px;flex-wrap:nowrap;gap:8px}#ui-content.compact-mode.ultra-compact #weightDisplay .label,#ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay .label,#ui-content.compact-mode.ultra-compact #totalHeightDisplay .label{width:auto;margin-bottom:0;font-size:12px}#ui-content.compact-mode.ultra-compact #weightDisplay .value,#ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay .value,#ui-content.compact-mode.ultra-compact #totalHeightDisplay .value{font-size:18px}#ui-content.compact-mode.ultra-compact #weightDisplay .unit,#ui-content.compact-mode.ultra-compact #embodiedCarbonDisplay .unit,#ui-content.compact-mode.ultra-compact #totalHeightDisplay .unit{font-size:12px}#ui-content.compact-mode #showWeightBreakdownButton,#ui-content.compact-mode #requestDatasheet{padding:10px 16px;margin-top:12px}#ui-content.compact-mode #requestDatasheet{margin-bottom:12px}#ui-content.compact-mode #skinReinfSection{margin-top:12px;padding-top:12px}.reinforcement-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:10px 0 0;margin:10px 0}#skinReinfSection{border-top:1px solid var(--border-color);padding-top:10px}#showWeightBreakdownButton,#requestDatasheet{width:100%;margin-top:6px;padding:8px 16px;background:var(--ui-bg);border:2px solid var(--accent-color);color:var(--text-color);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s,color .2s}#requestDatasheet{margin-bottom:10px}#showWeightBreakdownButton:hover,#requestDatasheet:hover{background:var(--accent-color);color:#fff}#react-ui.mobile-landscape{width:280px;min-width:280px}#react-ui.mobile-landscape.collapsed{width:0;min-width:0}#react-ui.mobile-landscape .ui-content{width:280px;padding:0 8px}#react-ui.mobile-landscape .ui-content .sidebar-footer{margin-top:12px;border-top:none;padding:4px 8px}#react-ui.mobile-landscape .sidebar-title{font-size:16px}#react-ui.mobile-landscape .sidebar-logo{height:clamp(36px,4vh,50px);margin-right:-8px}@media(max-width:767px)and (orientation:portrait){#react-ui{display:none}}#reference-panel{--ref-text-color: #666666;--ref-text-muted: #888888;--ref-label-color: #777777;background:var(--ui-bg);padding:0;font-family:sans-serif;font-size:var(--ui-font-size);z-index:100;min-width:360px;width:360px;height:100%;border-right:1px solid var(--border-color);box-shadow:2px 0 5px #0000000d;transition:width .3s ease,min-width .3s ease;position:relative;display:flex;flex-direction:column;overflow:visible;order:-1}body.dark-mode #reference-panel{--ref-text-color: #909090;--ref-text-muted: #777777;--ref-label-color: #808080}#reference-panel .control-label{color:var(--ref-label-color)}#reference-panel .control-value{color:var(--ref-text-color)}#reference-panel .control-value .unit{color:var(--ref-text-muted)}#reference-panel .control-value input[type=number],#reference-panel .material-dropdown{color:var(--ref-text-color)}#reference-panel .panel-title,#reference-panel .section-divider-label,#reference-panel .sidebar-footer .summary-item .label{color:var(--ref-label-color)}#reference-panel .sidebar-footer .summary-item .value{color:var(--ref-text-color)}#reference-panel .sidebar-footer .summary-item .unit{color:var(--ref-text-muted)}#reference-panel .ui-content{padding:20px 0 0 10px;overflow-y:auto;flex-grow:1;width:360px}#reference-panel .control-row{margin-bottom:var(--ui-spacing-sm)}#reference-panel.collapsed{width:0;min-width:0;border-right:none}#reference-panel.collapsed .ui-content,#reference-panel.collapsed .sidebar-footer{display:none}#reference-panel #panel-toggle{position:absolute;top:50%;right:0;transform:translate(100%,-50%);width:24px;height:48px;background:var(--ui-bg);border:1px solid var(--border-color);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;color:var(--text-color);font-size:18px;box-shadow:2px 0 5px #0000000d}#reference-panel #panel-toggle:hover{background:var(--hover-bg)}#reference-panel .panel-title{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;color:var(--text-color)}#reference-panel .section-divider{border-top:1px solid var(--border-color);margin:15px 0;padding-top:15px}#referencePanelToggle{position:absolute;top:10px;left:10px;z-index:100;display:flex;flex-direction:column;gap:4px;background:var(--ui-bg);padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;font-family:sans-serif}#referencePanelToggle .toggle-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color)}#referencePanelToggle select{padding:4px 24px 4px 8px;background:var(--control-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:13px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23333333' d='M6 9L1 4h10z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center}body.dark-mode #referencePanelToggle select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23adbac7' d='M6 9L1 4h10z'/%3e%3c/svg%3e")}.control-row{padding-right:10px;display:flex;align-items:center;margin-bottom:var(--ui-spacing)}.control-label{flex:0 0 140px;font-weight:500}.control-slider{flex:1;margin:0 10px}.control-value{flex:0 0 95px;display:flex;align-items:center;justify-content:flex-end;font-weight:500}.control-value .unit{min-width:42px;margin-left:4px;font-weight:400;text-align:left}.control-row.disabled .control-label,.control-row.disabled .control-slider,.control-row.disabled .control-value{opacity:.5}.control-row.disabled input[type=range],.control-row.disabled input[type=checkbox],.control-row.disabled .toggle-switch{pointer-events:none}.control-row.disabled .help-icon{opacity:1}.control-row-wrapper{position:relative}.control-warning{position:absolute;top:100%;left:0;right:0;font-size:12px;color:#960;background:var(--ui-bg);padding:4px 0;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1}body.dark-mode .control-warning{color:#fc6}.control-warning.visible{opacity:1}.control-note{font-size:12px;color:var(--text-color);opacity:.7;padding:4px 0 4px 140px;margin-top:-20px;margin-bottom:20px}.control-value input[type=number]{width:50px;border:1px solid var(--border-color);background:var(--control-bg);border-radius:3px;text-align:left;font-weight:500;color:var(--text-color);font-size:13px;font-family:inherit;padding:3px 4px;-moz-appearance:textfield;transition:border-color .15s}.control-value input[type=number]::-webkit-outer-spin-button,.control-value input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.control-value input[type=number]:hover{border-color:var(--accent-color)}.control-value input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #5a8f5a33}.control-value input[type=number]:disabled{opacity:.5;cursor:not-allowed}.control-value--full{flex:1;text-align:left;margin-left:15px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--control-bg);border:1px solid var(--border-color);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-color);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent-color);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.material-dropdown{flex:1;min-width:0;margin-left:5px;margin-right:5px;max-width:200px;padding:4px 36px 4px 12px;background:var(--control-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23333333' d='M6 9L1 4h10z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.material-dropdown:hover{filter:brightness(.95);border-color:var(--accent-color)}.material-dropdown:focus{border-color:var(--accent-color)}.material-dropdown option{background:var(--ui-bg);color:var(--text-color);padding:8px}.material-dropdown optgroup{background:var(--control-bg);color:var(--accent-color);font-weight:600}body.dark-mode .material-dropdown{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23adbac7' d='M6 9L1 4h10z'/%3e%3c/svg%3e")}.radio-group{display:flex;flex-wrap:wrap;gap:8px 16px;flex:1;margin-left:15px}.radio-group label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer}.radio-group input[type=radio]{accent-color:var(--accent-color)}.toggle-button-group{display:flex;flex-wrap:wrap;gap:6px;flex:1;margin-left:15px}.toggle-button-group input[type=radio]{display:none}.toggle-button-group label{padding:5px 10px;font-size:12px;background:var(--control-bg);border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.toggle-button-group label:hover{background:#e0e0e0;border-color:#999}.toggle-button-group input[type=radio]:checked+label{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.toggle-button-group input[type=radio]:checked+label:hover{background:var(--accent-color);border-color:var(--accent-color)}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:26px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--accent-color)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.help-icon-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin-left:8px}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;background-color:var(--accent-color);border:none;border-radius:50%;color:#fff;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:filter .15s;-webkit-user-select:none;user-select:none}.help-icon:hover{filter:brightness(.85)}.help-icon.active{filter:brightness(.75)}.help-tooltip{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--ui-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:13px;font-weight:400;color:var(--text-color);white-space:nowrap;box-shadow:0 2px 8px #00000026;z-index:1000;max-width:250px;white-space:normal;text-transform:none;letter-spacing:normal;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.help-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--ui-bg);border-right:none}.help-tooltip:before{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left-color:var(--border-color);border-right:none}@media(max-width:767px){.control-row{padding-right:5px;margin-bottom:12px}.control-label{flex:0 0 100px;font-size:13px}.control-slider{margin:0 8px}.control-value{flex:0 0 80px}.control-value input[type=number]{width:45px;font-size:12px;padding:2px 3px}.control-value .unit{min-width:35px;font-size:11px}.material-dropdown{max-width:150px;font-size:12px;padding:3px 28px 3px 10px}.help-icon{width:18px;height:18px;min-width:18px;font-size:11px}.help-icon-wrapper{margin-left:4px}.help-tooltip{font-size:12px;padding:6px 10px;max-width:200px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}body.mobile-landscape .control-row{padding-right:4px;margin-bottom:8px}body.mobile-landscape .control-label{flex:0 0 90px;font-size:12px}body.mobile-landscape .control-slider{margin:0 6px}body.mobile-landscape .control-value{flex:0 0 75px}body.mobile-landscape .control-value.control-value--full{flex:1;justify-content:flex-start;margin-left:10px}body.mobile-landscape .control-value input[type=number]{width:42px;font-size:12px;padding:2px 3px}body.mobile-landscape .control-value .unit{min-width:30px;font-size:11px;margin-left:2px}body.mobile-landscape .material-dropdown{max-width:140px;font-size:12px;padding:3px 26px 3px 8px;margin-left:4px;margin-right:4px}body.mobile-landscape .help-icon-wrapper{margin-left:4px}body.mobile-landscape .help-icon{width:16px;height:16px;min-width:16px;font-size:10px}#viewControls{position:fixed;top:10px;left:0;right:var(--sidebar-width);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;transition:left .3s ease,right .3s ease}body:has(#referencePanelToggle) #viewControls{left:var(--ref-toggle-width)}body.sidebar-collapsed #viewControls{right:0}body.ref-panel-visible #viewControls{left:var(--ref-panel-width)}body:has(.nav-header) #viewControls,body:has(.nav-header-legacy) #viewControls{top:calc(var(--nav-height) + 10px)}.view-controls-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;max-width:1200px;padding:0 24px}.view-group{display:flex;gap:8px;align-items:center;pointer-events:auto}.view-controls-row-2{display:flex;justify-content:center;width:100%;max-width:1200px;padding:0 24px}.camera-emoji{font-size:32px;margin-left:4px;cursor:default}#viewControls button{padding:8px 12px;font-family:sans-serif;font-size:var(--ui-font-size);font-weight:500;background:var(--ui-bg);border:2px solid var(--text-color);color:var(--text-color);border-radius:4px;cursor:pointer;transition:all .2s}#viewControls button:hover,#viewControls button.active{background:var(--accent-color);color:var(--ui-bg)}#viewControls button:disabled{opacity:.6;cursor:not-allowed}#viewControls button:disabled:hover{background:var(--ui-bg);color:var(--text-color)}#viewControls #shareConfigButton,#viewControls #downloadStepButton{display:flex;align-items:center;justify-content:center}#viewControls #themeToggle{background:var(--ui-bg);border:2px solid var(--text-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s;padding:0}#viewControls #themeToggle:hover{transform:scale(1.1)}#downloadDropdown{position:relative}.download-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--ui-bg);border:none;border-radius:4px;min-width:200px;z-index:1000;box-shadow:0 4px 12px #00000026}.download-dropdown-menu button{display:block;width:100%;padding:10px 14px;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-color, #ddd);color:var(--text-color);font-size:var(--ui-font-size);cursor:pointer;transition:background .15s}.download-dropdown-menu button:last-child{border-bottom:none}.download-dropdown-menu button:hover{background:var(--accent-color);color:var(--ui-bg)}.download-dropdown-menu button:disabled{opacity:.6;cursor:not-allowed}.download-dropdown-menu button:disabled:hover{background:transparent;color:var(--text-color)}@media(max-width:767px)and (orientation:portrait){#viewControls{left:0;right:0;top:10px}body:has(.nav-header) #viewControls,body:has(.nav-header-legacy) #viewControls{top:calc(var(--nav-height) + 8px)}.view-controls-inner{padding:0 12px;gap:6px;flex-wrap:wrap}.view-group{gap:4px}#viewControls button{padding:6px 10px;font-size:12px;border-width:1px}#viewControls #themeToggle{width:34px;height:34px;font-size:16px}#viewControls #helpBtn{display:none}.download-dropdown-menu{min-width:160px;left:auto;right:0}.download-dropdown-menu button{padding:8px 12px;font-size:12px}}body.mobile-landscape #viewControls{right:280px}body.mobile-landscape.sidebar-collapsed #viewControls{right:0}body.mobile-landscape .view-controls-inner{padding:0 16px}body.mobile-landscape #viewControls button{padding:6px 10px;font-size:12px}body.mobile-landscape #viewControls #themeToggle{width:36px;height:36px;font-size:18px}.sidebar-footer{flex-shrink:0;padding:5px 20px;border-top:1px solid var(--border-color);background:var(--ui-bg);display:grid;grid-template-columns:1fr auto auto 1fr;align-items:baseline}.sidebar-footer>button,.sidebar-footer>div:not(.summary-item){grid-column:1 / -1}.sidebar-footer .summary-item{display:contents}.sidebar-footer .summary-item .label{grid-column:1 / -1;position:relative;text-align:center;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);padding-top:8px;margin-bottom:4px;border-top:1px solid var(--border-color)}.sidebar-footer .summary-item .label .help-icon-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);margin-left:0}.sidebar-footer .summary-item .value{grid-column:2;justify-self:end;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;color:var(--accent-color);padding-bottom:8px}.sidebar-footer .summary-item .unit{grid-column:3;justify-self:center;font-size:13px;font-weight:400;color:var(--text-color);margin-left:4px;padding-bottom:8px}.sidebar-footer .summary-item .value .asterisk{font-size:14px;font-weight:400;color:var(--text-color);vertical-align:super;margin-left:1px}.sidebar-footer .disclaimer{grid-column:1 / -1;margin:8px 0 4px;padding-top:8px;border-top:1px solid var(--border-color);font-size:10px;font-weight:400;font-style:italic;color:var(--text-secondary, var(--text-color));opacity:.7;text-align:center;line-height:1.4}.sidebar-footer #showWeightBreakdownButton{margin-top:0;margin-bottom:4px}.sidebar-footer #requestDatasheet{margin-top:0;margin-bottom:10px}#weightDisplay,#embodiedCarbonDisplay,#totalHeightDisplay{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 0;margin-bottom:0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}#embodiedCarbonDisplay,#totalHeightDisplay{border-top:none}#weightDisplay .label,#embodiedCarbonDisplay .label,#totalHeightDisplay .label{width:100%;text-align:center;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);margin-bottom:8px}#weightDisplay .value,#embodiedCarbonDisplay .value,#totalHeightDisplay .value{display:inline-block;min-width:90px;text-align:right;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;color:var(--accent-color)}#weightDisplay .unit,#embodiedCarbonDisplay .unit,#totalHeightDisplay .unit{font-size:16px;font-weight:400;color:var(--text-color);margin-left:4px}#comparison-footer{position:absolute;bottom:15px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--ui-bg);padding:12px 24px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 2px 12px #0000001a;font-family:sans-serif}#comparison-footer .footer-title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);background:var(--control-bg);padding:4px 12px;border-radius:12px;border:1px solid var(--border-color)}#comparison-footer .metrics{display:flex;gap:32px;align-items:flex-start}#comparison-footer .metric{display:flex;flex-direction:column;align-items:center;min-width:120px}#comparison-footer .metric .percentage{display:flex;align-items:center;gap:4px;font-size:24px;font-weight:700}#comparison-footer .metric .percentage.better{color:var(--accent-color)}#comparison-footer .metric .percentage.worse{color:#ef4444}#comparison-footer .metric .percentage.neutral{color:var(--text-color);opacity:.5}#comparison-footer .metric .percentage .arrow{font-size:16px}#comparison-footer .metric .metric-label{font-size:13px;font-weight:500;color:var(--text-color)}#comparison-footer .metric .absolute{font-size:13px;color:var(--text-color);opacity:.7}#comparison-footer .metric .percentage .asterisk{font-size:12px;font-weight:400;vertical-align:super;opacity:.7}#comparison-footer .disclaimer{margin:4px 0 0;padding-top:8px;border-top:1px solid var(--border-color);font-size:10px;font-weight:400;font-style:italic;color:var(--text-color);opacity:.6;text-align:center;line-height:1.4;max-width:400px}#weightBreakdownModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--modal-overlay);justify-content:center;align-items:center}#weightBreakdownContent{background-color:var(--ui-bg);color:var(--text-color);padding:20px;border:1px solid var(--border-color);width:90%;max-width:650px;border-radius:5px;position:relative;max-height:85vh;overflow-y:auto}#closeWeightBreakdown{color:var(--text-color);opacity:.5;position:absolute;top:5px;right:15px;font-size:28px;font-weight:700}#closeWeightBreakdown:hover{opacity:1;cursor:pointer}#breakdownTable table{width:100%;margin-top:15px;border-collapse:collapse}#breakdownTable th,#breakdownTable td{border:1px solid var(--border-color);padding:8px}#breakdownTable th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:var(--control-bg)}body:not(.dark-mode) #breakdownTable tr:nth-child(2n){background-color:#f9f9f9}body.dark-mode #breakdownTable tr:nth-child(2n){background-color:#353b45}#breakdownTable .total-row{font-weight:700}:root{--brand-green-light: #8fbf4f}body.video-page{overflow-x:hidden}body.video-page #app-container{background:transparent!important;height:auto!important;min-height:100vh;overflow-x:hidden}body.video-page #canvas-container{background:transparent!important}body.video-page #react-root{background:transparent!important;height:auto!important}.homepage{min-height:100vh;display:flex;flex-direction:column;position:relative;background:transparent;overflow-x:hidden}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.video-background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.homepage-content{flex:1;display:flex;flex-direction:column;padding:calc(var(--nav-height, 60px) + 30px) 40px 60px;width:38vw;margin-left:auto;margin-right:10%;position:relative;z-index:1;box-sizing:border-box}.content-section{margin-bottom:28px}.content-section h2{font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:700;color:#fff;margin-bottom:8px;font-family:Roboto,sans-serif}.content-section p{font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.6;color:#ffffffd9;margin-bottom:8px;font-family:Roboto,sans-serif}.tech-highlight{color:var(--brand-accent);font-weight:700;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.5)}.brand-highlight{color:var(--brand-accent);text-shadow:0 1px 2px rgba(0,0,0,.5)}.content-section .secondary-text{color:#ffffffa6;font-size:clamp(1rem,1.3vw,1.2rem)}body.video-colored .homepage:before,body.video-grayed .homepage:before{content:"";position:fixed;top:0;right:0;width:60%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 25%,rgba(0,0,0,.92) 60%);z-index:0;pointer-events:none}body.video-colored .content-section h2{color:#fff}body.video-colored .content-section p{color:#ffffffe6}body.video-colored .tech-highlight{color:var(--brand-accent)}body.video-colored .content-section .secondary-text{color:#ffffffb3}.cta-button{display:inline-block;padding:12px 24px;background-color:var(--brand-accent);color:#1a1a1a;text-decoration:none;border-radius:4px;font-weight:500;font-size:clamp(1rem,1.3vw,1.2rem);transition:background-color .2s ease;margin-top:8px;font-family:Roboto,sans-serif}.cta-button:hover{background-color:var(--brand-green-light)}.blog-page .homepage-content,.blog-content{justify-content:center;align-items:center;text-align:center;max-width:100%;margin:0 auto}.blog-coming-soon{font-size:3rem;font-weight:700;color:#fff;font-family:Roboto,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:1200px){.homepage-content{margin-right:5%}}@media(max-width:992px){.homepage-content{width:auto;margin-right:auto;margin-left:auto;padding-left:40px;padding-right:40px}}@media(max-width:768px){.homepage-content{padding:calc(var(--nav-height, 60px) + 20px) 20px 40px}.blog-coming-soon{font-size:2rem}}@media(max-width:767px)and (orientation:portrait){body.video-page #react-root{position:static;height:auto;pointer-events:auto}body.video-page #app-container{overflow:visible}body.video-page .homepage{min-height:100vh;height:auto}}body.video-colored .contact-page:before,body.video-grayed .contact-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0000004d,#0006 30%,#0009,#000000bf 70%,#000000d9);z-index:0;pointer-events:none}.contact-content{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;padding:calc(var(--nav-height, 60px) + 60px) 80px 60px;flex:1;position:relative;z-index:1;box-sizing:border-box}.contact-info{flex:0 0 auto;max-width:420px;padding-top:40px}.contact-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;color:#fff;margin-bottom:20px;font-family:Roboto,sans-serif}.contact-subtitle{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.6;color:#ffffffd9;margin-bottom:50px;font-family:Roboto,sans-serif}.contact-details{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:16px;color:#ffffffe6;font-size:clamp(1rem,1.3vw,1.15rem);font-family:Roboto,sans-serif}.contact-item a{color:#ffffffe6;text-decoration:none;transition:color .2s ease}.contact-item a:hover{color:var(--brand-accent)}.contact-icon{width:24px;height:24px;flex-shrink:0;color:var(--brand-accent)}.contact-form-container{flex:0 1 480px;max-width:480px;padding-top:40px}.form-title{font-size:clamp(2rem,3vw,2.5rem);font-weight:700;color:#fff;margin-bottom:24px;font-family:Roboto,sans-serif}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.95rem;color:#ffffffe6;font-family:Roboto,sans-serif}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:1rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#3c3c3cb3;color:#fff;font-family:Roboto,sans-serif;transition:border-color .2s ease,background-color .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-accent);background:#3c3c3cd9}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-group select option{background:#2d2d2d;color:#fff;padding:10px}.form-group textarea{resize:vertical;min-height:100px}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:#ffffffe6;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:20px;height:20px;border:2px solid rgba(255,255,255,.4);border-radius:3px;background:#3c3c3cb3;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--brand-accent);border-color:var(--brand-accent)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.checkbox-label input[type=checkbox]:focus+.checkbox-custom{border-color:var(--brand-accent)}.submit-button{padding:14px 28px;font-size:1.1rem;font-weight:600;background:var(--brand-accent);color:#1a1a1a;border:none;border-radius:4px;cursor:pointer;font-family:Roboto,sans-serif;transition:background-color .2s ease,transform .1s ease;margin-top:8px}.submit-button:hover:not(:disabled){background:var(--brand-green-light, #8fbf4f)}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.form-note{font-size:.85rem;color:#ffffff80;font-family:Roboto,sans-serif;margin-top:12px;font-style:italic}.submit-success{color:var(--brand-accent);font-size:.95rem;margin-top:8px;font-family:Roboto,sans-serif}.submit-error{color:#e74c3c;font-size:.95rem;margin-top:8px;font-family:Roboto,sans-serif}@media(max-width:1100px){.contact-content{padding-left:50px;padding-right:50px;gap:40px}.contact-info{max-width:350px}.contact-form-container{flex:0 1 420px}}@media(max-width:900px){.contact-content{flex-direction:column;align-items:flex-start;padding:calc(var(--nav-height, 60px) + 30px) 30px 50px;gap:40px}.contact-info{max-width:100%;text-align:left;padding-top:20px}.contact-details{align-items:flex-start}.contact-form-container{flex:none;width:100%;max-width:500px;padding-top:0}.form-title{text-align:left}}@media(max-width:600px){.contact-content{padding:calc(var(--nav-height, 60px) + 20px) 20px 40px}.form-row{flex-direction:column;gap:16px}.contact-title{font-size:2rem}.form-title{font-size:1.75rem}.contact-subtitle{margin-bottom:30px}}.admin-page{height:100vh;overflow-y:auto;background:#1a1a2e;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.1rem;opacity:.7}.admin-login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.admin-login-container h1{margin:0 0 30px;font-size:1.8rem;font-weight:600}.admin-login-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.admin-login-form input{padding:14px 16px;font-size:1rem;border:1px solid #333;border-radius:6px;background:#0f0f1a;color:#eee}.admin-login-form input:focus{outline:none;border-color:#4a9eff}.admin-login-form button{padding:14px 20px;font-size:1rem;font-weight:600;border:none;border-radius:6px;background:#4a9eff;color:#fff;cursor:pointer;transition:background .2s}.admin-login-form button:hover:not(:disabled){background:#3a8eef}.admin-login-form button:disabled{opacity:.6;cursor:not-allowed}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#0f0f1a}.admin-header h1{margin:0;font-size:1.4rem;font-weight:600}.admin-actions{display:flex;gap:12px}.admin-btn{padding:10px 18px;font-size:.9rem;font-weight:500;border:none;border-radius:5px;background:#4a9eff;color:#fff;cursor:pointer;transition:background .2s}.admin-btn:hover:not(:disabled){background:#3a8eef}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-btn-secondary{background:#444}.admin-btn-secondary:hover:not(:disabled){background:#555}.admin-btn-small{padding:8px 14px;font-size:.85rem}.admin-tabs{display:flex;gap:4px;padding:16px 24px 0;background:#0f0f1a}.admin-tab{padding:12px 20px;font-size:.9rem;font-weight:500;border:none;border-radius:6px 6px 0 0;background:transparent;color:#888;cursor:pointer;transition:all .2s}.admin-tab:hover{color:#ccc}.admin-tab.active{background:#1a1a2e;color:#fff}.admin-filters{display:flex;gap:12px;padding:20px 24px;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;max-width:300px;padding:10px 14px;font-size:.9rem;border:1px solid #333;border-radius:5px;background:#0f0f1a;color:#eee}.admin-search:focus{outline:none;border-color:#4a9eff}.admin-filter-select{padding:10px 14px;font-size:.9rem;border:1px solid #333;border-radius:5px;background:#0f0f1a;color:#eee;cursor:pointer}.admin-error{margin:0;padding:12px 24px;color:#e74c3c;font-size:.9rem}.admin-table-container{padding:0 24px 24px;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #333}.admin-table th{background:#0f0f1a;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-table th:hover{background:#151528}.admin-table tbody tr:hover{background:#4a9eff0d}.admin-empty{text-align:center;padding:40px!important;color:#666}.sort-icon{display:inline-block;width:16px;margin-left:4px;opacity:.3;font-size:.7rem}.sort-icon.active{opacity:1;color:#4a9eff}.admin-expand-btn{padding:4px 10px;font-size:.8rem;border:1px solid #444;border-radius:4px;background:transparent;color:#888;cursor:pointer}.admin-expand-btn:hover{background:#333;color:#fff}.admin-link-btn{padding:4px 10px;font-size:.8rem;border:1px solid #4a9eff;border-radius:4px;background:transparent;color:#4a9eff;text-decoration:none;display:inline-block}.admin-link-btn:hover{background:#4a9eff;color:#fff}.admin-metadata{margin:10px 0 0;padding:10px;font-size:.8rem;font-family:monospace;background:#0f0f1a;border-radius:4px;white-space:pre-wrap;word-break:break-word;max-width:300px}.admin-message{margin:10px 0 0;padding:10px;font-size:.85rem;background:#0f0f1a;border-radius:4px;line-height:1.5;max-width:400px;white-space:pre-wrap}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 24px}.admin-pagination-info{font-size:.9rem;color:#888}.user-id-short{font-family:monospace;font-size:.8rem;color:#8ab4f8}.user-id-btn{padding:2px 6px;border:none;border-radius:3px;background:transparent;cursor:pointer;transition:background .2s}.user-id-btn:hover{background:#4a9eff26}.anonymous-tag{font-style:italic;color:#666}.admin-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.admin-modal{background:#1a1a2e;border-radius:8px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.admin-modal-header h2{margin:0;font-size:1.2rem;font-weight:600}.admin-modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.admin-modal-close:hover{color:#fff}.admin-modal-content{padding:20px;overflow-y:auto;flex:1}.user-info-section{margin-bottom:24px}.user-info-section h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#4a9eff}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.user-info-item{display:flex;flex-direction:column;gap:4px}.user-info-label{font-size:.8rem;color:#888}.user-info-item code{font-size:.85rem;word-break:break-all}.user-activity-section{margin-bottom:24px}.user-activity-section h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#4a9eff}.admin-table-compact{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table-compact th,.admin-table-compact td{padding:8px 10px;text-align:left;border-bottom:1px solid #333}.admin-table-compact th{background:#0f0f1a;font-weight:600;font-size:.8rem;color:#888}.admin-table-compact tbody tr:hover{background:#4a9eff0d}.admin-table-compact code{font-size:.8rem}.admin-config-preview{font-size:.8rem;color:#888;margin-right:8px}@media(max-width:768px){.admin-header{flex-direction:column;gap:16px;text-align:center}.admin-filters{flex-direction:column}.admin-search{max-width:none}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:10px 8px}.admin-modal{max-height:90vh}.user-info-grid{grid-template-columns:1fr}}.analytics-dashboard{margin-bottom:24px}.analytics-period-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px}.analytics-period-selector label{font-size:.9rem;color:#888}.analytics-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.analytics-card{background:#0f0f1a;border-radius:8px;padding:20px;text-align:center;border:1px solid #333}.analytics-card-value{font-size:2rem;font-weight:700;color:#4a9eff;margin-bottom:4px}.analytics-card-label{font-size:.85rem;color:#888}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.analytics-section{background:#0f0f1a;border-radius:8px;padding:16px;border:1px solid #333}.analytics-section h3{margin:0 0 12px;font-size:.95rem;font-weight:600;color:#4a9eff}.analytics-section .admin-table-compact{margin:0}.analytics-section .admin-empty{padding:20px!important;font-size:.85rem}.referrer-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.analytics-grid{grid-template-columns:1fr}.analytics-summary-cards{grid-template-columns:1fr 1fr}.analytics-card-value{font-size:1.5rem}}