/* Dark frame first, the shelves come later. */
html,body{background:#050308;color:#f2e9f5;font-family:Verdana,"DejaVu Sans",Tahoma,sans-serif;font-size:14px}
a{color:#c9a8ff}a:hover,a:focus{color:#ff78b4}
h1,h2,h3{color:#ffe04f;font-family:Verdana,Tahoma,sans-serif;font-weight:700}
h1{font-size:1.75rem;margin:.6rem 0}h2{font-size:1.25rem;margin-top:1.4rem}h3{font-size:1rem;margin:0 0 .25rem}
#xrdkxds{background:#ffe04f;color:#150a18;font-weight:700;text-align:center;padding:.5rem .8rem;font-size:.82rem;line-height:1.35}
#xrdkxds a{color:#7a0b4c;text-decoration:underline;margin-left:.6rem;white-space:nowrap}
.spec-head{max-width:1200px;margin:1rem auto 2rem;background:#0b0710;border:1px solid #2c1f36;border-radius:12px;overflow:visible}
#header{background:linear-gradient(#54415f,#20152a 55%,#150d1c);border-radius:12px 12px 0 0;padding:.6rem 1rem .3rem;flex-wrap:wrap;position:sticky;top:0;z-index:40}
#header .navbar-brand{font-size:1.45rem;color:#fff;text-decoration:none}
.tripod-note b{color:#ff5ca2}.tripod-note i{font-style:normal;color:#fff}.tripod-note small{display:block;font-size:.66rem;color:#d4c3dc;font-weight:400;font-style:italic}
.flash-foot a{color:#efe6f2;padding:.1rem .4rem;font-size:.75rem;font-weight:700;border:1px solid #6d5a78;border-radius:3px;margin-left:.25rem;text-decoration:none}
.flash-foot a.active{background:#ff5ca2;border-color:#ff5ca2;color:#14081a}
.shutter-tray{display:none;margin-left:.5rem;background:#ff5ca2;border-color:#ff5ca2;color:#14081a}
.roll-foot{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:0 1.1rem;padding:.35rem 0 .1rem}
.aperture-bank{color:#fff;font-weight:700;font-size:.85rem;text-decoration:none}
.grip-note .menu{background:#1c1324;border:1px solid #3d2c49;min-width:230px}.grip-note .menu a{color:#efe6f2}
.grip-note:hover .menu,.grip-note:focus-within .menu{display:block}
.grip-note .menu a:hover{background:#3d1d3f;color:#fff}
#main{padding:1rem 1.1rem}
.sensor-tray{padding-right:1.2rem;border-right:1px solid #2f2238}
.dial-card{font-size:.72rem;margin:0}.dial-card .breadcrumb-item:not(:last-child) a{color:#b39bc4}.dial-card .breadcrumb-item{color:#b39bc4}
.aperture-block{line-height:1.6}
div.aperture-block{display:flex;gap:1rem;align-items:flex-start}div.aperture-block>img{width:200px;height:auto;border-radius:6px;flex:none}div.aperture-block>div{flex:1;min-width:0}
.aperture-slot{display:flex;align-items:center;gap:.3rem;margin:.6rem 0}.aperture-slot button{background:none;border:0;color:#fff;font-size:1.1rem;cursor:pointer;padding:.2rem}
.aperture-slot>div{display:flex;gap:.6rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1}
.aperture-slot a{flex:0 0 150px;text-decoration:none;font-size:.75rem;color:#fff}.aperture-slot img{width:150px;height:225px;object-fit:cover;border-radius:6px;display:block}
.flash-tray{display:flex;flex-direction:row-reverse;gap:.9rem;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #22172a}
.flash-tray img{width:96px;height:144px;object-fit:cover;flex:none;border-radius:4px}.flash-tray p{margin:0;line-height:1.5}
.flash-tray h3 a{color:#ffe04f}.spec-pane{color:#c6b4d1;display:block;font-size:.75rem}
.aperture-tray{padding-left:1.1rem}
.frame-mark{margin-bottom:1rem}.prism-block{background:linear-gradient(#6a5a73,#2e2336);color:#fff;font-weight:700;font-size:.82rem;padding:.35rem .7rem;border-radius:5px;cursor:pointer}
.sensor-slot{padding:.5rem .3rem}.sensor-slot .tile{margin-bottom:.5rem}.sensor-slot .tile-title{font-size:.8rem}.sensor-slot .tile-subtitle{font-size:.7rem;color:#c6b4d1}
.sensor-slot .avatar{object-fit:cover;border-radius:6px;background:none}
.zoom-head{display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;text-decoration:none;margin-bottom:.6rem}.zoom-head span{grid-column:1/3;font-weight:700;font-size:.78rem}
.zoom-head strong{font-size:2rem;line-height:1;color:#fff;font-weight:400}.zoom-head em{align-self:end;font-style:normal;color:#ff78b4;font-size:.75rem}
.focus-note{background:#150d1c;border:1px solid #2c1f36;border-radius:8px;display:block;text-decoration:none;margin-bottom:.8rem;overflow:hidden}
.focus-note a{text-decoration:none;color:#f2e9f5;display:block}.focus-note .card-image img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.focus-note .card-header{padding:.5rem}.focus-note .card-title{color:#fff;font-size:.82rem;line-height:1.3}
a.focus-note .card-image img{aspect-ratio:1/1;object-position:top}
.flash-deck{display:flex;gap:.5rem;margin:.5rem 0 .8rem;overflow:hidden}.flash-deck a,.flash-deck span{flex:1 1 0;min-width:0}.flash-deck img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:5px;display:block}
.flash-mark{margin:.5rem 0}.flash-mark .chip{cursor:pointer;background:#2a1b34;color:#f2e9f5;border:0}.flash-mark .chip.active{background:#ff5ca2;color:#14081a}
.spec-note th,.spec-note td{border-color:#2f2238;padding:.35rem .5rem;font-size:.78rem}
.spec-note img{width:48px;height:72px;object-fit:cover;border-radius:3px;display:block}
.table.table-striped tbody tr:nth-of-type(odd){background:#150d1c}.table.table-hover tbody tr:hover{background:#2a1b34}
.dial-pane{background:#17101f;border:1px solid #4a2a4c;border-left:4px solid #ff5ca2;padding:.8rem 1rem;margin:1.2rem 0;border-radius:6px}.dial-pane h2{margin-top:0}
.roll-block{margin:.6rem 0}.spec-panel{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;text-decoration:none}.spec-panel:nth-child(even){flex-direction:row-reverse;text-align:right}
.spec-panel>a img{width:150px;height:225px;object-fit:cover;border-radius:6px;display:block}.spec-panel .flash-deck{flex:0 0 60%;margin:0}
.spec-card{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.6rem 0}
.stop-panel{position:relative;display:block;border-radius:6px;overflow:hidden}.stop-panel img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:top;display:block}
.prism-pane{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000);color:#fff;padding:1.2rem .5rem .4rem;font-weight:700;font-size:.8rem}
.roll-sheet select{background:#1a1120;color:#fff;border-color:#4c3857;margin-bottom:.4rem}.focus-box img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:6px;display:block;max-width:260px;margin:auto}
.focus-box dl{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;font-size:.8rem}.focus-box dd{margin:0;color:#ffe04f;font-weight:700}
.btn.btn-primary{background:#ff3d8f;border-color:#ff3d8f;color:#fff;font-weight:700;height:auto;padding:.5rem .9rem;white-space:normal}
.btn.btn-primary:hover,.btn.btn-primary:focus{background:#d91f6f;border-color:#d91f6f;color:#fff}
.flash-row{line-height:1.65}.flash-row li{margin-top:.25rem}
.grip-panel .accordion{border-bottom:1px solid #2f2238;padding:.3rem 0}.grip-panel summary{cursor:pointer;font-weight:700;color:#fff}.grip-panel .accordion-body{max-height:none;padding-top:.3rem}
.viewfinder-rail{border-top:1px solid #2c1f36;padding:.8rem 1.1rem;font-size:.72rem;color:#b39bc4}.viewfinder-rail p{margin:.2rem 0}
.lens-mark{position:fixed;left:14px;bottom:0;z-index:60;background:#120a18;border:2px solid #ff5ca2;border-bottom:0;border-radius:10px 10px 0 0;display:flex;gap:.7rem;padding:.8rem;width:390px;max-width:calc(100vw - 28px)}
.lens-mark[hidden]{display:none}.sensor-block{width:90px;height:130px;object-fit:cover;object-position:top;border-radius:5px;flex:none}.shutter-line p{margin:.3rem 0 .5rem;font-size:.8rem}.shutter-line strong{color:#ffe04f}
.flash-line{position:absolute;top:-1.5rem;right:0;background:#ff5ca2;color:#14081a;border:0;font-size:.7rem;padding:.15rem .5rem;border-radius:4px 4px 0 0;cursor:pointer;font-weight:700}
@media(max-width:840px){.sensor-tray{padding-right:0;border-right:0}.aperture-tray{padding-left:0;margin-top:1rem}
.spec-head{margin:0;border-radius:0;border-width:0}#header{border-radius:0}.shutter-tray{display:inline-flex}
.roll-foot{display:none;flex-direction:column;gap:.5rem;padding:.5rem 0}.roll-foot.active{display:flex}.grip-note .menu{display:block;position:static;background:none;border:0;box-shadow:none;padding:.2rem 0 0 .6rem;transform:none;min-width:0;opacity:1}
#main{padding:.7rem}#xrdkxds{font-size:.74rem;padding:.35rem .5rem}h1{font-size:1.35rem}
div.aperture-block>img{width:110px}.aperture-slot button{display:none}.aperture-slot a{flex-basis:110px}.aperture-slot img{width:110px;height:165px}
.spec-card{grid-template-columns:repeat(2,1fr)}.spec-panel>a img{width:100px;height:150px}.spec-panel .flash-deck{flex-basis:55%}
.flash-tray img{width:76px;height:114px}.lens-mark{width:100%;max-width:100%;left:0}}

/* Sidebar boxes fold on small screens. */