:root{--bg:#fafaf8;--bg-elev:#fff;--ink:#111;--ink-mute:#5a5a5a;--line:#e6e4df;--line-strong:#bcb9b1;--accent:#b46a2a;--frame:#1a1a1a;--font-sans:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;--radius-sm:2px;--radius-md:4px}@media (prefers-color-scheme:dark){:root{--bg:#0d0d0c;--bg-elev:#161614;--ink:#f1efe9;--ink-mute:#8c8a83;--line:#2a2925;--line-strong:#3a3833;--frame:#f1efe9}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.nav{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:24px;padding:14px 24px;font-size:12px;display:flex}.nav .brand{letter-spacing:.18em;white-space:nowrap;font-weight:600}.nav .links{color:var(--ink-mute);scrollbar-width:none;gap:18px;min-width:0;margin-left:8px;display:flex;overflow-x:auto}.nav .links::-webkit-scrollbar{display:none}.nav .links a{white-space:nowrap}.nav .links a.active{color:var(--ink)}.nav .spacer{flex:1}.nav .env{color:var(--accent);white-space:nowrap}@media (max-width:720px){.nav{gap:10px;padding:10px 14px;font-size:11px}.nav .brand{letter-spacing:.12em}.nav .user-email{display:none}.nav .links{border-top:1px solid var(--line);flex-basis:100%;order:10;gap:14px;margin-left:-14px;margin-right:-14px;padding:6px 14px 0}}.page{max-width:1280px;margin:0 auto;padding:24px}.page h1{letter-spacing:.02em;margin:0 0 4px;font-size:18px;font-weight:500}.page .meta{font-family:var(--font-mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-size:11px}.contact-sheet{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.frame{aspect-ratio:4/3;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);position:relative;overflow:hidden}.frame .bracket{border:1.5px solid var(--frame);width:14px;height:14px;position:absolute}.frame .bracket.tl{border-bottom:none;border-right:none;top:6px;left:6px}.frame .bracket.tr{border-bottom:none;border-left:none;top:6px;right:6px}.frame .bracket.bl{border-top:none;border-right:none;bottom:6px;left:6px}.frame .bracket.br{border-top:none;border-left:none;bottom:6px;right:6px}.frame .placeholder{color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.08em;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.cell-meta{font-family:var(--font-mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.gallery-toolbar{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;font-size:11px;display:flex}.selection-actions,.export-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.selection-count{color:var(--ink-mute)}.download-options{border:1px solid var(--line);background:var(--bg-elev);align-items:center;gap:6px;padding:4px;display:flex}.download-options button{color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:11px}.download-options button:hover,.download-options button:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.dream-detail-btn:disabled{cursor:not-allowed;opacity:.45}.selectable-cell{border-radius:var(--radius-md);border:1px solid #0000;margin:-6px;padding:6px;position:relative}.contact-sheet.is-selecting .selectable-cell{cursor:pointer}.contact-sheet.is-selecting .selectable-cell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.selectable-cell.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.select-check{z-index:2;border:1px solid var(--line-strong);background:var(--bg-elev);width:26px;height:26px;color:var(--accent);font-family:var(--font-mono);pointer-events:none;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid;position:absolute;top:12px;left:12px}.export-error{border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;padding:10px 12px;font-size:11px}@media (max-width:720px){.gallery-toolbar{flex-direction:column;align-items:flex-start}}.empty-state{border:1px dashed var(--line-strong);text-align:center;color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.05em;padding:36px;font-size:12px}.row{border-bottom:1px solid var(--line);font-family:var(--font-mono);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.row .name{color:var(--ink);flex:1}.row .chip{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em}.row .chip.online{color:var(--accent)}.dream-detail{max-width:1120px}.dream-detail-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}@media (max-width:720px){.dream-detail-grid{grid-template-columns:1fr}}.dream-detail-main{min-width:0}.dream-detail-side{border-left:1px solid var(--line);padding-left:20px}@media (max-width:720px){.dream-detail-side{border-left:none;border-top:1px solid var(--line);margin-top:8px;padding-top:18px;padding-left:0}}.dream-detail-side-title{font-size:12px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 14px;font-weight:500}.dream-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.dream-detail-btn{border:1px solid var(--line-strong);color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 14px;font-size:11px;text-decoration:none;display:inline-block}.dream-detail-btn:hover{border-color:var(--frame);color:var(--ink)}.dream-detail-btn-muted{color:var(--ink-mute)}.dream-detail-btn-muted:hover{color:var(--ink)}.dream-detail-btn-danger{border:1px solid var(--line-strong);color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 12px;font-size:10px}.dream-detail-btn-danger:hover{color:var(--accent);border-color:var(--accent)}.dream-detail-danger{border-top:1px dashed var(--line);margin-top:22px;padding-top:14px}.dream-meta-block{margin-bottom:14px}.dream-meta-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px;font-size:10px}.dream-meta-value{font-family:var(--font-sans);color:var(--ink);font-size:13px}.dream-meta-value-mono{font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;font-size:11px}.dream-meta-value-muted{font-family:var(--font-mono);color:var(--ink-mute);font-size:11px}.dream-thumb-link{display:block}.dream-thumb-frame{aspect-ratio:4/3;background:var(--bg-elev);border:1px solid var(--line);width:100%;position:relative;overflow:hidden}.dream-thumb-frame .bracket{border:1.5px solid var(--frame);width:10px;height:10px;position:absolute}.dream-thumb-frame .bracket.tl{border-bottom:none;border-right:none;top:4px;left:4px}.dream-thumb-frame .bracket.tr{border-bottom:none;border-left:none;top:4px;right:4px}.dream-thumb-frame .bracket.bl{border-top:none;border-right:none;bottom:4px;left:4px}.dream-thumb-frame .bracket.br{border-top:none;border-left:none;bottom:4px;right:4px}.dream-thumb-frame img{object-fit:cover;width:100%;height:100%;display:block}.dream-original-modal{z-index:50;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.dream-original-modal-open{display:flex}.dream-original-modal-backdrop{cursor:pointer;background:#000000b8;border:none;padding:0;position:absolute;inset:0}.dream-original-modal-inner{z-index:1;max-width:min(960px,100%);max-height:100%;position:relative;overflow:auto}:root{--radius-lg:10px}.nav-avatar{border:1px solid var(--line-strong);width:32px;height:32px;font-family:var(--font-mono);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:inline-flex;overflow:hidden}.nav-avatar img{object-fit:cover;width:100%;height:100%}.chip{border:1px solid var(--line);color:var(--ink-mute);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;min-height:30px;padding:6px 14px;font-size:11px}.chip-active{border-color:var(--ink);color:var(--ink);font-weight:600}.chip-row{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.style-search{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg-elev);width:100%;color:var(--ink);font-family:var(--font-mono);margin-bottom:10px;padding:10px 12px;font-size:13px}:root{--capture-bar-h:88px}.style-grid{padding-bottom:calc(var(--capture-bar-h) + 16px);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px;display:grid}.contact-sheet-reserve{padding-bottom:calc(var(--capture-bar-h) + 16px)}.page-with-capture-bar{padding-bottom:calc(var(--capture-bar-h) + 22px)}.style-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);text-align:center;cursor:pointer;min-height:84px;color:var(--ink);font-size:13px;font-family:var(--font-sans);padding:26px 8px 14px;position:relative}.style-card-current{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--bg-elev))}.style-card-badge{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;margin-top:4px;font-size:9px;display:block}.style-card-new{color:var(--ink-mute);border-style:dashed;padding:14px 8px}.style-card-corner{cursor:pointer;color:var(--ink-mute);background:0 0;border:none;padding:4px;font-size:13px;line-height:1;position:absolute;top:4px}.capture-bar{z-index:40;border:2px solid var(--frame);border-radius:var(--radius-lg);background:var(--bg-elev);justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto 12px;padding:10px 14px;display:flex;position:fixed;bottom:0;left:12px;right:12px;box-shadow:0 -2px 12px #0000001a}.capture-bar-info{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.capture-bar-style{white-space:nowrap;font-size:14px}.capture-bar-offline{font-family:var(--font-mono);color:var(--ink-mute);font-size:10px}.capture-bar-device{font-family:var(--font-mono);cursor:pointer;color:var(--ink-mute);background:0 0;border:none;padding:4px 0;font-size:11px}.capture-bar-button{border-radius:var(--radius-lg);background:var(--ink);color:var(--bg);cursor:pointer;white-space:nowrap;border:none;min-height:44px;padding:12px 22px;font-size:14px}.capture-bar-button:disabled{opacity:.5}.toast-stack{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:14px;left:0;right:0}.toast{background:var(--frame);color:var(--bg);border-radius:var(--radius-md);max-width:90vw;padding:10px 16px;font-size:13px}.toast-error{color:#fff;background:#8a2a2a}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:560px;max-height:88vh;padding:18px;overflow-y:auto}.sheet h3{margin-top:0}.sheet label{font-family:var(--font-mono);color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase;margin:12px 0 4px;font-size:10px;display:block}.sheet input,.sheet textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font-mono);padding:10px 12px;font-size:13px}.sheet input:disabled,.sheet textarea:disabled{color:var(--ink-mute);background:var(--bg-elev)}@media (min-width:721px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius-lg)}}.tile-generating{position:relative;overflow:hidden}.tile-generating img{filter:blur(6px);transform:scale(1.05)}.tile-stage-slow img,.tile-stage-stalled img{filter:none;transform:none}.tile-stage-slow .tile-generating-label,.tile-stage-stalled .tile-generating-label{background:color-mix(in srgb, var(--bg) 78%, transparent);padding:6px 8px;inset:auto 0 0}.tile-stage-stalled .tile-generating-label{color:var(--ink-mute)}.tile-actions{z-index:3;opacity:0;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.frame:hover .tile-actions,.frame:focus-within .tile-actions{opacity:1}.tile-action{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--ink);cursor:pointer;border:none;min-width:30px;min-height:30px;font-size:13px;line-height:1}.tile-action:disabled{opacity:.5;cursor:default}@media (hover:none),(pointer:coarse){.tile-actions{opacity:1}}@media (prefers-reduced-motion:reduce){.tile-actions{transition:none}.tile-shimmer{animation:none}}.tile-generating-label{z-index:2;font-family:var(--font-mono);color:var(--ink);background:color-mix(in srgb, var(--bg) 35%, transparent);text-align:center;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.tile-shimmer{background:linear-gradient(100deg, var(--line) 30%, var(--bg-elev) 50%, var(--line) 70%);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.photo-full{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:center;display:flex;position:relative;overflow:hidden}.photo-full img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:78vh}.dream-detail-menu{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-elev);flex-direction:column;gap:6px;max-width:320px;margin-bottom:12px;padding:10px;display:flex}.camera-card{text-align:left;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-elev);width:100%;color:var(--ink);margin-bottom:10px;padding:14px;font-size:14px;display:block}.camera-card-add{border-style:dashed;border-color:var(--line);color:var(--ink-mute);text-align:center;cursor:pointer;min-height:52px;font-family:var(--font-mono);font-size:12px}.camera-card-add:hover{color:var(--ink);border-color:var(--line-strong)}
