:root{color-scheme:dark;font-family:Georgia,serif;background:#080504;color:#f1d7a2}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:#080504;min-height:100dvh}
.design-gallery{width:100%;min-height:calc(100dvh - 68px);padding:0 0 calc(70px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:flex-start;overflow:visible}
.approved-frame{position:relative;display:block;margin:0;width:100%;max-width:560px;background:#120906}
.approved-frame img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.art-hotspot{display:none;position:absolute;z-index:1;background:transparent;outline-offset:-3px}
.art-hotspot:focus-visible{outline:3px solid #ebd298}
.home-renew{left:4%;top:49%;width:92%;height:16%}
.home-history{left:4%;top:65.5%;width:92%;height:16%}
.art-back{left:2%;top:1.1%;width:15%;height:9%}
.review-dock{position:fixed;z-index:10;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);min-height:68px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(17,10,6,.97),rgba(6,4,3,.98));border-top:1px solid #856239;box-shadow:0 -12px 35px #0008}
.review-dock button{font:inherit;cursor:pointer;color:#eed5a1}
.arrow{height:43px;border:1px solid #a07845;border-radius:14px;background:#23160e;font-family:Arial,sans-serif!important;font-size:33px!important;line-height:24px}
.screen-list{border:0;background:transparent;text-align:center;display:flex;flex-direction:column;gap:1px;min-width:0}
.step{color:#f5d489;font:600 12px/1.2 Arial,sans-serif;letter-spacing:.16em}
.screen-name{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa-label{font:9px/1.1 Arial,sans-serif;letter-spacing:.13em;color:#c8ac87}
button:focus-visible{outline:2px solid #f8d397;outline-offset:2px}
dialog{max-width:100vw;max-height:85dvh;width:min(94vw,520px);background:#100a07;border:1px solid #b28a54;color:#f5dfb6;border-radius:18px;padding:0;box-shadow:0 15px 45px #0009}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.dialog-panel{padding:16px 16px 20px}.dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.dialog-head h1{font-size:20px;margin:0}.dialog-head button{width:36px;height:36px;border-radius:50%;border:1px solid #886b45;background:#24170e;color:#f4dca7;font-size:17px}
.dialog-panel p{font:13px/1.5 Arial,sans-serif;color:#cbbca4;margin:12px 0 14px}
#screen-options{display:grid;gap:5px;margin:0;padding:0;list-style:none;max-height:60dvh;overflow-y:auto}
#screen-options li button{width:100%;text-align:left;padding:11px;border:1px solid #3a2a1c;border-radius:9px;background:#22160d;color:#e8cfa0;font:15px/1.3 Georgia,serif;cursor:pointer}
#screen-options li button[aria-current="page"]{background:#4c331d;border-color:#be9457;color:#fff0c7}
.noscript{margin:10px;padding:15px;font:13px Arial,sans-serif}
@media(min-width:700px){.approved-frame{box-shadow:0 0 80px #0009}.design-gallery{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}