:root{--bg-primary: #0D1117;--bg-secondary: #161B22;--bg-tertiary: #21262D;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent: #38bdf8;--accent-hover: #0ea5e9;--border: #30363d;--radius: 6px;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--shadow-subtle: 0 4px 6px rgba(0, 0, 0, .2);--text-on-accent: #FFFFFF;--gradient-gold: none;--btn-background: var(--accent);--btn-background-hover: var(--accent-hover);--btn-text: var(--text-on-accent);--header-color: var(--accent);--danger: #ff4d4d;--danger-hover: #cc0000}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s,color .3s}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}button{cursor:pointer;border:none;font-family:inherit;transition:all .15s ease-out}.sidebar-toggle{padding:.5rem;background:transparent;color:var(--text-primary);font-size:1.5rem;display:flex;align-items:center;justify-content:center}.primary-button{padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;background:var(--btn-background);color:var(--btn-text);box-shadow:0 4px 8px #0000004d;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.primary-button:hover{background:var(--btn-background-hover);transform:translateY(-1px);box-shadow:0 6px 10px #0006}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.container{display:flex;height:100vh;overflow:hidden;position:relative}.main-content{flex-grow:1;overflow-y:auto;min-width:0;display:flex;flex-direction:column}.panel,textarea,.selector-card{box-shadow:var(--shadow-subtle)}.mobile-header{display:none;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:.75rem 1rem;z-index:50;position:sticky;top:0}.logo-group{display:flex;align-items:center;font-weight:600;color:var(--text-primary);font-size:1.2rem}.logo-group span{color:var(--text-primary)}.logo-image{width:24px;height:24px;margin-right:8px;background-color:var(--accent);-webkit-mask-image:url(/logo.svg);mask-image:url(/logo.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.theme-dark-black-gold{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #f8f8f8;--text-secondary: #d4af37;--accent: #d4af37;--accent-hover: #ffd700;--border: #33260f;--text-on-accent: #000000;--shadow-subtle: 0 4px 12px rgba(212, 175, 55, .2);--gradient-gold: linear-gradient(160deg, #FFEC8B 5%, #D4AF37 30%, #B8860B 50%, #D4AF37 70%, #FFEC8B 95%);--btn-background: var(--gradient-gold);--btn-background-hover: var(--gradient-gold);--header-color: var(--gradient-gold)}.theme-dark-deep-sea{--bg-primary: #0a0e2a;--bg-secondary: #121a40;--bg-tertiary: #1c285a;--text-primary: #e0e6ff;--text-secondary: #8a95c9;--accent: #3182ce;--accent-hover: #5e35b1;--border: #2a2e4a;--text-on-accent: #ffffff;--shadow-subtle: 0 4px 12px rgba(126, 87, 194, .3);--gradient-gold: none}.theme-light-default{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #eef2f7;--text-primary: #2d3748;--text-secondary: #718096;--accent: #4299e1;--accent-hover: #3182ce;--border: #e2e8f0;--text-on-accent: #ffffff;--shadow-subtle: 0 4px 12px rgba(66, 153, 225, .1);--gradient-gold: none;--btn-background: var(--accent);--btn-background-hover: var(--accent-hover)}.theme-light-quartz{--bg-primary: #fdfdfd;--bg-secondary: #f8f6f2;--bg-tertiary: #f0ebe1;--text-primary: #333333;--text-secondary: #8b7355;--accent: #b8860b;--accent-hover: #daa520;--border: #d4c19c;--text-on-accent: #333333;--shadow-subtle: 0 4px 12px rgba(184, 134, 11, .15);--gradient-gold: linear-gradient(160deg, #FFEC8B 5%, #D4AF37 30%, #B8860B 50%, #D4AF37 70%, #FFEC8B 95%);--btn-background: var(--gradient-gold);--btn-background-hover: var(--gradient-gold);--header-color: var(--gradient-gold)}.theme-light-mint-teal{--bg-primary: #f8fffd;--bg-secondary: #edfaf8;--bg-tertiary: #ddf5f0;--text-primary: #1a4b41;--text-secondary: #4a7c76;--accent: #20b2aa;--accent-hover: #008b8b;--border: #cdeae6;--text-on-accent: #ffffff;--shadow-subtle: 0 4px 12px rgba(32, 178, 170, .15);--gradient-gold: none;--btn-background: var(--accent);--btn-background-hover: var(--accent-hover)}.theme-dark-black-gold .primary-button:hover,.theme-light-quartz .primary-button:hover{position:relative;overflow:hidden}.theme-dark-black-gold .primary-button:hover:after,.theme-light-quartz .primary-button:hover:after{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-20deg);animation:glint 1s forwards}@keyframes glint{to{left:200%}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 3rem .75rem 1rem;font-family:var(--font-family);font-size:1rem;line-height:1.5;cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%238b949e' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.8em}select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38bdf833}select option{background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem 1rem}.theme-dark-black-gold select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23d4af37' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E")}.theme-dark-deep-sea select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%238a95c9' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E")}.theme-light-default select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23718096' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E")}.theme-light-quartz select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%238b7355' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E")}.theme-light-mint-teal select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%234a7c76' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3E%3C/svg%3E")}@media(max-width:768px){.mobile-header{display:flex}}.sidebar{width:260px;background-color:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease,box-shadow .3s ease;z-index:100;flex-shrink:0}.theme-dark-black-gold .sidebar,.theme-light-quartz .sidebar{border-image:var(--gradient-gold) 1;border-image-slice:1;border-style:solid;border-width:0 1px 0 0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sidebar h2{margin:0;color:var(--header-color);background:var(--header-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem;letter-spacing:.5px}.nav-menu h3,.history-section h3{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin:1.5rem 0 .75rem}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.nav-item{background:transparent;color:var(--text-secondary);text-align:left;padding:.6rem .75rem;border-radius:var(--radius);transition:all .2s;font-weight:500;border:1px solid transparent}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 5px #38bdf866}.theme-dark-black-gold .nav-item,.theme-light-quartz .nav-item{color:#8b949e}.theme-dark-black-gold .nav-item.active,.theme-light-quartz .nav-item.active{color:var(--accent);border:1px solid transparent;border-image:var(--gradient-gold) 1;border-image-slice:1;border-style:solid;box-shadow:var(--shadow-subtle)}.history-section{flex:1;overflow-y:hidden;display:flex;flex-direction:column;padding-top:1rem}.theme-dark-black-gold .history-section,.theme-light-quartz .history-section{border-image:var(--gradient-gold) 1;border-image-slice:1;border-style:solid;border-width:1px 0 0 0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.refresh-btn{background:transparent!important;color:var(--text-secondary);font-size:.9rem;padding:.3rem .5rem}.refresh-btn:hover{background:transparent!important;color:var(--text-primary);transform:rotate(360deg)}.theme-dark-black-gold .refresh-btn:hover,.theme-light-quartz .refresh-btn:hover{background:transparent!important;color:var(--text-primary)}.history-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.history-card{background:var(--bg-tertiary);border-radius:var(--radius);padding:.75rem;cursor:pointer;transition:background .15s ease;display:flex;justify-content:space-between;align-items:center;border-left:3px solid transparent}.history-card:hover{background:var(--border);border-left:3px solid var(--accent)}.theme-dark-black-gold .history-card:hover,.theme-light-quartz .history-card:hover{border-image:var(--gradient-gold) 1;border-image-slice:1;border-style:solid;border-width:0 0 0 3px;background:var(--bg-tertiary)}.history-card-content{display:flex;flex-direction:column;flex-grow:1}.icon-btn{background:transparent;color:var(--text-primary);font-size:1.2rem;padding:.25rem .5rem;border-radius:var(--radius)}.icon-btn:hover{background-color:var(--bg-tertiary)}.delete-item-btn{background:transparent;color:var(--text-secondary);font-size:1rem;padding:4px 8px;border-radius:4px;margin-left:8px;opacity:.6;transition:all .2s;flex-shrink:0}.history-card:hover .delete-item-btn{opacity:1}.delete-item-btn:hover{background-color:#ff4d4d1a;color:var(--danger);transform:scale(1.1)}.history-type{font-weight:700;font-size:.9rem;color:var(--text-primary)}.history-date{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.close-btn{background:none;color:var(--text-secondary);font-size:1rem;line-height:1;padding:.2rem;display:none}.theme-selector-section{padding:1rem;border-top:1px solid var(--border);margin-bottom:1rem}.theme-dark-black-gold .theme-selector-section,.theme-light-quartz .theme-selector-section{border-top:none;border-bottom:none;border-image-source:var(--gradient-gold);border-image-slice:1;border-style:solid;border-width:1px 0 0 0!important}.theme-selector-section h3{margin-top:0;margin-bottom:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.theme-select-dropdown{width:100%;padding:.75rem 1rem;font-size:.9rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23c9d1d9'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.92l3.71-3.69a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem 1.25rem}.theme-select-dropdown:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.theme-select-dropdown optgroup{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.theme-select-dropdown option{background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem}@media(max-width:768px){.sidebar{position:absolute;height:100%;transform:translate(-100%);box-shadow:var(--shadow-subtle);border-right:none}.sidebar.open{transform:translate(0)}.close-btn{display:block}}.theme-dark-black-gold .nav-item{color:#bbbccb!important}.nav-menu i{text-decoration:none;margin-right:5px}.nav-menu a{text-decoration:none}.theme-dark-black-gold .nav-item.active{color:var(--accent)!important}.theme-dark-black-gold .nav-item:hover{color:var(--text-primary)!important}.delete-item-btn i,.delete-item-btn .fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;color:inherit}.module-container{padding:2rem;height:100%;display:flex;flex-direction:column}.module-header{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.module-header h1{color:var(--header-color);background:var(--header-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem;font-size:1.8rem}.module-description{color:var(--text-secondary)}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex:1;min-height:0}.panel{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--border);box-shadow:var(--shadow-subtle)}.panel h3{margin-top:0;color:var(--header-color);background:var(--header-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--bg-tertiary);padding-bottom:.75rem;margin-bottom:1.5rem;font-weight:600}.theme-dark-black-gold .panel h3,.theme-light-quartz .panel h3{border-bottom:1px solid transparent;border-image:var(--gradient-gold) 1;border-image-slice:1;border-style:solid;border-width:0 0 1px 0}textarea{flex:1;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;resize:none;font-family:monospace;font-size:.9rem;line-height:1.5;box-shadow:var(--shadow-subtle);outline:none;transition:border-color .2s ease}textarea:focus{border-color:var(--accent)}.action-row{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.placeholder-text{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.1rem;text-align:center}.results-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.ai-summary{background:var(--bg-tertiary);border:1px solid var(--border);padding:1rem;line-height:1.6;border-radius:var(--radius);overflow-y:auto}.ai-summary strong{color:var(--header-color);background:var(--header-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:.5rem}.selectors-list{display:flex;flex-direction:column;gap:1rem;flex-grow:1;overflow-y:auto}.selector-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.selector-bar{margin-bottom:1rem}.selector-name{color:var(--text-secondary);font-family:monospace;font-weight:600;margin-bottom:.5rem;font-size:.85rem}.tailwind-code{background:var(--bg-tertiary);padding:.75rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border)}.theme-dark-black-gold .tailwind-code,.theme-light-quartz .tailwind-code{border-image:var(--gradient-gold) 1;border-image-slice:1;border-style:solid;border-width:1px}.tailwind-code code,.code-pre{color:var(--accent);font-family:monospace;word-break:break-all;white-space:pre-wrap;flex-grow:1;margin:0}.copy-btn{background:var(--accent);color:var(--bg-primary);padding:.25rem .5rem;margin-left:1rem;border-radius:4px;flex-shrink:0}.copy-btn:hover{background:var(--accent-hover)}.secondary-action-btn{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.card-actions{display:flex;gap:8px;margin-top:10px}.theme-dark-black-gold .copy-btn,.theme-light-quartz .copy-btn{background:var(--btn-background);color:var(--text-on-accent)}.placeholder-container{display:flex;justify-content:center;align-items:center;height:60vh}.placeholder-panel{text-align:center;padding:3rem;max-width:500px}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--accent)}.placeholder-message{color:var(--text-secondary);font-size:1.1rem}.flex-grow{flex-grow:1}.action-row.start{justify-content:flex-start}.action-row.between{justify-content:space-between}.action-row.center-y{align-items:center}.label-text{color:var(--text-secondary);margin-right:10px;font-size:.9rem;font-weight:500}.output-wrapper{position:relative;flex:1;display:flex;flex-direction:column;height:100%}.output-textarea{height:100%;padding-right:4rem}.copy-btn-absolute{position:absolute;top:1rem;right:1rem}.has-error{border-color:#ff4d4d!important}.error-message{color:#ff4d4d;margin-top:.5rem;font-size:.85rem}.code-accent{color:var(--accent);font-family:monospace}.code-output-container{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.output-textarea{flex:1;width:100%;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-family:monospace;font-size:.9rem;resize:none;outline:none;line-height:1.5}.output-textarea:focus{border-color:var(--accent)}@media(max-width:768px){.converter-grid{grid-template-columns:1fr;gap:1.5rem}}