*{box-sizing:border-box}html{background:#101010;color:#fff;scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif}button{font:inherit;border:0;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}#gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;align-items:start}.tile{padding:0;background:#191919;position:relative;overflow:hidden;width:100%;display:block;aspect-ratio:4/3;opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}.tile.visible{opacity:1;transform:none}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.65,.3,1),opacity .8s;opacity:0}.tile.loaded img{opacity:1}.tile:hover img{transform:scale(1.035)}.tile:nth-child(12n+1){grid-column:span 2;grid-row:span 2;aspect-ratio:4/3}.tile:nth-child(12n+8){grid-column:span 2;grid-row:span 2;aspect-ratio:4/3}.tile:nth-child(12n+6),.tile:nth-child(12n+11){aspect-ratio:4/3}.compact#gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px}.compact .tile:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:1}.dock{position:fixed;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid #ffffff25;border-radius:40px;background:#171717c9;backdrop-filter:blur(18px);box-shadow:0 4px 30px #0004}.dock button,dialog button{display:grid;place-items:center;background:transparent;width:48px;height:48px;border-radius:50%;transition:background .2s}.dock button:hover,dialog button:hover{background:#ffffff20}.dock span{width:1px;height:18px;background:#ffffff28}#sentinel{height:1px;margin-bottom:100px}dialog{padding:0;border:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:#101010;color:#fff;overflow:hidden}dialog::backdrop{background:#101010}.stage{position:absolute;inset:32px 76px 72px}.slide{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .75s ease,transform 1s ease}.slide.active{opacity:1;transform:scale(1)}dialog button{position:absolute;background:#161616a0;z-index:2;backdrop-filter:blur(10px)}.close{right:20px;top:20px}.previous{left:16px;top:calc(50% - 24px)}.next{right:16px;top:calc(50% - 24px)}.play{bottom:18px;left:calc(50% - 24px)}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff10}.progress i{display:block;height:100%;background:#d8d8d8;width:0}.running .progress i{animation:progress 6s linear infinite}@keyframes progress{to{width:100%}}#error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;text-align:center;padding:20px;background:#101010}body.locked{overflow:hidden}@media(max-width:800px){#gallery{gap:7px;padding:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.tile:nth-child(12n+1),.tile:nth-child(12n+8){grid-row:auto;grid-column:span 2;aspect-ratio:4/3}.compact#gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.stage{inset:70px 0 82px}.previous{left:8px;top:auto;bottom:18px}.next{right:8px;top:auto;bottom:18px}.close{top:12px;right:10px}.dock{bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.tile{transform:none}}

.assist{left:20px;top:20px;font-size:22px;color:#fff}.assist:hover{color:#ffd2c4}#aiAssistant{width:min(590px,calc(100vw - 24px));height:auto;max-width:none;max-height:calc(100dvh - 24px);overflow:auto;background:#f7f6f2;color:#20211f;border-radius:16px;box-shadow:0 24px 100px #0009;padding:0}#aiAssistant::backdrop{background:#050505b8;backdrop-filter:blur(8px)}.ai-card{padding:24px;font-family:Arial,sans-serif}.ai-card header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ai-card header small{font-size:9px;letter-spacing:1.2px;color:#98735f}.ai-card h2{margin:6px 0;font-size:22px;letter-spacing:-.5px}.ai-card p{margin:0;color:#777;font-size:12px;line-height:1.6}.ai-card .ai-close{width:34px;height:34px;position:static;background:#e8e6e1;color:#333;font-size:24px;flex:0 0 auto}.ai-thumb{width:100%;height:180px;object-fit:contain;background:#e5e3df;border-radius:9px;margin:16px 0 5px}.ai-image-link{font-size:11px;color:#8a543e;text-decoration:underline;display:inline-block;margin-bottom:15px}.ai-card label{display:block;font-size:11px;font-weight:700;margin:12px 0 6px}.ai-card select,.ai-card textarea{display:block;width:100%;padding:10px;border:1px solid #d7d4cd;border-radius:8px;background:#fff;color:#222;font:12px/1.5 Arial,sans-serif}.ai-card textarea{min-height:62px;resize:vertical}.ai-card #aiReply{min-height:105px}.ai-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.ai-actions button{position:static;width:auto;height:auto;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:700;backdrop-filter:none}.ai-primary{background:#242622!important;color:#fff!important}.ai-secondary{background:#e9e6df!important;color:#272722!important}.ai-actions button:hover{filter:brightness(1.1)}#aiSavedState{font-size:10px;color:#39785c}.ai-card .ai-footnote{border-top:1px solid #e2dfd8;margin-top:15px;padding-top:10px;font-size:10px}@media(max-width:600px){.assist{left:12px;top:12px}.ai-card{padding:17px}.ai-card h2{font-size:19px}.ai-thumb{height:140px}}