:root{--bg-primary:#0b0b0d;--bg-panel:#121216bf;--bg-panel-hover:#1a1a20d9;--border-glow:#f4a26133;--border-subtle:#ffffff12;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#111827;--accent:#f4a261;--accent-hover:#e76f51;--accent-glow:#f4a26166;--secondary:#ffffff14;--secondary-hover:#ffffff26;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", var(--font-family);--header-height:64px;--sidebar-width:320px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-main);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}#canvas-container{z-index:1;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}#canvas-container canvas{touch-action:none}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0006}.glass-panel:hover{border-color:#ffffff1f}.btn{font-family:var(--font-family);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--text-dark);box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #e76f5180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary);color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background-color:var(--secondary-hover);border-color:#ffffff26}.btn-secondary.active{border-color:var(--accent);color:var(--accent);background-color:#f4a26126;box-shadow:0 0 10px #f4a26126}.btn-secondary.active:hover{border-color:var(--accent-hover);background-color:#f4a26140}.btn-danger{color:#f87171;background-color:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background-color:var(--danger-hover);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-icon{background-color:var(--secondary);color:var(--text-muted);border-radius:8px;width:38px;height:38px;padding:0}.btn-icon:hover{color:var(--text-main);background-color:var(--secondary-hover)}.btn-icon span{display:none}.btn-full{width:100%}#top-header{height:var(--header-height);z-index:110;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);pointer-events:auto;border-radius:12px;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 4px 24px #0000004d}.logo{font-family:var(--font-display);color:var(--text-main);letter-spacing:.5px;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.wood-icon{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow))}.badge{font-size:.65rem;font-family:var(--font-family);letter-spacing:1px;text-transform:uppercase;color:var(--accent);background-color:#f4a2611a;border:1px solid #f4a26133;border-radius:4px;padding:2px 8px;font-weight:600}.global-actions{align-items:center;gap:12px;display:flex;position:relative}#btn-header-menu{display:none}.header-dropdown-menu{align-items:center;gap:12px;display:flex}.header-dropdown-menu .dropdown-divider,.divider{background-color:var(--border-subtle);width:1px;height:24px}.toggle-group{border:1px solid var(--border-subtle);background-color:#0000004d;border-radius:8px;padding:3px;display:flex}.toggle-group button{color:var(--text-muted);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.toggle-group button.active{background-color:var(--accent);color:var(--text-dark)}aside{width:var(--sidebar-width);z-index:10;pointer-events:auto;flex-direction:column;gap:24px;padding:24px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;position:absolute;top:96px;bottom:16px;overflow-y:auto}#sidebar-left{left:16px;display:none!important}@media (width>=951px){#sidebar-left{bottom:auto}}#sidebar-right{border-color:var(--border-glow);right:16px;box-shadow:0 8px 32px #f4a2610d}#sidebar-right.hidden,.sidebar-toggle-tab,#mobile-elevation-control{display:none}.sidebar-section{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.sidebar-section h3{font-family:var(--font-display);color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;border-left:3px solid var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding-left:8px;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.sidebar-section h3:hover{color:var(--accent)}.chevron-icon{color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.sidebar-section.collapsed .chevron-icon{transform:rotate(-90deg)}.sidebar-section-content{opacity:1;flex-direction:column;gap:10px;max-height:500px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .35s,margin-top .35s;display:flex;overflow:hidden}.sidebar-section.collapsed .sidebar-section-content{opacity:0;pointer-events:none;max-height:0;margin-top:-10px}.section-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.sidebar-header h3{font-family:var(--font-display);color:var(--accent);font-size:1.15rem;font-weight:600}.sidebar-header .subtitle{color:var(--text-muted);font-family:monospace;font-size:.7rem}.template-list{flex-direction:column;gap:8px;max-height:380px;padding-right:6px;display:flex;overflow-y:auto}.template-list::-webkit-scrollbar{width:5px}.template-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.template-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .3s}.template-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}.template-btn{border:1px solid var(--border-subtle);color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.template-btn:hover{background:var(--bg-panel-hover);border-color:#f4a2614d;transform:translate(2px)}.template-name{font-size:.85rem;font-weight:600}.template-dims{color:var(--text-muted);font-family:monospace;font-size:.75rem}.custom-dims-form{border:1px solid var(--border-subtle);background:#00000026;border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}.form-row{gap:8px;display:flex}.form-group{flex-direction:column;flex:1;gap:4px;display:flex}.form-group label{color:var(--text-muted);font-size:.7rem;font-weight:600}.form-group input{border:1px solid var(--border-subtle);color:var(--text-main);background-color:#0006;border-radius:6px;width:100%;padding:8px;font-family:monospace;font-size:.8rem}.form-group input:focus{border-color:var(--accent);outline:none}.inspector-inputs{border:1px solid var(--border-subtle);background:#0003;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.input-inline{flex-direction:row;justify-content:space-between;align-items:center}.input-inline label{font-size:.8rem;font-weight:500}.input-unit-wrapper{width:110px;position:relative}.form-group .input-unit-wrapper{width:100%}.input-unit-wrapper input{text-align:right;border:1px solid var(--border-subtle);color:var(--text-main);background-color:#0000004d;border-radius:6px;padding-top:6px;padding-bottom:6px;padding-right:28px;font-family:monospace;font-size:.85rem}.input-unit-wrapper input:focus{border-color:var(--accent);outline:none}.unit-label{color:var(--text-muted);pointer-events:none;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dimension-scrubber-container{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.scrubbable-label{cursor:ns-resize;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;transition:color .2s;display:flex}.scrubbable-label:hover,.scrubbable-label.scrubbing{color:var(--accent)}.scrub-handle{color:var(--text-muted);opacity:.6;justify-content:center;align-items:center;font-size:.75rem;transition:opacity .2s,color .2s;display:inline-flex}.scrubbable-label:hover .scrub-handle,.scrubbable-label.scrubbing .scrub-handle{color:var(--accent);opacity:1}.dimension-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px;margin-top:4px;margin-bottom:8px;transition:background .3s}.dimension-slider:hover{background:#fff3}.dimension-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 6px var(--accent-glow);border:1.5px solid #fff;border-radius:50%;transition:transform .1s}.dimension-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.dimension-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 6px var(--accent-glow);border:1.5px solid #fff;border-radius:50%;transition:transform .1s}.dimension-slider::-moz-range-thumb:hover{transform:scale(1.25)}.material-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.material-btn{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;transition:all .2s;display:flex}.material-btn:hover{background:var(--bg-panel-hover);border-color:#ffffff26}.material-btn.active{border-color:var(--accent);background:#f4a2610d}.swatch{border:1px solid #fff3;border-radius:50%;flex-shrink:0;width:18px;height:18px;display:inline-block}.wood-swatch{background-color:#5c4331}.metal-swatch{background-color:#a0a0a2}.glass-swatch{background-color:#e0f7fa99;border-color:#fff6;box-shadow:inset 0 0 4px #fff9}.swatch-label{font-size:.8rem;font-weight:500}.actions-section{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:20px}.modal{z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.modal.hidden{opacity:0;pointer-events:none}.modal-content{border:1px solid #f4a26126;border-radius:16px;width:90%;max-width:540px;max-height:85vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-header h2{font-family:var(--font-display);color:var(--accent);font-size:1.5rem;font-weight:700}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem}.btn-close:hover{color:var(--text-main)}.modal-body{flex-direction:column;gap:16px;display:flex}.modal-body h3{font-family:var(--font-display);color:var(--text-main);margin-top:10px;font-size:1rem;font-weight:600}.modal-body ul{flex-direction:column;gap:8px;list-style:none;display:flex}.modal-body li{color:var(--text-muted);padding-left:12px;font-size:.85rem;line-height:1.5;position:relative}.modal-body li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0}.modal-body code{color:var(--accent);background-color:#ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}#floating-gizmo{z-index:50;-webkit-backdrop-filter:blur(12px);pointer-events:auto;will-change:transform;background:#0f0f12d9;border:1px solid #f4a26140;border-radius:24px;align-items:center;gap:4px;padding:4px;transition:opacity .2s,transform .1s ease-out;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 8px 32px #0009}#floating-gizmo.hidden{opacity:0;pointer-events:none;display:none}.gizmo-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.gizmo-btn:hover{color:var(--text-main);background:#ffffff14;transform:scale(1.08)}.drag-btn:hover{color:var(--accent);background:#f4a26126;box-shadow:0 0 8px #f4a26133}.btn-danger-hover:hover{color:#ef4444;background:#ef444426;box-shadow:0 0 8px #ef444433}#gizmo-cut:hover{color:#38bdf8;background:#38bdf826;box-shadow:0 0 8px #38bdf833}.gizmo-divider{background-color:var(--border-subtle);width:1px;height:18px;margin:0 4px}.hidden{display:none!important}.workspace-presets{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.preset-card{border:1px solid var(--border-subtle);text-align:center;cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.preset-card:hover{background:#ffffff0f;border-color:#f4a2614d;transform:translateY(-1px)}.preset-card.active{border-color:var(--accent);background:#f4a26114;box-shadow:0 8px 24px #f4a2611f}.preset-card .preset-name{font-family:var(--font-display);color:var(--text-main);font-size:1.1rem;font-weight:700}.preset-card.active .preset-name{color:var(--accent)}.preset-card .preset-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.preset-card.active .preset-label{color:var(--text-main)}.custom-workspace-container{background:0 0;border:none;margin-bottom:20px;padding:0}.modal-subtitle{color:var(--text-muted);margin-top:6px;font-size:.85rem}.minimal-disclaimer{color:var(--text-muted);opacity:.75;text-align:center;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:16px;font-size:.7rem;line-height:1.45}.btn-full{justify-content:center;width:100%;font-size:.95rem;padding:12px!important}.style-customizer-form{border:1px solid var(--border-subtle);background:#00000026;border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}.style-select{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background-color:#0006;border-radius:4px;outline:none;width:130px;padding:4px 6px;font-size:.75rem;transition:all .2s}.style-select:focus,.style-select:hover{border-color:var(--accent);background-color:#0009}.style-customizer-form input[type=color]{border:1px solid var(--border-subtle);border-radius:4px;transition:border-color .2s}.style-customizer-form input[type=color]:hover{border-color:var(--accent)}.blueprint-modal-content{flex-direction:column;display:flex;width:95%!important;max-width:1160px!important;max-height:95vh!important;padding:24px 28px!important}.blueprint-layout-grid{flex-direction:column;flex:1;gap:20px;margin-bottom:8px;padding-right:4px;display:flex;overflow-y:auto}.blueprint-viewports-row{gap:16px;width:100%;display:flex}@media (width<=800px){.blueprint-viewports-row,.blueprint-details-row{flex-direction:column}}.viewport-box{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.viewport-box h4{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.85rem;font-weight:600}.blueprint-viewport{border:1px solid var(--border-subtle);background:#00000059;border-radius:8px;width:100%;height:260px;position:relative;overflow:hidden;box-shadow:inset 0 4px 16px #0006}.blueprint-viewport canvas{width:100%;height:100%;display:block}.viewport-controls{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:6px;padding:6px 12px;font-size:.8rem}.viewport-controls input[type=range]{-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:4px}.viewport-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}.blueprint-details-row{border-top:1px solid var(--border-subtle);gap:20px;width:100%;padding-top:20px;display:flex}.blueprint-cut-list-panel{flex-direction:column;flex:1.6;gap:12px;min-width:300px;display:flex}.blueprint-actions-panel{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:8px;flex-direction:column;flex:1;gap:16px;min-width:240px;padding:16px;display:flex}.blueprint-stats-box{flex-direction:column;gap:10px;display:flex}.blueprint-stats-box h4{font-family:var(--font-display);color:var(--text-main);border-bottom:1px solid var(--border-subtle);padding-bottom:6px;font-size:.95rem;font-weight:600}.blueprint-actions-vertical{flex-direction:column;gap:10px;margin-top:auto;display:flex}.blueprint-tab-header{border-bottom:1px solid var(--border-subtle);gap:8px;padding-bottom:6px;display:flex}.blueprint-tab-header .tab-btn{color:var(--text-muted);cursor:pointer;font-family:var(--font-family);background:0 0;border:none;border-radius:6px 6px 0 0;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;position:relative}.blueprint-tab-header .tab-btn:hover{color:var(--text-main)}.blueprint-tab-header .tab-btn.active{color:var(--accent)}.blueprint-tab-header .tab-btn.active:after{content:"";background-color:var(--accent);height:2px;box-shadow:0 -1px 6px var(--accent-glow);position:absolute;bottom:-7px;left:0;right:0}.blueprint-tab-content{flex-direction:column;flex-grow:1;margin-top:4px;display:none;overflow:hidden}.blueprint-tab-content.active{display:flex}.cut-list-scroll{flex-direction:column;gap:8px;height:240px;padding-right:6px;display:flex;overflow-y:auto}.cut-list-card{border:1px solid var(--border-subtle);cursor:default;background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.cut-list-card:hover{background:#ffffff0d;border-color:#f4a26140;box-shadow:0 4px 12px #0003}.cut-list-card.highlighted,.cut-list-card.hover-active{border-color:var(--accent);background:#f4a2610f;box-shadow:0 0 10px #f4a2611a}.cut-list-card .card-left{align-items:center;gap:12px;display:flex}.cut-list-card .card-qty{width:28px;height:28px;color:var(--accent);background:#f4a26126;border:1px solid #f4a26140;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.cut-list-card .card-info{flex-direction:column;gap:2px;display:flex}.cut-list-card .card-title{color:var(--text-main);font-size:.85rem;font-weight:600}.cut-list-card .card-dims{color:var(--text-muted);font-family:monospace;font-size:.75rem}.cut-list-card .card-actions{gap:6px;display:flex}.card-action-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:500;transition:all .2s}.card-action-btn:hover{color:var(--text-main);background:#ffffff14;border-color:#fff3}.blueprint-modal-footer{justify-content:space-between;align-items:center;display:flex;border-top:1px solid var(--border-subtle)!important;margin-top:12px!important;padding-top:12px!important}.blueprint-stats{color:var(--text-muted);gap:20px;font-size:.85rem;display:flex}.blueprint-stats strong{color:var(--accent);font-family:monospace;font-size:.95rem}.print-branding{display:none}@media print{body *{visibility:hidden}#blueprint-modal,#blueprint-modal *{visibility:visible}#blueprint-modal{position:absolute;top:0;left:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:9999!important;opacity:1!important;pointer-events:auto!important;background:0 0!important;width:100%!important;height:auto!important;display:block!important}.blueprint-modal-content{box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;flex-direction:column!important;width:100%!important;max-width:100%!important;max-height:none!important;padding:0!important;display:flex!important;overflow:visible!important}.modal-header h2{color:#000!important;font-size:1.8rem!important;font-weight:700!important}.btn-close,.viewport-controls,.blueprint-actions-vertical,.blueprint-modal-footer button,.blueprint-tab-header,.card-actions{display:none!important}.blueprint-layout-grid{width:100%!important;height:auto!important;display:block!important;overflow:visible!important}.print-branding{border-bottom:2px solid #000!important;align-items:center!important;gap:8px!important;width:100%!important;margin-bottom:16px!important;padding-bottom:8px!important;display:flex!important}.print-branding span{letter-spacing:.5px!important;color:#000!important;font-size:1.25rem!important;font-weight:800!important}.print-branding .showcase-badge{color:#333!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:1px solid #333!important;border-radius:4px!important;margin-left:8px!important;padding:2px 6px!important;font-size:.72rem!important;font-weight:600!important}.print-branding svg{stroke:#000!important}.blueprint-viewports-row{grid-template-columns:1fr 1fr!important;gap:32px 16px!important;width:100%!important;margin-bottom:0!important;display:grid!important}.viewport-box{page-break-inside:avoid!important}.viewport-box:nth-child(3){grid-column:span 2!important}.viewport-box h4{color:#000!important;font-weight:700!important}.blueprint-viewport{box-shadow:none!important;background:#fff!important;border:2px solid #000!important}.blueprint-viewport canvas{width:100%!important;height:100%!important;display:block!important}.viewport-box:first-child .blueprint-viewport,.viewport-box:nth-child(2) .blueprint-viewport{height:500px!important}.viewport-box:nth-child(3) .blueprint-viewport{height:300px!important}.print-only-dimensions{color:#000!important;border-bottom:1px solid #000!important;flex-flow:wrap!important;width:100%!important;margin-top:6px!important;margin-bottom:16px!important;padding-bottom:6px!important;font-size:.85rem!important;display:flex!important}.blueprint-details-page{page-break-before:always!important;width:100%!important}.blueprint-details-row{border-top:2px solid #000!important;flex-direction:row!important;gap:20px!important;width:100%!important;height:auto!important;margin-top:16px!important;padding-top:16px!important;display:flex!important;overflow:visible!important}.blueprint-cut-list-panel{flex:1.6!important;height:auto!important;overflow:visible!important}.blueprint-tab-content{height:auto!important;display:flex!important;overflow:visible!important}#tab-individual-content{display:none!important}#tab-grouped-content{display:block!important}.cut-list-scroll{height:auto!important;overflow:visible!important}.cut-list-card{color:#000!important;page-break-inside:avoid!important;background:#fff!important;border:1px solid #ccc!important;padding:8px 12px!important}.cut-list-card .card-title{color:#000!important;font-size:.9rem!important}.cut-list-card .card-dims{color:#444!important;font-size:.8rem!important}.cut-list-card .card-qty{color:#000!important;background:#e6e6e6!important;border:1px solid #888!important}.blueprint-actions-panel{background:#fff!important;border:1px solid #ccc!important;flex:1!important;height:auto!important;padding:12px!important}.blueprint-modal-footer{border-top:2px solid #333!important;margin-top:30px!important}.blueprint-stats{color:#000!important;font-size:.95rem!important}.blueprint-stats strong{color:#000!important}.blueprint-disclaimer{color:#444!important;page-break-inside:avoid!important;background:0 0!important;border:1px solid #999!important;font-size:.65rem!important}}.category-tabs{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:6px;margin-top:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.category-tab{color:var(--text-muted);font-family:var(--font-main);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500;transition:all .2s}.category-tab:hover{color:var(--text-main);background:#ffffff0f}.category-tab.active{border-color:var(--accent);color:var(--accent);background:#f4a26126}.paint-grid{border:1px solid var(--border-subtle);background:#00000026;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;padding:10px;display:grid}.paint-swatch{aspect-ratio:1;cursor:pointer;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.paint-swatch:hover{border-color:#ffffff4d;transform:scale(1.1)}.paint-swatch.active{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.paint-inner-swatch{border:1px solid #0003;border-radius:50%;width:80%;height:80%;display:block}.clear-swatch{background:linear-gradient(135deg,#deb887 0%,#8b5a2b 100%);position:relative;overflow:hidden}.clear-swatch:after{content:"";background:repeating-linear-gradient(45deg,#ffffff1a,#ffffff1a 2px,#0000 2px 6px);width:100%;height:100%;position:absolute;top:0;left:0}.paint-custom-wrapper{aspect-ratio:1;cursor:pointer;background:linear-gradient(135deg,#f05,#0fa,#05f);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.paint-custom-wrapper:hover{border-color:#ffffff4d;transform:scale(1.1)}.paint-custom-wrapper.active{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.paint-custom-picker{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.paint-custom-icon{pointer-events:none;font-size:.9rem}.sidebar-disclaimer{color:var(--text-muted);background:#ef444408;border:1px dashed #ef444426;border-radius:8px;align-items:flex-start;gap:8px;margin-top:24px;padding:12px;font-size:.72rem;line-height:1.35;display:flex}.sidebar-disclaimer svg{color:var(--danger);flex-shrink:0;margin-top:2px}.print-only-dimensions{display:none}#auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f4a26133}.auth-message{border-radius:6px;padding:10px 12px;font-size:.8rem;line-height:1.35}.auth-message.success{color:#34d399;background:#10b98114;border:1px solid #10b98140}.auth-message.error{color:#f87171;background:#ef444414;border:1px solid #ef444440}.auth-message.info{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f640}#btn-header-auth{align-items:center;gap:6px;display:flex}#btn-header-auth.authenticated{background:#10b9810d;border-color:#10b98166}#btn-header-auth.authenticated:hover{background:#10b9811f;border-color:#10b98199}.profile-avatar{box-shadow:0 0 10px #f4a2614d;background:var(--accent)!important;color:#141417!important}.pricing-card{transition:all .3s cubic-bezier(.16,1,.3,1)}.pricing-card:hover{box-shadow:0 6px 20px #ff6e0014;border-color:#ff6e0099!important}#cloud-projects-list-container::-webkit-scrollbar{width:5px}#cloud-projects-list-container::-webkit-scrollbar-track{background:#ffffff03}#cloud-projects-list-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}#cloud-projects-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.cloud-project-item{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;transition:all .2s;display:flex}.cloud-project-item:hover{background:#ffffff0d;border-color:#ffffff26}.cloud-project-info{flex-direction:column;gap:2px;display:flex}.cloud-project-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.88rem;font-weight:600;overflow:hidden}.cloud-project-date{color:var(--text-muted);font-size:.72rem}.cloud-project-actions{align-items:center;gap:6px;display:flex}.cloud-project-btn{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:4px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .15s}.cloud-project-btn:hover{background:var(--accent);color:#141417;border-color:var(--accent)}.cloud-project-delete-btn{color:#f87171;cursor:pointer;box-sizing:border-box;background:#ef444414;border:1px solid #ef444440;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;transition:all .15s;display:flex}.cloud-project-delete-btn:hover{color:#fff;background:#ef444433;border-color:#ef4444}@media (width>=951px) and (width<=1850px){.logo .badge{display:none!important}#top-header{padding:0 12px!important}.global-actions,.header-dropdown-menu{gap:6px!important}.header-dropdown-menu>button span:not(.active-material-swatch),.header-dropdown-menu>a span:not(.active-material-swatch),.header-dropdown-menu .header-dropdown-container>button span:not(.active-material-swatch),#btn-snap span,#btn-measure span{display:none!important}.header-dropdown-menu>button,.header-dropdown-menu>a,.header-dropdown-menu .header-dropdown-container>button,#btn-snap,#btn-measure{border-radius:8px!important;justify-content:center!important;width:38px!important;height:38px!important;padding:0!important}.header-dropdown-menu>button svg,.header-dropdown-menu>a svg,.header-dropdown-menu .header-dropdown-container>button svg,#btn-snap svg,#btn-measure svg{margin:0!important}.header-dropdown-menu>button .chevron-icon,.header-dropdown-menu>a .chevron-icon,.header-dropdown-menu .header-dropdown-container>button .chevron-icon{display:none!important}.header-dropdown-container{width:auto!important}.header-dropdown-menu .dropdown-divider,.divider{display:none!important}}@media (width<=950px){#top-header{height:56px;padding:0 12px;top:8px;left:8px;right:8px}.logo{gap:6px;font-size:1.05rem}.logo .badge{display:none}.global-actions{gap:6px}.global-actions .divider{height:16px;margin:0 2px}.global-actions>button span{display:none!important}.global-actions>button{justify-content:center;align-items:center;min-width:32px;height:32px;display:flex;padding:6px!important}#btn-header-menu{display:flex!important}.header-dropdown-menu{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);z-index:150;background:#0f0f12f2;border-radius:12px;flex-direction:column;gap:4px;width:180px;max-height:calc(100vh - 70px);padding:8px;display:none;position:absolute;top:52px;right:0;overflow-y:auto;box-shadow:0 12px 40px #0009}.header-dropdown-menu.open{animation:.2s ease-out dropdownFadeIn;display:flex}.header-dropdown-menu>button,.header-dropdown-menu>a,.header-dropdown-menu .header-dropdown-container>button{cursor:pointer;text-align:left;align-items:center;gap:10px;min-height:36px;font-size:.82rem;width:100%!important;height:auto!important;color:var(--text-main)!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:flex-start!important;padding:8px 12px!important;text-decoration:none!important;display:flex!important}.header-dropdown-menu>button:hover,.header-dropdown-menu>a:hover,.header-dropdown-menu .header-dropdown-container>button:hover{color:var(--accent)!important;background:#ffffff0f!important}.header-dropdown-menu>button.btn-danger,.header-dropdown-menu>a.btn-danger,.header-dropdown-menu .header-dropdown-container>button.btn-danger{color:#ef4444!important}.header-dropdown-menu>button.btn-danger:hover,.header-dropdown-menu>a.btn-danger:hover,.header-dropdown-menu .header-dropdown-container>button.btn-danger:hover{color:#f87171!important;background:#ef444414!important}.header-dropdown-menu>button span,.header-dropdown-menu>a span,.header-dropdown-menu .header-dropdown-container>button span{display:inline!important}.header-dropdown-menu>button svg,.header-dropdown-menu>a svg,.header-dropdown-menu .header-dropdown-container>button svg{flex-shrink:0;width:15px;height:15px}.header-dropdown-menu .dropdown-divider{background-color:#ffffff14!important;width:100%!important;height:1px!important;margin:4px 0!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toggle-group{padding:2px}.toggle-group button{padding:4px 6px;font-size:.7rem}aside{z-index:100;width:290px;max-width:calc(100vw - 48px);padding:16px;top:72px;bottom:8px;box-shadow:0 8px 32px #00000080}#sidebar-left{left:8px;transform:translate(calc(-100% - 24px))}#sidebar-right{right:8px;transform:translate(calc(100% + 24px))}#sidebar-left.open,#sidebar-right.open{transform:translate(0)!important}.sidebar-toggle-tab{z-index:110;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);width:28px;height:52px;color:var(--text-main);cursor:pointer;background:#1e1e1ebf;justify-content:center;align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;box-shadow:0 4px 16px #0000004d}.sidebar-toggle-tab:hover{color:var(--accent);background:#f4a26140;border-color:#f4a26166}.sidebar-toggle-tab .toggle-icon{transition:transform .35s}#btn-toggle-sidebar-left{display:none!important}#sidebar-left.open~#btn-toggle-sidebar-left{border-left:1px solid var(--border-subtle);border-radius:8px;left:298px}#sidebar-left.open~#btn-toggle-sidebar-left .toggle-icon{transform:rotate(180deg)}#btn-toggle-sidebar-right{border-right:none;border-radius:8px 0 0 8px;top:180px;right:0}#sidebar-right.open~#btn-toggle-sidebar-right{border-right:1px solid var(--border-subtle);border-radius:8px;right:298px}#sidebar-right.open~#btn-toggle-sidebar-right .toggle-icon{transform:rotate(180deg)}#sidebar-right.hidden~#btn-toggle-sidebar-right{display:none!important}#mobile-elevation-control{z-index:90;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#0f0f12d9;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:12px 6px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:260px;right:16px;box-shadow:0 8px 32px #0006}#mobile-elevation-control.hidden,#sidebar-right.open~#mobile-elevation-control{display:none!important}#mobile-elevation-control .slider-title{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}#mobile-elev-slider{-webkit-appearance:slider-vertical;cursor:pointer;background:#ffffff1a;border-radius:6px;outline:none;width:12px;height:140px}#mobile-elev-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:20px;height:20px;box-shadow:0 0 10px var(--accent-glow);cursor:pointer;border:2px solid #fff;border-radius:50%}#mobile-elevation-control .slider-val-bubble{font-family:var(--font-display);color:var(--text-main);background:#0006;border-radius:10px;align-items:center;gap:2px;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}#mobile-elevation-control .unit-label-small{color:var(--text-muted);font-size:.6rem}#floating-gizmo{z-index:95!important;border:1px solid var(--border-glow)!important;background:#0f0f12f2!important;border-radius:16px!important;flex-flow:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;max-width:260px!important;padding:6px!important;display:flex!important;position:absolute!important;top:auto!important;bottom:20px!important;left:50%!important;overflow:visible!important;transform:translate(-50%)!important;box-shadow:0 12px 40px #0009!important}#floating-gizmo::-webkit-scrollbar{display:none!important}#floating-gizmo.hidden{opacity:0!important;display:none!important}#floating-gizmo .gizmo-btn{background:#ffffff0d!important;border-radius:8px!important;flex-shrink:0!important;width:36px!important;height:36px!important}#floating-gizmo .gizmo-btn:hover{color:var(--accent)!important;background:#f4a26133!important}#floating-gizmo .gizmo-btn svg{width:16px!important;height:16px!important}#floating-gizmo .gizmo-divider{display:none!important}}#landing-page{--wood-dark:#b8a287;--wood-med:#cdb597;--wood-warm:#8c3300;--timber-glass:#ffffffc2;--timber-glass-hover:#ffffffeb;--timber-border:#642d0559;--timber-border-hover:#642d05a6;--accent-rgb:140, 51, 0;--accent:#8c3300;--accent-hover:#752b00;--accent-glow:#8c330059;--text-main:#180d09;--text-muted:#4a3a32;--border-subtle:#642d0542;--bg-panel:#ffffffc7;--bg-panel-hover:#ffffffe6;--secondary:#0000000d;--secondary-hover:#00000017;background-color:var(--wood-med);z-index:1000;width:100vw;height:100vh;color:var(--text-main);scroll-behavior:smooth;background-image:linear-gradient(#642d0517 1px,#0000 1px),linear-gradient(90deg,#642d0517 1px,#0000 1px),linear-gradient(#642d052e 1.5px,#0000 1.5px),linear-gradient(90deg,#642d052e 1.5px,#0000 1.5px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-attachment:local;flex-direction:column;align-items:center;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.scroll-bg-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.scroll-bg-image{object-fit:cover;opacity:0;mix-blend-mode:multiply;filter:grayscale(20%)contrast(1.05)brightness(1.02);min-width:100%;min-height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-bg-image.active{opacity:.12}#landing-page>*{z-index:1;position:relative}#landing-page.hidden{display:none!important}.landing-header{z-index:1010;flex-shrink:0;justify-content:space-between;align-items:center;width:90%;max-width:1200px;height:70px;margin-top:20px;padding:0 24px;display:flex}.landing-header .logo{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.landing-header .logo svg{color:var(--accent)}.landing-header .badge{color:var(--accent);background:#f4a26126;border:1px solid #f4a2614d;border-radius:20px;padding:2px 8px;font-size:.68rem;font-weight:600}.landing-nav-actions{gap:12px;display:flex}.landing-content{flex-direction:column;flex-grow:1;gap:60px;width:90%;max-width:1200px;padding:40px 0;display:flex}.landing-showcase{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.showcase-title{font-family:var(--font-display);text-align:center;letter-spacing:-1px;background:linear-gradient(135deg, var(--text-main) 30%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:800;line-height:1.15}.showcase-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin-top:-8px;font-size:1.1rem;line-height:1.5}.showcase-hero-card{border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.showcase-hero-image{object-fit:cover;width:100%;height:550px;display:block}.showcase-hero-body{border-top:1px solid var(--border-subtle);background:#0a0a0f73;flex-direction:column;gap:8px;padding:24px 32px;display:flex}.showcase-hero-body h4{font-family:var(--font-display);color:#fff;font-size:1.35rem;font-weight:700}.showcase-hero-body p{color:var(--text-muted);max-width:800px;font-size:.92rem;line-height:1.5}.showcase-badge{-webkit-backdrop-filter:blur(8px);color:var(--text-main);border:1px solid var(--border-subtle);z-index:2;background:#0a0a0fd9;border-radius:8px;padding:6px 14px;font-size:.75rem;font-weight:600;position:absolute;top:20px;left:20px}.showcase-badge.accent-badge{color:var(--accent);border-color:#f4a26180}.btn-large{border-radius:10px;padding:14px 28px;font-size:1rem;font-weight:600}.landing-content section{width:100%;max-width:1200px;margin:0 auto;padding:35px 5%}.section-title{font-family:var(--font-display);text-align:center;color:var(--text-main);letter-spacing:-.5px;margin-bottom:12px;font-size:2.2rem;font-weight:700}.section-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.5}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.feature-card{background:var(--timber-glass);border:1px solid var(--timber-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;cursor:default;border-radius:12px;padding:32px 24px;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s,box-shadow .3s,background .3s}.feature-card:hover{background:var(--timber-glass-hover);border-color:var(--timber-border-hover);box-shadow:0 12px 30px rgba(var(--accent-rgb), .08);transform:translateY(-4px)}.feature-icon{align-items:center;height:36px;margin-bottom:18px;display:flex}.wood-tool-svg{color:var(--accent);filter:drop-shadow(0 2px 8px rgba(var(--accent-rgb), .25));transition:transform .3s,filter .3s}.feature-card:hover .wood-tool-svg{filter:drop-shadow(0 4px 12px rgba(var(--accent-rgb), .45));transform:scale(1.1)rotate(2deg)}.feature-card h3{font-family:var(--font-display);color:var(--text-main);margin-bottom:10px;font-size:1.25rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.audiences-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:40px;display:grid}.audience-column{background:var(--timber-glass);border:1px solid var(--timber-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;align-items:flex-start;padding:40px;transition:border-color .3s,background .3s,transform .3s cubic-bezier(.25,.8,.25,1);display:flex}.audience-column:hover{background:var(--timber-glass-hover);border-color:var(--timber-border-hover);transform:translateY(-2px)}.audience-badge{text-transform:uppercase;letter-spacing:1px;color:#fff;border:1px solid var(--timber-border);background:rgba(var(--accent-rgb), .05);border-radius:99px;margin-bottom:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.audience-badge.accent-badge{border-color:rgba(var(--accent-rgb), .3);color:var(--accent);background:rgba(var(--accent-rgb), .1)}.audience-column h3{font-family:var(--font-display);color:var(--text-main);margin-bottom:12px;font-size:1.5rem;font-weight:700}.audience-column p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.faq-list{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--timber-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c120c66;border-radius:10px;transition:all .3s}.faq-item.active{border-color:var(--timber-border-hover);background:var(--timber-glass-hover);box-shadow:0 4px 20px rgba(var(--accent-rgb), .04)}.faq-question{width:100%;color:var(--text-main);font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.05rem;font-weight:600;display:flex}.faq-chevron{color:var(--text-muted);font-size:.7rem;transition:transform .3s,color .3s}.faq-item.active .faq-chevron{color:var(--accent);transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 24px;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:250px;padding:0 24px 20px}.faq-answer p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.landing-footer{border-top:1px solid var(--border-subtle);background:#08080a;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:100%;margin-top:auto;padding:40px 5% 50px;display:flex}.footer-brand{font-family:var(--font-display);color:#fff;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.footer-brand svg{color:var(--accent)}.footer-copy{color:var(--text-muted);text-align:center;font-size:.8rem}.carousel-container{width:100%;max-width:1200px;margin:0 auto;position:relative}.carousel-track{width:100%;position:relative;overflow:hidden}.carousel-slide{width:100%;display:none}.carousel-slide.active{animation:.5s cubic-bezier(.25,1,.5,1) forwards slideFadeIn;display:block}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.carousel-controls-row{justify-content:center;align-items:center;gap:20px;width:100%;margin-top:32px;display:flex}.carousel-control-btn{border:1px solid var(--border-subtle);color:#fff;cursor:pointer;background:#14141999;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.carousel-control-btn:hover{border-color:var(--accent);color:var(--accent);background:#f4a26126;transform:scale(1.05)}.carousel-control-btn:active{transform:scale(.95)}.carousel-indicators{align-items:center;gap:8px;display:flex}.indicator-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-dot:hover{background:#ffffff80}.indicator-dot.active{background:var(--accent);border-radius:10px;width:20px;box-shadow:0 0 10px #f4a26166}@media (width<=900px){.landing-content{padding:40px 0}.showcase-title{font-size:2.2rem}}@media (width<=600px){.landing-header{width:calc(100% - 24px);margin-top:10px;padding:0 12px}.landing-header .logo{gap:6px;font-size:1.1rem}.landing-content{gap:40px;width:90%;padding:20px 0}.blueprint-frame-marks{display:none}.blueprint-dimension{margin-bottom:-22px;font-size:.58rem}.ruler-divider{height:18px;margin:12px 0}.ruler-divider:before{font-size:.5rem;top:0}.landing-nav-actions{gap:6px}.landing-nav-actions .btn{padding:6px 10px;font-size:.75rem}.showcase-title{padding:0 10px;font-size:1.8rem}.showcase-subtitle{padding:0 15px;font-size:.95rem}.showcase-hero-image{height:350px}.showcase-hero-body{padding:18px 16px}.showcase-hero-body h4{font-size:1.15rem}.showcase-hero-body p{font-size:.85rem}}.header-dropdown-container{position:relative}.dropdown-content-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);z-index:1000;background:#0f0f12f5;border-radius:12px;flex-direction:column;gap:10px;min-width:170px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0009}.header-dropdown-container.open .dropdown-content-panel{display:flex}.material-option{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;transition:background .2s,color .2s;display:flex}.material-option:hover{color:var(--accent);background:#ffffff0f}.material-option.active{color:var(--accent);background:#f4a26126;font-weight:600}.style-customizer-panel{width:230px;color:var(--text-main)}.presets-dropdown-panel{width:320px}.style-group{flex-direction:column;gap:6px;display:flex}.style-group label{color:var(--text-muted);font-size:.75rem}.color-picker-input{cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:20px;padding:0}@media (width<=950px){.header-dropdown-menu .header-dropdown-container{width:100%}.header-dropdown-menu .dropdown-trigger{justify-content:space-between!important;width:100%!important}.header-dropdown-menu .dropdown-content-panel{box-shadow:none;background:#0003;border:none;border-radius:8px;margin-top:4px;padding:8px;display:none;position:static;width:100%!important}.header-dropdown-menu .header-dropdown-container.open .dropdown-content-panel{display:flex}#presets-list{max-height:220px!important}}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.pulse-dot{animation:1.5s ease-in-out infinite pulse}.dim-stat{border:1px solid var(--border-subtle);background:#0000004d;border-radius:6px;flex-direction:column;padding:8px 10px;transition:all .2s;display:flex}.dim-stat:hover{border-color:var(--accent);background:#ff6e000d}.dim-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.2px;font-size:.65rem;font-weight:600}.dim-stat-value{color:var(--accent);margin-top:2px;font-family:monospace;font-size:.9rem;font-weight:700}.btn-xs{height:26px!important;padding:4px 10px!important;font-size:.72rem!important}#btn-toggle-lock.lock-active,#btn-group-toggle-lock.lock-active{box-shadow:0 0 8px #ff3b3033;color:#ff3b30!important;background-color:#ff3b301f!important;border-color:#ff3b30!important}#btn-toggle-transparent.trans-active,#btn-group-toggle-transparent.trans-active{box-shadow:0 0 8px #f4a26133;border-color:var(--accent)!important;color:var(--accent)!important;background-color:#f4a2611f!important}.inspect-name-input:focus{box-shadow:0 0 4px var(--accent-glow);border-color:var(--accent)!important;background:#ffffff0f!important}.outliner-list-container{flex-direction:column;gap:4px;max-height:280px;margin-top:6px;padding-right:4px;display:flex;overflow-y:auto}.outliner-list-container::-webkit-scrollbar{width:4px}.outliner-list-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.outliner-list-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.outliner-list-container::-webkit-scrollbar-thumb:hover{background:var(--accent)}.outliner-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.outliner-row:hover{background:#ffffff0d;border-color:#ffffff14}.outliner-row.selected{border-color:var(--accent);background:#f4a26114;box-shadow:0 0 8px #f4a26126}.outliner-row.selected .outliner-name{color:var(--accent);font-weight:600}.outliner-arrow{width:14px;height:14px;color:var(--text-muted);justify-content:center;align-items:center;margin-right:4px;transition:transform .2s;display:flex}.outliner-arrow.expanded{transform:rotate(90deg)}.outliner-arrow-placeholder{width:14px;height:14px;margin-right:4px}.outliner-icon{width:14px;height:14px;color:var(--text-muted);justify-content:center;align-items:center;margin-right:6px;display:flex}.outliner-row.selected .outliner-icon{color:var(--accent)}.outliner-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.76rem;overflow:hidden}.outliner-actions{opacity:.4;align-items:center;gap:4px;transition:opacity .2s;display:flex}.outliner-row:hover .outliner-actions,.outliner-row.selected .outliner-actions{opacity:1}.outliner-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.outliner-action-btn:hover{color:var(--text-main);background:#ffffff14}.outliner-action-btn.lock-active{color:#ff3b30!important}.outliner-action-btn.trans-active{color:var(--accent)!important}.outliner-group-children{border-left:1px dashed #ffffff0f;flex-direction:column;gap:4px;margin-top:4px;padding-left:14px;display:flex}.outliner-item{flex-direction:column;display:flex}#grouped-hover-label{pointer-events:none;color:#121214;letter-spacing:.03em;z-index:1050;white-space:nowrap;background:#f4a261f2;border-radius:6px;margin-top:-12px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #f4a26159}#grouped-hover-label.hidden{opacity:0;transform:translate(-50%,-100%)scale(.9)}.transient-lock-badge{pointer-events:none;color:#f4a261;z-index:1200;background:#0f172ae6;border:1px solid #f4a26180;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 20px #f4a26140,inset 0 0 12px #f4a2611a}@keyframes floatUpAndFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)translateY(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)translateY(-10px)}30%{transform:translate(-50%,-50%)scale(1)translateY(-15px)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)translateY(-60px)}}#floating-gizmo .gizmo-btn.lock-active,#floating-gizmo .gizmo-btn.lock-active:hover{color:#ff3b30!important;background:#ff3b3033!important;box-shadow:0 0 10px #ff3b3066!important}#floating-gizmo .gizmo-btn.trans-active,#floating-gizmo .gizmo-btn.trans-active:hover{color:var(--accent)!important;background:#f4a26133!important;box-shadow:0 0 10px #f4a26166!important}#selection-box{border:1.5px dashed var(--accent);pointer-events:none;z-index:1000;background-color:#f4a2611f;border-radius:4px;display:none;position:absolute}#transparent-hover-selector{z-index:10000;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);pointer-events:auto;width:250px;font-family:var(--font-family);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;padding:10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;box-shadow:0 4px 20px #0006,0 0 15px #f4a26126}#transparent-hover-selector.hidden{opacity:0;transform:scale(.95);display:none!important}.hover-selector-header{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;padding-bottom:6px;font-size:.72rem;font-weight:600}.hover-selector-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.hover-selector-item{cursor:pointer;color:var(--text-main);background:#ffffff08;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.78rem;transition:all .15s;display:flex}.hover-selector-item:hover,.hover-selector-item.active{color:var(--accent);background:#f4a2612e;border-color:#f4a26173}.hover-selector-item-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.hover-selector-item-status{color:var(--accent);text-transform:uppercase;background:#f4a26126;border:1px solid #f4a26140;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:600}.hover-selector-item-status.opaque{color:var(--success);background:#10b98126;border:1px solid #10b98140}.workshop-watermarks{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.watermark-svg{color:var(--accent);opacity:.015;pointer-events:none;transition:transform .3s;position:absolute}@keyframes rotateSaw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.watermark-svg.saw-blade{transform-origin:50%;animation:45s linear infinite rotateSaw}.watermark-svg.hand-plane{transform:rotate(-10deg)}.watermark-svg.power-drill{transform:rotate(15deg)}.blueprint-frame-marks{width:100%;color:var(--accent);opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none;border-bottom:1px dashed #f4a2611a;justify-content:space-between;margin-bottom:-40px;padding-bottom:8px;font-family:monospace;font-size:.65rem;display:flex}.frame-mark{letter-spacing:1.5px}.landing-content section{position:relative}.landing-content section:before,.landing-content section:after{content:"";opacity:.7;pointer-events:none;border-style:solid;border-color:#f4a2611f;width:16px;height:16px;position:absolute}.landing-content section:before{border-width:1.5px 0 0 1.5px;top:40px;left:-20px}.landing-content section:after{border-width:0 1.5px 1.5px 0;bottom:40px;right:-20px}.blueprint-dimension{text-align:center;letter-spacing:2px;width:100%;color:var(--accent);opacity:.75;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;margin-bottom:-32px;font-family:monospace;font-size:.65rem;position:relative}.blueprint-dimension span{background-color:var(--wood-med);border-left:1px solid #c55a1840;border-right:1px solid #c55a1840;padding:0 12px}.ruler-divider{opacity:.88;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#d1ba9e;background-image:repeating-linear-gradient(90deg,#0000,#0000 7px,#823c0a47 7px 8px),repeating-linear-gradient(90deg,#0000,#0000 15px,#823c0a7a 15px 17px),repeating-linear-gradient(90deg,#0000,#0000 31px,#823c0aad 31px 34px);border-top:1px solid #823c0a59;border-bottom:1px solid #823c0a59;width:100%;height:24px;margin:20px 0;position:relative;overflow:hidden}.ruler-divider:before{content:"0\" . . 12\" . . 24\" . . 36\" . . 48\" . . 60\" . . 72\" . . 84\" . . 96\" . . 108\" . . 120\" . . 132\" . . 144\"";color:#68585080;letter-spacing:4px;word-spacing:14px;white-space:nowrap;font-family:monospace;font-size:.55rem;position:absolute;top:2px;left:10px}.landing-tools-gallery{width:100%;max-width:1200px;margin:0 auto;padding:35px 5%}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:40px;display:grid}.tool-card{background:var(--timber-glass);border:1px solid var(--timber-border);border-radius:12px;flex-direction:column;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s,box-shadow .3s,background .3s;display:flex;overflow:hidden}.tool-card:hover{background:var(--timber-glass-hover);border-color:var(--timber-border-hover);box-shadow:0 12px 30px rgba(var(--accent-rgb), .08);transform:translateY(-6px)}.tool-image-wrapper{border-bottom:1px solid var(--timber-border);background:#19120e;width:100%;height:250px;position:relative;overflow:hidden}.tool-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.tool-card:hover .tool-image{transform:scale(1.06)}.tool-body{flex-direction:column;flex-grow:1;gap:8px;padding:20px;display:flex}.tool-body h3{font-family:var(--font-display);color:var(--text-main);font-size:1.15rem;font-weight:600}.tool-body p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}#landing-page .glass-panel{box-shadow:0 12px 40px #28140524}#landing-page .landing-header .logo{color:var(--text-main)}#landing-page .landing-header .badge{background:rgba(var(--accent-rgb), .1);border-color:rgba(var(--accent-rgb), .25);color:var(--accent)}#landing-page .showcase-hero-card{border:1px solid var(--timber-border);box-shadow:0 18px 48px #2814052e}#landing-page .showcase-hero-card:hover .showcase-hero-image{transition:transform .6s cubic-bezier(.25,.8,.25,1);transform:scale(1.015)}#landing-page .showcase-hero-body{background:var(--bg-panel);border-top:1px solid var(--timber-border)}#landing-page .showcase-hero-body h4{color:var(--text-main)}#landing-page .showcase-hero-body p{color:var(--text-muted)}#landing-page .showcase-badge{color:var(--text-main);border-color:var(--timber-border);background:#ffffffe6}#landing-page .showcase-badge.accent-badge{border-color:rgba(var(--accent-rgb), .4);color:var(--accent);background:#fffffff2}#landing-page .audience-badge{color:var(--text-muted);background:rgba(var(--accent-rgb), .04);border-color:var(--timber-border)}#landing-page .audience-badge.accent-badge{border-color:rgba(var(--accent-rgb), .35);color:var(--accent);background:rgba(var(--accent-rgb), .08)}#landing-page .carousel-control-btn{border-color:var(--timber-border);color:var(--text-main);background:#ffffffb3;box-shadow:0 4px 10px #2814051a}#landing-page .carousel-control-btn:hover{background:rgba(var(--accent-rgb), .1);border-color:var(--accent);color:var(--accent)}#landing-page .indicator-dot{background:#28140533}#landing-page .indicator-dot:hover{background:#28140566}#landing-page .indicator-dot.active{background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .3)}#landing-page .btn-secondary:hover{border-color:var(--timber-border-hover)}#landing-page .tool-image-wrapper{background:#fff}#landing-page .faq-item{border-color:var(--timber-border);background:#ffffff80}#landing-page .faq-item.active{border-color:var(--timber-border-hover);background:#ffffffe6}#landing-page .faq-question{color:var(--text-main)}#landing-page .faq-answer p{color:var(--text-muted)}#landing-page .landing-footer{border-top:1px solid rgba(var(--accent-rgb), .18);background:#1c120e;padding:30px 5% 40px}#landing-page .landing-footer .footer-brand{color:#f6f0e5}#landing-page .landing-footer .footer-brand svg{color:var(--accent)}#landing-page .landing-footer .footer-copy{color:#a4948a;margin-top:8px;font-size:.82rem}.landing-journey{width:100%}.journey-widget{border:1px solid var(--timber-border);flex-direction:column;gap:28px;width:100%;max-width:1200px;margin:0 auto;padding:32px;display:flex}.journey-timeline{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding:0 40px;display:flex;position:relative}.journey-line{z-index:0;background:#68585026;border-radius:2px;height:3px;position:absolute;top:18px;left:50px;right:50px}.journey-line-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .4s cubic-bezier(.25,.8,.25,1)}.journey-step-btn{z-index:1;background:var(--wood-med);width:36px;height:36px;color:var(--text-muted);font-family:var(--font-family);cursor:pointer;border:2px solid #642d056b;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.journey-step-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.journey-step-btn.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.15);color:var(--wood-dark)!important}.step-dot-label{font-family:var(--font-family);color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600;transition:color .3s;position:absolute;top:42px}.journey-step-btn.active .step-dot-label{color:var(--accent);font-weight:700}.journey-content-pane{flex-direction:row;align-items:center;gap:32px;width:100%;margin-top:24px;display:flex}.journey-preview-container{aspect-ratio:2/3;border:1px solid var(--timber-border);background:#fff;border-radius:12px;flex-shrink:0;width:48%;max-width:500px;height:520px;overflow:hidden;box-shadow:0 12px 30px #6858501f}.journey-image{object-fit:cover;width:100%;height:100%;animation:.4s forwards imgFadeIn;display:block}@keyframes imgFadeIn{0%{opacity:.7;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.journey-info-content{text-align:left;flex-direction:column;flex-grow:1;gap:16px;display:flex}.journey-badge{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-family:monospace;font-size:.75rem;font-weight:700}.journey-info-content h3{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:1.75rem;font-weight:800;line-height:1.25}.journey-info-content p{color:var(--text-muted);margin:0;font-size:.98rem;line-height:1.65}.journey-navigation-controls{gap:16px;margin-top:16px;display:flex}.journey-navigation-controls .btn{border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}@media (width<=900px){.journey-widget{padding:24px}.journey-timeline{padding:0 10px}.journey-line{left:20px;right:20px}.step-dot-label{display:none}.journey-content-pane{flex-direction:column;gap:24px;margin-top:12px}.journey-preview-container{aspect-ratio:auto;width:100%;max-width:100%;height:400px}}@media (width<=600px){.journey-widget{padding:16px}.journey-step-btn{width:30px;height:30px;font-size:.8rem}.journey-line{top:15px}.journey-info-content h3{font-size:1.35rem}.journey-info-content p{font-size:.9rem}}.articles-sidebar{border-right:1px solid var(--border-subtle)}.article-card{text-align:left;border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;gap:6px;width:100%;padding:14px;transition:all .2s;display:flex}.article-card:hover{background:#ffffff0d;border-color:#f4a2614d;transform:translateY(-1px)}.article-card.active{border-color:var(--accent);background:#f4a26114;box-shadow:0 0 12px #f4a26126}.article-card .card-title{font-family:var(--font-display);color:var(--text-main);margin:0;font-size:.95rem;font-weight:600}.article-card .card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.article-card .card-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.article-card .card-meta .badge{padding:1px 6px;font-size:.6rem}.article-gated-pane{text-align:center;background:#14141980;border:1px solid #ff6e0026;border-radius:8px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin-top:16px;padding:40px 20px;display:flex}.article-interactive-box{background:#f4a2610d;border:1px solid #f4a26133;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:16px;display:flex}.article-interactive-box strong{color:var(--accent);margin-bottom:4px;font-size:.9rem;display:block}.article-interactive-box p{color:var(--text-muted);margin:0;font-size:.8rem}#article-body-content h3{font-family:var(--font-display);color:var(--accent);margin-top:24px;margin-bottom:12px;font-size:1.15rem;font-weight:600}#article-body-content p{color:var(--text-main);margin-bottom:14px;font-size:.88rem}#article-body-content ul,#article-body-content ol{margin-bottom:16px;padding-left:20px}#article-body-content li{color:var(--text-main);margin-bottom:8px;font-size:.88rem}.page-wrapper{z-index:1005;--wood-dark:#b8a287;--wood-med:#cdb597;--wood-warm:#8c3300;--timber-glass:#ffffffc2;--timber-glass-hover:#ffffffeb;--timber-border:#642d0559;--timber-border-hover:#642d05a6;--accent-rgb:140, 51, 0;--accent:#8c3300;--accent-hover:#752b00;--accent-glow:#8c330059;--text-main:#180d09;--text-muted:#4a3a32;--border-subtle:#642d0542;--bg-panel:#ffffffc7;--bg-panel-hover:#ffffffe6;--secondary:#0000000d;--secondary-hover:#00000017;background-color:var(--wood-med);width:100vw;height:100vh;color:var(--text-main);background-image:linear-gradient(#642d0517 1px,#0000 1px),linear-gradient(90deg,#642d0517 1px,#0000 1px),linear-gradient(#642d052e 1.5px,#0000 1.5px),linear-gradient(90deg,#642d052e 1.5px,#0000 1.5px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-attachment:local;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.page-wrapper.hidden{display:none!important}.page-wrapper .glass-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.page-header{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.page-header .logo{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.page-header .logo-link{color:var(--text-main);text-decoration:none;transition:color .2s}.page-header .logo-link:hover{color:var(--accent)}.page-header-actions{align-items:center;gap:8px;display:flex}.page-content{box-sizing:border-box;flex-grow:1;padding:24px;overflow:hidden}.directory-layout{box-sizing:border-box;gap:24px;height:100%;display:flex}.directory-sidebar{border:1px solid var(--border-subtle);background:var(--bg-panel);box-sizing:border-box;z-index:1;border-radius:12px;flex-direction:column;flex-shrink:0;gap:20px;width:280px;height:100%;padding:24px;display:flex;position:relative;top:auto;bottom:auto;overflow-y:auto}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:.72rem;font-weight:700}.search-input-wrapper{width:100%;position:relative}#article-search{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);box-sizing:border-box;background:#ffffff08;border-radius:6px;outline:none;padding:10px 32px 10px 12px;font-size:.88rem;transition:all .2s}#article-search:focus{border-color:var(--accent);background:#ffffff0f}.search-input-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sort-select{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);box-sizing:border-box;cursor:pointer;background:#0003;border-radius:6px;outline:none;padding:10px;font-size:.88rem;transition:all .2s}.sort-select:focus{border-color:var(--accent)}.category-filters{flex-direction:column;gap:6px;display:flex}.category-filter-btn{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.category-filter-btn:hover{color:var(--text-main);background:#ffffff08}.category-filter-btn.active{color:var(--accent);background:#f4a26114;border-color:#f4a26133;font-weight:600}.articles-grid-container{flex-grow:1;height:100%;padding-right:4px;overflow-y:auto}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:20px;display:grid}.no-results-state{text-align:center;height:250px;color:var(--text-muted);border:1px dashed #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.no-results-state svg{opacity:.4;color:var(--accent)}.article-grid-card{background:var(--bg-panel);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;flex-direction:column;height:380px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.article-grid-card:hover{border-color:#f4a26166;transform:translateY(-4px);box-shadow:0 12px 32px #0006}.article-grid-card .card-hero{background:#00000026;width:100%;height:160px;position:relative;overflow:hidden}.article-grid-card .card-hero img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-grid-card:hover .card-hero img{transform:scale(1.05)}.article-grid-card .card-body{flex-direction:column;flex-grow:1;gap:8px;padding:16px;display:flex}.article-grid-card .card-meta-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.article-grid-card .card-meta-row .badge{padding:1px 6px;font-size:.58rem}.article-grid-card .card-title{font-family:var(--font-display);color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:1.1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.article-grid-card .card-summary{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.article-grid-card .card-footer{border-top:1px solid var(--border-subtle);color:var(--accent);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.75rem;font-weight:600;display:flex}.reading-layout{justify-content:center;height:100%;display:flex;overflow-y:auto}.article-detail-container{background:var(--bg-panel);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:24px;width:100%;max-width:1100px;height:fit-content;margin-bottom:40px;padding:40px;display:flex}.detail-hero-container{aspect-ratio:21/9;background:#0003;border-radius:8px;width:100%;height:auto;max-height:450px;overflow:hidden}.detail-hero-container img{object-fit:cover;width:100%;height:100%}.detail-header-section h1{font-family:var(--font-display);color:var(--text-main);margin:0 0 10px;font-size:2.2rem;font-weight:800;line-height:1.25}.detail-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.detail-meta .meta-dot{opacity:.3}.detail-meta .badge{font-size:.7rem}.detail-body{color:var(--text-main);font-size:.95rem;line-height:1.7}.detail-body h3{font-family:var(--font-display);color:var(--accent);margin-top:28px;margin-bottom:12px;font-size:1.25rem;font-weight:600}.detail-body p{margin-bottom:16px}.detail-body ul,.detail-body ol{margin-bottom:20px;padding-left:20px}.detail-body li{margin-bottom:8px}.article-image-box{flex-direction:column;align-items:center;gap:8px;width:100%;margin:24px 0;display:flex}.article-image-box img{object-fit:contain;border:1px solid var(--border-subtle);border-radius:8px;width:100%;max-width:850px;max-height:600px;box-shadow:0 4px 12px #00000026}.article-image-box .image-caption{color:var(--text-muted);text-align:center;font-size:.8rem;font-style:italic}.article-video-container{border:1px solid var(--border-subtle);aspect-ratio:16/9;background:#000;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:850px;margin:24px auto;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.article-video-container video{object-fit:contain;cursor:pointer;width:100%;height:100%}.video-play-overlay-btn{color:#fff;cursor:pointer;z-index:2;background:#8c3300e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .25s;display:flex;position:absolute;box-shadow:0 4px 20px #0006}.video-play-overlay-btn svg{color:#fff;margin-left:6px}.video-play-overlay-btn:hover{background:var(--accent);transform:scale(1.1)}.article-video-container.playing .video-play-overlay-btn{opacity:0;pointer-events:none;visibility:hidden}.article-body-caption-text{text-align:center;color:var(--text-main);margin-top:-16px;margin-bottom:24px;font-size:1rem;font-weight:700;display:none!important}@media (width<=900px){.article-detail-container{gap:18px;padding:24px}.detail-hero-container{aspect-ratio:16/9;max-height:300px}.detail-header-section h1{font-size:1.8rem}.directory-layout{flex-direction:column;gap:20px;height:100%;padding-bottom:40px;overflow-y:auto}.directory-sidebar{box-sizing:border-box;width:100%;max-width:100%;height:auto;box-shadow:none;z-index:1;flex-shrink:0;gap:16px;padding:16px;position:relative;top:auto;bottom:auto}.articles-grid-container{height:auto;overflow-y:visible}}@media (width<=600px){.article-detail-container{gap:16px;padding:16px}.detail-hero-container{aspect-ratio:16/9;max-height:200px}.detail-header-section h1{font-size:1.5rem}.page-header .badge{display:none!important}.page-header{padding:0 12px}.page-header-actions{gap:4px}.page-header-actions .btn{padding:6px 10px;font-size:.75rem}.directory-sidebar{grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.directory-sidebar .filter-group:first-child,.directory-sidebar .filter-group:nth-child(2){grid-column:span 1}.directory-sidebar .filter-group:nth-child(3){grid-column:span 2}.category-filters{-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;margin-top:4px;padding-bottom:6px;overflow-x:auto}.category-filter-btn{white-space:nowrap;width:auto;padding:6px 12px;font-size:.8rem}.article-grid-card{height:auto}.article-grid-card .card-hero{height:140px}.hide-mobile{display:none!important}}@media (width<=768px){.page-header .badge{display:none!important}.page-header{padding:0 10px!important}.page-header .logo{gap:6px!important;font-size:1rem!important}@media (width<=480px){.page-header .logo-link{display:none!important}}.page-header-actions{flex-shrink:0!important;gap:6px!important}.page-header-actions .btn{text-transform:uppercase!important;letter-spacing:.3px!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:20px!important;flex-shrink:0!important;padding:6px 12px!important;font-size:.72rem!important;font-weight:600!important;transition:all .2s!important}.page-header-actions .btn-secondary{color:var(--text-main)!important;background:#ffffff0d!important;border:1px solid #ffffff14!important}.page-header-actions .btn-primary{background:var(--accent)!important;color:var(--text-dark)!important;border:1px solid #0000!important;box-shadow:0 4px 10px #f4a26133!important}.page-header-actions .btn-danger{color:#ef476f!important;background:#ef476f1a!important;border:1px solid #ef476f33!important}#btn-articles-back,#btn-detail-back{font-size:0!important}#btn-articles-back:after,#btn-detail-back:after{content:"←"!important;font-size:.75rem!important}#btn-articles-workbench,#btn-detail-workbench{font-size:0!important}#btn-articles-workbench:after,#btn-detail-workbench:after{content:"Bench"!important;font-size:.75rem!important}#btn-articles-profile,#btn-detail-profile{font-size:0!important}#btn-articles-profile:after,#btn-detail-profile:after{content:"Profile"!important;font-size:.75rem!important}#btn-articles-signout,#btn-detail-signout{font-size:0!important}#btn-articles-signout:after,#btn-detail-signout:after{content:"Exit"!important;font-size:.75rem!important}#btn-articles-signin,#btn-detail-signin{font-size:0!important}#btn-articles-signin:after,#btn-detail-signin:after{content:"Login"!important;font-size:.75rem!important}#btn-articles-signup,#btn-detail-signup{font-size:0!important}#btn-articles-signup:after,#btn-detail-signup:after{content:"Join"!important;font-size:.75rem!important}.article-interactive-box{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:16px!important}.article-interactive-box .box-details{text-align:center!important}.article-interactive-box .btn{justify-content:center!important;width:100%!important}html,body{overflow-x:hidden!important}}