.back-link[data-astro-cid-c4cqltiy]{position:fixed;top:var(--space-2);left:var(--space-2);z-index:1000;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.back-link[data-astro-cid-c4cqltiy]:hover{border-color:var(--color-primary);background-color:var(--color-card)}.back-link[data-astro-cid-c4cqltiy] svg[data-astro-cid-c4cqltiy]{width:20px;height:20px}.app-shell{width:100%;max-width:420px;min-height:100vh;margin:0 auto;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);display:flex;flex-direction:column;position:relative;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 16px;--icon-size-sm: 17px;--icon-size-md: 18px}.app-shell.sim-fullscreen{position:fixed;inset:0;max-width:100%;z-index:999}.topbar{display:flex;align-items:center;gap:10px;padding:16px 18px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}#paletteName{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-sans);font-weight:var(--weight-x);font-size:19px;color:var(--color-text);padding:6px 4px;border-radius:var(--radius-sm);border-bottom:1.5px solid transparent}#paletteName:focus{outline:none;border-bottom-color:var(--color-primary)}.icon-btn{width:34px;height:34px;flex-shrink:0;border:none;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);padding:0}.icon-btn:hover{color:var(--color-text);background:#ffffff0f}.icon-btn.active{color:var(--color-background);background:var(--color-primary)}.icon-btn svg{width:var(--icon-size-md);height:var(--icon-size-md)}.grid-section{flex:1;padding:16px;overflow-y:auto}.grid-section.hidden{display:none}.grid-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:nowrap;white-space:nowrap}.grid-meta h2{font-size:12.5px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0;line-height:1}.clear-link{background:none;border:none;font-family:var(--font-sans);font-size:12.5px;font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0;line-height:1}.swatch-list{display:flex;flex-direction:column;gap:6px}.swatch-bar{position:relative;height:92px;border-radius:var(--radius-lg);animation:pop .15s ease}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.swatch-hex-label{position:absolute;left:16px;bottom:10px;font-family:SF Mono,Menlo,monospace;font-size:16px;font-weight:700;letter-spacing:.01em}.swatch-controls{position:absolute;right:12px;bottom:8px;display:flex;align-items:center;gap:4px}.mini-btn{width:30px;height:30px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85}.mini-btn:hover{opacity:1}.mini-btn svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.mini-btn:disabled{opacity:.25;cursor:not-allowed}.empty-state{border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);padding:36px 16px;text-align:center;color:var(--color-text-muted);font-size:14.5px}.add-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border)}.add-bar.hidden{display:none}.hex-field{flex:1;height:52px;display:flex;align-items:center;gap:10px;background:var(--color-card);border-radius:var(--radius-md);padding:0 6px 0 16px;border:1.5px solid transparent}.hex-field:focus-within{border-color:var(--color-primary)}.hex-preview-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}#hexInput{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:SF Mono,Menlo,monospace;font-size:15.5px;color:var(--color-text);padding:0}#hexInput::placeholder{color:var(--color-text-muted);font-family:var(--font-sans);font-size:14.5px}.add-btn{width:76px;height:52px;flex-shrink:0;border:none;border-radius:var(--radius-md);background:var(--color-primary-dark);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #6e886a80}.add-btn:hover:not(:disabled){background:var(--color-primary)}.add-btn:active:not(:disabled){background:#5b7057}.add-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.add-btn svg{width:20px;height:20px}.hint-error{padding:0 16px 8px;font-size:12.5px;color:var(--color-accent);min-height:16px}.search-section{flex:1;padding:16px;display:none;flex-direction:column;min-height:0}.search-section.active{display:flex}.search-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-input{flex:1;border:1.5px solid transparent;background:var(--color-card);color:var(--color-text);border-radius:var(--radius-md);padding:11px 16px;font-family:var(--font-sans);font-size:15.5px;outline:none}.search-input:focus{border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-text-muted)}.search-close{width:34px;height:34px;flex-shrink:0;border:none;background:var(--color-card);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.search-close:hover{color:var(--color-text)}.saved-list{overflow-y:auto}.saved-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:var(--radius-sm);cursor:pointer}.saved-row:hover{background:var(--color-card)}.saved-row-swatches{display:flex;flex-shrink:0}.saved-row-swatches span{width:16px;height:16px;border-radius:4px;margin-left:-4px;border:1.5px solid var(--color-background)}.saved-row-swatches span:first-child{margin-left:0}.saved-row-name{font-size:15px;font-weight:var(--weight-medium);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-row-count{font-size:12.5px;color:var(--color-text-muted);flex-shrink:0}.saved-empty{color:var(--color-text-muted);font-size:14.5px;text-align:center;padding:30px 10px}