.topbar[data-v-aacb2436]{background-color:var(--surface-card);box-shadow:0 2px 4px #0000001a}.nav-links[data-v-aacb2436]{gap:.5rem}.nav-link[data-v-aacb2436],.nav-link[data-v-aacb2436]:hover{text-decoration:none}.topbar[data-v-aacb2436] .p-button.p-button-text{color:var(--text-color-secondary)}.topbar[data-v-aacb2436] .p-button.p-button-text:focus,.topbar[data-v-aacb2436] .p-button.p-button-text:hover{background-color:var(--surface-hover);color:var(--text-color)}.nav-link[data-v-aacb2436] .p-button.p-button-text:hover{color:var(--primary-color)}.topbar[data-v-aacb2436] .p-button-rounded .p-button-label{display:none}.dev-panel[data-v-aacb2436]{animation:slideIn-aacb2436 .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-card,#fff);border:1px solid var(--surface-border,#e5e7eb);border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:80vh;overflow-y:auto;padding:1rem;position:absolute;right:0;top:50px;width:320px;z-index:1000}@keyframes slideIn-aacb2436{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dev-panel-header[data-v-aacb2436]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dev-panel-header h4[data-v-aacb2436]{color:var(--text-color,#1a202c);font-size:1rem;font-weight:600;margin:0}.dev-theme-toggle[data-v-aacb2436]{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.dev-theme-toggle label[data-v-aacb2436]{color:var(--text-color-secondary,#718096);font-weight:500}.dev-color-groups[data-v-aacb2436]{max-height:50vh;overflow-y:auto}.dev-color-group h5[data-v-aacb2436]{color:var(--text-color,#1a202c);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.dev-color-items[data-v-aacb2436]{display:flex;flex-direction:column;gap:.75rem}.dev-color-item[data-v-aacb2436]{align-items:center;display:flex;gap:.5rem}.dev-color-item label[data-v-aacb2436]{color:var(--text-color-secondary,#718096);font-size:.75rem;font-weight:500;min-width:80px}.dev-color-item .p-inputtext[data-v-aacb2436]{flex:1;font-size:.75rem;min-width:0}.dev-font-options[data-v-aacb2436]{display:flex;flex-direction:column;gap:.5rem}.dev-font-option[data-v-aacb2436]{align-items:center;display:flex;gap:.5rem}.dev-font-option input[type=radio][data-v-aacb2436]{accent-color:var(--primary-color,#ff4500);height:14px;margin:0;width:14px}.dev-font-option label[data-v-aacb2436]{color:var(--text-color-secondary,#718096);cursor:pointer;font-size:.75rem;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dev-font-option input[type=radio]:checked+label[data-v-aacb2436]{color:var(--text-color,#1a202c);font-weight:600}.dev-actions[data-v-aacb2436]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.dev-actions .p-button[data-v-aacb2436]{flex:1;min-width:0}html.dark .dev-panel[data-v-aacb2436]{background:var(--surface-card,#1e293b);border-color:var(--surface-border,#374151)}.dev-color-groups[data-v-aacb2436]::-webkit-scrollbar,.dev-panel[data-v-aacb2436]::-webkit-scrollbar{width:6px}.dev-color-groups[data-v-aacb2436]::-webkit-scrollbar-track,.dev-panel[data-v-aacb2436]::-webkit-scrollbar-track{background:transparent}.dev-color-groups[data-v-aacb2436]::-webkit-scrollbar-thumb,.dev-panel[data-v-aacb2436]::-webkit-scrollbar-thumb{background:var(--surface-border,#e5e7eb);border-radius:3px}.dev-color-groups[data-v-aacb2436]::-webkit-scrollbar-thumb:hover,.dev-panel[data-v-aacb2436]::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary,#718096)}@media (max-width:768px){.topbar[data-v-aacb2436]{flex-wrap:wrap;gap:.5rem;padding:1rem}.nav-links[data-v-aacb2436]{flex:1;justify-content:flex-start}.topbar-controls[data-v-aacb2436]{justify-content:flex-end}.dev-panel[data-v-aacb2436]{max-height:70vh;width:280px}.dev-color-item[data-v-aacb2436]{align-items:stretch;flex-direction:column}.dev-color-item label[data-v-aacb2436]{min-width:auto}}.p-colorpicker-panel{z-index:10000!important}.layout-wrapper{background-color:var(--surface-ground);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease-in-out,color .3s ease-in-out}.layout-content{flex-grow:1;margin:0 auto;max-width:900px;padding:2rem;width:100%}.site-footer{background-color:var(--surface-ground);color:var(--text-color-secondary)}@media screen and (max-width:768px){.layout-content{padding:1rem}}@media screen and (max-width:576px){.layout-content{padding:.5rem}}