2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
|
@import"https://fonts.googleapis.com/css2?family=Iceland&family=JetBrains+Mono:wght@400;600&family=Russo+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Iceland&family=Russo+One&family=VT323&display=swap";:root{--font-headline: "Russo One", sans-serif;--font-ui: "VT323", "Iceland", sans-serif;--terminal-green: #7dff9b;--terminal-green-soft: #b9ffca;--terminal-green-dim: #5fd67b;--terminal-green-muted: #4f7b59;--terminal-panel-border: rgba(125, 255, 155, .22);font-family:var(--font-ui)}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(125,255,155,.12),transparent 26%),radial-gradient(circle at top right,rgba(255,184,77,.08),transparent 22%),linear-gradient(180deg,#040605,#070b08 46%,#050505);color:var(--terminal-green-soft);font-family:var(--font-ui);letter-spacing:.04em;text-shadow:0 0 10px rgba(125,255,155,.08)}#root{width:100%;height:100vh}html,body{width:100%;height:100%;min-height:100%}button,input,select,textarea{font:inherit}code{font-family:SFMono-Regular,Menlo,monospace}.gallery-shell{display:grid;grid-template-columns:280px minmax(0,1fr);width:100%;height:100%}.gallery-sidebar{display:flex;flex-direction:column;gap:22px;padding:24px 18px;border-right:1px solid rgba(125,255,155,.14);background:#060a08eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:auto}.gallery-sidebar-header h1,.gallery-toolbar h2,.gallery-section-header h2,.gallery-section-header h3{margin:0;font-family:var(--font-headline);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.gallery-sidebar-header h1{font-size:1.7rem}.gallery-sidebar-header p,.gallery-toolbar-subtitle,.gallery-muted,.gallery-list-subtitle,.gallery-list-note,.gallery-control-help,.gallery-log-time,.gallery-metadata dt{color:var(--terminal-green-muted)}.gallery-sidebar-header p,.gallery-toolbar-subtitle,.gallery-muted,.gallery-list-note,.gallery-control-help{font-size:.95rem}.gallery-eyebrow{display:inline-flex;margin-bottom:6px;color:var(--terminal-green-dim);font-size:.95rem;text-transform:uppercase;letter-spacing:.18em}.gallery-section{display:flex;flex-direction:column;gap:10px}.gallery-section-header,.gallery-panel-header,.gallery-log-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-list{display:flex;flex-direction:column;gap:10px}.gallery-list-item{display:flex;align-items:stretch;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid rgba(125,255,155,.14);border-radius:16px;background:#0d1510e0;color:inherit;text-align:left}button.gallery-list-item{cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}button.gallery-list-item:hover{transform:translateY(-1px);border-color:#7dff9b57;background:#121d16f0}.gallery-list-item.is-active{border-color:#7dff9b80;box-shadow:0 0 0 1px #7dff9b2e,inset 0 0 0 1px #7dff9b1f}.gallery-list-item.is-disabled{opacity:.7}.gallery-list-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.gallery-list-title{color:var(--terminal-green-soft);font-size:1.08rem}.gallery-list-subtitle{font-family:SFMono-Regular,Menlo,monospace;font-size:.72rem;word-break:break-word}.gallery-list-note{line-height:1.2}.gallery-list-thumb{--gallery-card-accent: hsl(var(--gallery-card-hue, 120) 80% 70%);width:84px;min-width:84px;border-radius:14px;padding:1px;background:linear-gradient(145deg,color-mix(in srgb,var(--gallery-card-accent) 72%,transparent),transparent 62%),#7dff9b1f}.gallery-list-thumb-frame{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:84px;padding:10px;border-radius:13px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--gallery-card-accent) 26%,transparent),transparent 58%),linear-gradient(180deg,#080d0af5,#060907fa)}.gallery-list-thumb-type,.gallery-list-thumb-id{font-size:.64rem;line-height:1;text-transform:uppercase;letter-spacing:.12em}.gallery-list-thumb-type{color:color-mix(in srgb,var(--gallery-card-accent) 72%,white)}.gallery-list-thumb-frame strong{color:
|