:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary: #f0f2f5;--bg-card: #ffffff;--text-primary: #1c1e21;--text-secondary: #65676b;--text-tertiary: #8a8d91;--border-color: #dddfe2;--input-bg: #ffffff;--input-border: #ccd0d5;--brand-color: #3b82f6;--brand-color-hover: #2563eb;--button-disabled-opacity: .5;--shadow: 0 1px 2px rgba(0, 0, 0, .1)}.dark{--bg-primary: #18191a;--bg-card: #242526;--text-primary: #e4e6eb;--text-secondary: #b0b3b8;--text-tertiary: #8a8d91;--border-color: #3e4042;--input-bg: #3a3b3c;--input-border: #4e4f50;--brand-color: #4b89e8;--brand-color-hover: #5f9cfb;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);transition:background-color .2s,color .2s}.app{max-width:800px;margin:1rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1.5rem}main{display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.brand{display:flex;align-items:center;gap:.75rem}.brand h1{margin:0;font-size:1.75rem}.controls{display:flex;align-items:center;gap:1rem}.controls a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:.25rem .5rem;border-radius:6px;transition:background-color .2s,color .2s}.controls a:hover{color:var(--text-primary)}.controls a.active{color:var(--brand-color);background-color:#3b82f61a}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);transition:background-color .2s,border-color .2s}.form-input,.form-textarea{width:100%;padding:.5rem .75rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:6px;margin-top:.25rem;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 1px var(--brand-color)}.form-label{font-weight:500;font-size:.875rem}.primary-button{width:100%;padding:.6rem 1rem;border:none;border-radius:6px;font-weight:600;color:#fff;background-color:var(--brand-color);cursor:pointer;transition:background-color .2s}.primary-button:hover{background-color:var(--brand-color-hover)}.primary-button:disabled{opacity:var(--button-disabled-opacity);cursor:not-allowed}.small{font-size:.875rem;color:var(--text-secondary)}.file-grid{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.file-item:last-child{border-bottom:none}.file-item-info{overflow:hidden;text-overflow:ellipsis;min-width:0}.file-item-info h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-info h3 svg{flex-shrink:0}.file-item-info p{margin:.25rem 0;color:var(--text-secondary)}.file-item-info small{color:var(--text-tertiary)}.file-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-left:1rem}.download-button{padding:.4rem .8rem;border:none;border-radius:6px;color:#fff;background-color:#10b981;cursor:pointer;font-weight:500}.download-button:disabled{opacity:.5;cursor:wait}.secondary-button{padding:.4rem .8rem;border-radius:6px;cursor:pointer;background-color:var(--input-border);color:var(--text-primary);border:none;font-weight:500;transition:background-color .2s}.secondary-button:hover{background-color:var(--border-color)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.search-bar{margin-bottom:1rem}.search-bar .form-input{margin-top:0}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background:var(--bg-card);padding:1.5rem;border-radius:8px;width:100%;max-width:380px;margin:1rem}.modal-content h2{margin-top:0}.modal-error{color:#f87171;font-size:.875rem;margin-top:.5rem}.modal-buttons{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.modal-buttons button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500}.modal-buttons .secondary-btn{background-color:var(--input-border);color:var(--text-primary)}.about-page{line-height:1.6}.about-page h2{margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.about-page h4{margin-bottom:.5rem}.about-page ul{padding-left:20px}.about-page li{margin-bottom:.5rem}.footer{text-align:center;padding:1rem;font-size:.875rem;color:var(--text-secondary)}@media (min-width: 768px){.app{margin:2rem auto}.header{flex-direction:row;justify-content:space-between}.brand h1{font-size:2rem}}@media (max-width: 480px){.file-item{flex-direction:column;align-items:flex-start;gap:.75rem}.file-item-actions{width:100%;justify-content:flex-end;padding-left:0}}.card-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(2,1fr)}}.snippet-body{font-family:Consolas,Courier New,monospace;font-size:.9rem;line-height:1.5;background-color:var(--bg-primary)!important}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.dark select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}