@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,400&family=Inter:wght@400;500;600&display=swap";:root{--gallery-bg:#0a0a0a;--gallery-wall:#121212;--frame-outer:#0d0d0d;--frame-inner:#2a2a2a;--frame-highlight:#3d3d3d;--plaque-bg:#f4efe6;--plaque-text:#1c1917;--spotlight:#fff8eb17;--text:#a8a29e;--text-h:#fafaf9;--accent:#d4a853;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--tap:44px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100dvh}body{font:15px/1.55 var(--sans);color:var(--text);background:var(--gallery-bg);margin:0}#root{flex-direction:column;display:flex}h1,h2,h3{font-family:var(--serif);color:var(--text-h);margin:0;font-weight:500}h1{letter-spacing:.02em;font-size:2rem}h2{font-size:1.35rem}p{margin:0}body:has(.app--detail){overscroll-behavior:none;overflow:hidden}button,a{touch-action:manipulation}@media (width<=900px){h1{font-size:1.35rem}h2{font-size:1.2rem}}.app{flex-direction:column;flex:1;min-height:0;display:flex}.app--detail{height:100dvh;overflow:hidden}.top-bar{padding:16px 24px;padding-left:max(24px, var(--safe-left));padding-right:max(24px, var(--safe-right));padding-top:max(16px, var(--safe-top));z-index:20;background:#0d0d0d;border-bottom:1px solid #222;flex-shrink:0}.top-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.brand{text-align:left;min-width:0}.brand-link{color:inherit;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-logo{object-fit:cover;background:#000;border-radius:10px;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 0 1px #d4a85359,0 4px 14px #00000073}.brand-text{min-width:0}.tagline{color:var(--text);margin-top:2px;font-size:13px}.top-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.wallet-slot{transform-origin:100%;align-items:center;display:flex}.mock-wallet{align-items:center;gap:8px;min-width:0;display:flex}.mock-wallet-label{font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#777;white-space:nowrap}.mock-wallet-input{width:min(260px,46vw);min-width:140px;height:40px;color:var(--text-h);font-family:var(--mono);background:#141414;border:1px solid #333;border-radius:8px;outline:none;padding:0 12px;font-size:12px}.mock-wallet-input::placeholder{color:#555}.mock-wallet-input:focus{border-color:#d4a8538c;box-shadow:0 0 0 2px #d4a8531f}.mock-badge{font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#d4a85326;border:1px solid #d4a85359;border-radius:4px;padding:4px 10px}.price-tag{font-family:var(--serif);color:var(--accent);font-size:1.1rem}.gallery-layout{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.home-layout{padding:32px 24px 24px;padding-bottom:max(24px, var(--safe-bottom));flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex}.gallery-intro{text-align:center;margin-bottom:28px}.gallery-intro h2{margin-bottom:6px;font-size:1.75rem}.gallery-intro p{color:#888;font-size:14px}.canvas-gallery{flex:1}.canvas-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.canvas-card{appearance:none;cursor:pointer;text-align:left;color:inherit;background:#111;border:none;border-radius:8px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 0 0 1px #222,0 8px 24px #00000073}@media (hover:hover) and (pointer:fine){.canvas-card:hover{box-shadow:0 0 0 1px var(--accent), 0 12px 32px #0000008c;transform:translateY(-3px)}}.canvas-card:active{transform:scale(.98)}.canvas-card-frame{background:linear-gradient(145deg,#2a2a2a,#141414);border-bottom:1px solid #222;padding:8px}.canvas-card-meta{padding:12px 14px 14px}.canvas-card-meta h3{color:var(--text-h);margin:2px 0 4px;font-size:1.15rem}.canvas-card-meta p{color:#777;margin-bottom:8px;font-size:12px}.canvas-card-index{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;font-size:11px}.canvas-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.canvas-card-views{font-family:var(--mono);color:#888;white-space:nowrap;font-size:11px}.canvas-card-stats{color:#666;font-size:11px;font-family:var(--mono)}.ownership-bar--card{align-items:stretch;width:100%;margin-top:6px}.ownership-bar--card .ownership-bar-head{justify-content:flex-start}.ownership-bar--card .ownership-bar-value{color:#888}.ownership-bar--card .ownership-bar-track{height:5px}.home-footer{text-align:center;color:#666;margin-top:28px;font-size:13px}.home-error{text-align:center;color:#f0a0a0;margin-top:16px;font-size:14px}.detail-layout:not(.has-selection){grid-template-columns:1fr}.detail-layout .gallery-hall{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;padding:16px 24px 24px;overflow:hidden}.detail-toolbar{flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 16px;width:100%;margin-bottom:12px;display:grid}.detail-title{min-width:0}.detail-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;line-height:1.2;overflow:hidden}.detail-title p{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.detail-toolbar-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;min-width:140px;display:flex}.detail-views{font-family:var(--mono);color:var(--accent);white-space:nowrap;background:#d4a8531a;border:1px solid #d4a85340;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.detail-views-icon{opacity:.9;font-size:11px;line-height:1}.ownership-bar{flex-direction:column;gap:4px;width:min(220px,48vw);display:flex}.ownership-bar-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ownership-bar-caption{text-transform:uppercase;letter-spacing:.08em;color:#777;font-size:10px}.ownership-bar-value{font-family:var(--mono);color:var(--text-h);white-space:nowrap;font-size:11px}.ownership-bar-track{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:999px;flex-direction:row;align-items:stretch;height:8px;display:flex;overflow:hidden}.ownership-bar-segment{flex-shrink:0;min-width:2px;height:100%;transition:width .35s}.ownership-bar-fill{border-radius:inherit;background:linear-gradient(90deg, #b8923f, var(--accent));min-width:0;height:100%;transition:width .35s}.ownership-legend{flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;max-width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.ownership-legend-item{font-family:var(--mono);color:#999;align-items:center;gap:4px;font-size:10px;display:inline-flex}.ownership-legend-swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.ownership-legend-addr{color:#bbb}.ownership-legend-count{color:#777}.ownership-legend-more{font-family:var(--mono);color:#666;font-size:10px}.upload-limit{text-align:center;margin:0;font-size:12px}.detail-layout .master-piece{flex:1;justify-content:center;width:100%;min-height:0}.detail-layout.has-selection .top-plaque{display:none}.detail-layout.has-selection .detail-title h2{font-size:1.2rem}.detail-layout.has-selection .detail-toolbar{border-bottom:1px solid #222;margin-bottom:8px;padding-bottom:12px}.detail-layout.has-selection .hall-hint{display:none}.detail-layout .frame-outer{flex:1;align-self:center;width:100%;max-width:min(100%,560px);min-height:0;display:flex}.detail-layout .frame-inner{flex:1;width:100%;min-height:0;display:flex}.back-btn{white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.gallery-hall{background:var(--gallery-wall);justify-content:center;align-items:center;min-height:480px;padding:48px 32px 32px;display:flex;position:relative;overflow:hidden}.spotlight{background:radial-gradient(ellipse 75% 55% at 50% 35%, var(--spotlight) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.master-piece{z-index:1;flex-direction:column;align-items:center;gap:16px;max-width:100%;display:flex;position:relative}.price-plaque{background:var(--plaque-bg);color:var(--plaque-text);text-align:center;font-family:var(--serif);border:1px solid #d6cfc4;padding:10px 28px;box-shadow:0 4px 16px #00000073}.top-plaque{margin-bottom:8px}.plaque-label{text-transform:uppercase;letter-spacing:.12em;opacity:.65;font-size:12px;display:block}.plaque-price{font-size:1.5rem;font-weight:600;line-height:1.2;display:block}.plaque-sub{opacity:.7;font-size:12px;font-family:var(--sans);margin-top:2px;display:block}.frame-outer{background:linear-gradient(145deg, var(--frame-highlight), var(--frame-outer));padding:10px;box-shadow:0 0 0 2px #000,0 24px 64px #000000bf,inset 0 1px #ffffff0f}.frame-inner{border:3px solid var(--frame-inner);background:#080808;position:relative;overflow:hidden}.frame-small .frame-inner{aspect-ratio:1;justify-content:center;align-items:center;min-height:200px;display:flex}.frame-placeholder{color:var(--text);text-align:center;font-family:var(--serif);flex-direction:column;justify-content:center;gap:6px;width:100%;height:100%;padding:24px;font-size:1.1rem;display:flex}.empty-canvas .muted{font-size:13px;font-family:var(--sans);opacity:.7}.hall-hint{color:#666;text-align:center;font-size:12px}.viewport-compact{width:100%;height:auto;min-height:120px;max-height:none;aspect-ratio:unset;background:#0a0a0a}.viewport-compact .canvas-stack{width:100%;height:auto}.viewport{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#0f0f0f;justify-content:center;align-items:center;width:min(100%,520px);height:min(100%,520px);max-height:100%;display:flex;position:relative;overflow:hidden}.viewport-interactive{touch-action:none;cursor:crosshair;display:block}.canvas-stack{will-change:transform;width:100%;height:100%;position:relative}.viewport-interactive .canvas-stack{aspect-ratio:unset;position:absolute;top:0;left:0}.grid-canvas{image-rendering:pixelated}.grid-overlay{image-rendering:auto}.grid-canvas,.grid-highlight,.grid-overlay{width:100%;height:100%;position:absolute;inset:0}.viewport-compact .grid-canvas{cursor:pointer}.grid-highlight,.grid-overlay{pointer-events:none}.zoom-controls{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.zoom-btn{width:44px;height:44px;color:var(--text-h);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121212e0;border:1px solid #333;border-radius:10px;font-size:22px;line-height:1}.zoom-btn:disabled{opacity:.35;cursor:default}.zoom-btn:active:not(:disabled){background:#252525}.artwork-panel{overscroll-behavior:contain;background:#0d0d0d;border-left:1px solid #222;flex-direction:column;gap:18px;padding:28px 22px;display:flex;overflow-y:auto}.sheet-handle,.sheet-hint,.sheet-close{display:none}.panel-plaque{align-self:center;width:100%;max-width:280px}.spotlight-piece{align-self:center;width:100%;max-width:300px;box-shadow:0 0 60px #fff8eb0f}.artwork-img{object-fit:contain;background:#000;width:100%;height:100%;display:block}.file-slot{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.file-slot a{color:var(--accent);word-break:break-all;font-size:13px}.file-icon{font-size:2rem}.panel-copy{text-align:left}.panel-copy h2{margin-bottom:10px}.panel-copy p{color:var(--text);font-size:14px;line-height:1.55}.panel-owner-line{display:none}.meta-list{margin:12px 0 0}.meta-list div{border-bottom:1px solid #222;grid-template-columns:80px 1fr;gap:8px;padding:8px 0;font-size:13px;display:grid}.meta-list dt{color:#666}.meta-list dd{color:var(--text-h);overflow-wrap:anywhere;margin:0}.panel-error{color:#f0a0a0;background:#b43c3c26;border:1px solid #b43c3c59;border-radius:6px;padding:10px 12px;font-size:13px}.panel-note,.mock-note{color:#666;font-size:13px}.panel-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.btn{font-family:var(--sans);min-height:var(--tap);color:var(--text-h);cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .15s}.btn:hover:not(:disabled){background:#252525}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--plaque-bg);color:var(--plaque-text);font-family:var(--serif);border-color:#c9c0b5;font-size:1.05rem}.btn.secondary{border-color:#444}@media (width<=1200px){.canvas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout.has-selection .back-label{display:none}.detail-layout.has-selection .back-btn{padding:8px 12px}}@media (width<=900px){.app--detail{overflow:hidden}.top-bar{padding:10px 14px;padding-left:max(14px, var(--safe-left));padding-right:max(14px, var(--safe-right));padding-top:max(10px, var(--safe-top))}.brand-logo{border-radius:8px;width:36px;height:36px}.brand-link{gap:8px}.top-bar-inner{flex-wrap:nowrap;gap:10px}.tagline,.price-tag{display:none}.wallet-slot{flex:1;justify-content:flex-end;min-width:0;transform:none}.mock-wallet{width:100%;max-width:220px}.mock-wallet-label{display:none}.mock-wallet-input{width:100%;min-width:0;height:36px;font-size:11px}.home-layout{padding:16px 12px 20px;padding-bottom:max(20px, var(--safe-bottom))}.gallery-intro{margin-bottom:16px}.gallery-intro h2{font-size:1.35rem}.gallery-intro p{font-size:13px}.canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.canvas-card-frame{padding:5px}.canvas-card-meta{padding:8px 10px 10px}.canvas-card-meta h3{font-size:1rem}.canvas-card-meta p{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.viewport-compact{min-height:0}.gallery-layout{flex-direction:column;grid-template-columns:none;min-height:0;display:flex}.gallery-hall{min-height:0;padding:10px 10px 0;padding-left:max(10px, var(--safe-left));padding-right:max(10px, var(--safe-right));flex:1}.detail-layout .gallery-hall{padding:10px 10px 0;padding-left:max(10px, var(--safe-left));padding-right:max(10px, var(--safe-right));flex-direction:column;align-items:stretch}.detail-toolbar{border-bottom:none;flex-wrap:nowrap;gap:8px;margin-bottom:8px;padding-bottom:0;display:flex}.detail-layout.has-selection .detail-toolbar{border-bottom:none;margin-bottom:8px;padding-bottom:0}.detail-title{flex:1;min-width:0}.detail-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;overflow:hidden}.detail-title p{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.detail-toolbar-meta{flex-direction:column;align-items:flex-end;gap:4px;min-width:110px}.detail-views{padding:3px 8px;font-size:11px}.ownership-bar{width:min(150px,42vw)}.ownership-bar-caption{display:none}.ownership-bar-value{margin-left:auto;font-size:10px}.ownership-bar-track{height:6px}.ownership-legend,.stats-label{display:none}.back-btn{min-height:var(--tap);padding:8px 10px}.back-label{display:none}.master-piece{flex:1;gap:0;width:100%;min-height:0}.top-plaque,.hall-hint{display:none}.detail-layout:not(.has-selection) .hall-hint{padding:8px 12px calc(10px + var(--safe-bottom));flex-shrink:0;display:block}.frame-outer{flex:1;width:100%;min-height:0;padding:5px;display:flex;box-shadow:0 0 0 1px #000,0 8px 24px #00000080}.frame-inner{border-width:2px;flex:1;width:100%;min-height:0;display:flex}.viewport:not(.viewport-compact){width:100%;height:100%;max-height:none;aspect-ratio:unset}.artwork-panel{padding:8px 16px calc(12px + var(--safe-bottom));z-index:10;border-top:1px solid #2a2a2a;border-left:none;border-radius:16px 16px 0 0;flex-shrink:0;gap:10px;max-height:min(58dvh,520px);box-shadow:0 -12px 40px #00000073}.sheet-handle{background:#333;border-radius:4px;flex-shrink:0;width:36px;height:4px;margin:2px auto 4px;display:block}.sheet-close{top:10px;right:max(8px, var(--safe-right));width:40px;height:40px;color:var(--text-h);cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute}.artwork-panel.empty-panel{max-height:none;padding:8px 16px calc(14px + var(--safe-bottom));position:relative}.empty-panel .empty-desktop{display:none}.sheet-hint{text-align:center;color:#888;padding:6px 8px 4px;font-size:14px;display:block}.artwork-panel.has-selection{grid-template-columns:72px minmax(0,1fr) 40px;grid-template-areas:"handle handle handle""thumb copy close""error error error""actions actions actions""note note note";align-items:center;gap:8px 12px;display:grid;position:relative}.has-selection .sheet-handle{grid-area:handle}.has-selection .spotlight-piece{width:72px;max-width:none;box-shadow:none;grid-area:thumb;align-self:start}.has-selection .frame-small .frame-inner{aspect-ratio:1;min-height:0}.has-selection .frame-placeholder{gap:2px;padding:6px;font-size:10px}.has-selection .empty-canvas .muted,.has-selection .panel-plaque{display:none}.has-selection .panel-copy{grid-area:copy;min-width:0;padding-right:4px}.has-selection .panel-copy h2{margin-bottom:2px;font-size:1.15rem}.panel-owner-line{color:#888;font-size:12px;font-family:var(--mono);display:block}.has-selection .meta-list{display:none}.has-selection .sheet-close{grid-area:close;place-self:start end;position:static}.has-selection .panel-error{grid-area:error}.has-selection .panel-actions{grid-area:actions;margin-top:4px}.has-selection .panel-note{grid-area:note;margin:0}.btn.primary{min-height:48px;font-size:1.15rem}.file-slot{padding:8px}}@media (width<=520px){.gallery-intro p{padding:0 8px}.home-footer{margin-top:18px;font-size:12px}}@media (width<=360px){.canvas-card-meta p{display:none}}