.works-entry,.works-inline-entry{border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.works-entry{border:1.5px solid var(--ink);background:#ffedab;padding:10px 20px;border-radius:24px;min-height:44px;margin-left:18px;flex-shrink:0}.works-inline-entry{display:block;margin:6px auto 16px;font-size:14px;min-height:38px}.actions #save-work{background:#fff0b8;border-color:#173e5c;font-size:16px;min-height:48px;margin-bottom:0}
.works-hall{--hall-ink:#173e5c;position:fixed;inset:0;z-index:2200;overflow:auto;overscroll-behavior:contain;background:#fff5cf;color:var(--hall-ink);padding:24px max(28px,calc((100vw - 1140px)/2)) 44px;font-family:var(--font,system-ui);box-sizing:border-box}.works-hall[hidden]{display:none}.show-works{overflow:hidden}.works-hall button,.work-preview-dialog button,.work-save-dialog button{font:inherit;color:inherit;cursor:pointer;min-height:44px}.hall-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#687365}.hall-top button{border:0;background:transparent;padding:6px 0;color:#173e5c}.hall-heading{display:flex;align-items:center;justify-content:space-between;padding:30px 0 25px;gap:24px}.hall-eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 10px;color:#899078}.hall-heading h1{font-family:PF,"PingFang SC",sans-serif;font-size:clamp(32px,4vw,48px);line-height:1.3;margin:0;letter-spacing:.04em}.hall-intro{font-size:15px;margin:12px 0 22px;color:#60716a}.hall-heading img{width:90px;height:90px;object-fit:contain;transform:rotate(9deg);margin-right:24px}.hall-heading-actions{display:flex;gap:12px;flex-wrap:wrap}.hall-heading-actions button{padding:8px 22px;border:1px solid #173e5c;border-radius:24px;background:none}.hall-primary,.hall-heading-actions .hall-primary{background:#ffd45b;border:1px solid #dfb049;border-radius:24px;padding:10px 22px;color:#173e5c}.hall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0 0;font-size:14px}.hall-tabs{display:flex;gap:24px}.hall-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:7px 0;font-size:20px;font-family:PF,var(--font,system-ui);color:#8b927f}.hall-tabs button[aria-pressed=true]{color:#173e5c;border-color:#d7ad48}.hall-caption{font-size:13px;color:#818673;margin:12px 0 0;min-height:20px}.hall-notice{padding:18px 24px;margin:20px 0;background:#fff9e6;border:1px solid #e1d09b;border-radius:12px;font-size:15px;line-height:1.6}.hall-notice p{margin:0}.hall-notice a{color:#173e5c;display:inline-block;margin-top:8px;text-underline-offset:4px}.hall-notice button{margin-top:10px;border:1px solid #173e5c;border-radius:20px;background:#fffaf0;padding:5px 15px}
.hall-wall{padding:22px 14px 0;min-height:330px}.hall-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;isolation:isolate;margin-bottom:30px;padding:0 16px}.hall-rack:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:2px;height:80px;background:url('./assets/showroom/wood-rail-handdrawn-v2.png') center center/100% auto no-repeat;pointer-events:none}.hall-medal{position:relative;min-width:0;text-align:center;padding:0 12px}.hall-medal-view{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit;border-radius:20px}.hall-hanging{display:block;position:relative;width:100%;height:340px;transform-origin:50% 28px;transition:transform .3s ease}.hall-ribbon{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:70px;height:155px;background:url('./assets/showroom/ribbon-handdrawn-v2.png') center/135% 110% no-repeat;pointer-events:none}.hall-peg{position:absolute;left:50%;top:18px;transform:translateX(-50%) rotate(-12deg);width:21px;height:28px;border-radius:48%;border:1px solid #ab783c;background:radial-gradient(ellipse at 35% 28%,#ffe3ad 0 6%,#dfb17c 20%,#bd854e 60%,#986532 100%);box-shadow:3px 4px 3px #71472044,inset 2px 1px 1px #ffe5b6;pointer-events:none}.hall-award-image{display:block;position:absolute;left:50%;top:161px;transform:translateX(-50%);width:190px;max-width:94%;height:auto;filter:drop-shadow(3px 6px 3px #78582520);pointer-events:none}.hall-medal-view:hover .hall-hanging{transform:rotate(-2deg)}.hall-medal:nth-child(even) .hall-medal-view:hover .hall-hanging{transform:rotate(2deg)}.hall-view-hint{position:absolute;left:50%;top:110px;transform:translateX(-50%);white-space:nowrap;border-radius:18px;padding:5px 12px;background:#fffaf0ed;border:1px solid #e7d6a9;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}.hall-medal-view:hover .hall-view-hint,.hall-medal-view:focus-visible .hall-view-hint{opacity:1}.hall-label{position:relative;margin:0 auto;padding:4px 5px 0;max-width:280px}.hall-label h2{font:22px/1.4 PF,var(--font,system-ui);margin:0 0 5px;overflow-wrap:anywhere}.hall-label p{font-size:12px;line-height:1.5;color:#7e8574;margin:0}.hall-item-actions{display:flex;justify-content:center;gap:20px;margin-top:0}.hall-item-actions button{background:none;border:0;font-size:13px;padding:4px;text-decoration:underline;text-underline-offset:5px}.hall-remove{color:#a56554!important}.hall-item-actions .hall-remove{display:none}.hall-managing .hall-item-actions .hall-remove{display:block}.hall-empty{display:block;margin:90px auto;background:#fff9e9;border:1px dashed #d1b166;border-radius:18px;padding:20px;color:#173e5c}.hall-image-error{display:block;position:absolute;top:180px;font-size:14px;padding:20px}.hall-footnote{text-align:center;font-size:13px;color:#8b927c;margin-top:25px}.hall-renderer{position:fixed;left:-10000px;top:0;width:400px;height:450px;pointer-events:none}
.work-save-dialog,.work-preview-dialog{max-width:440px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #e0ca93;border-radius:20px;background:#fffcf1;color:#173e5c;box-shadow:0 20px 80px #513d2433;box-sizing:border-box;font-family:var(--font,system-ui)}.work-save-dialog::backdrop,.work-preview-dialog::backdrop{background:#685b3838;backdrop-filter:blur(4px)}.work-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-dialog-heading h2{font:26px PF,var(--font,system-ui);margin:0}.work-dialog-heading button{border:0;background:none;font-size:26px;align-self:start;width:44px}.work-save-dialog label{display:block;margin:18px 0 8px}.work-save-dialog input{width:100%;box-sizing:border-box;padding:12px;font:16px var(--font,system-ui);border:1px solid #b6b69e;border-radius:9px;color:#173e5c;background:white}.work-save-dialog p{font-size:14px;line-height:1.6}.work-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.work-dialog-actions button{border:1px solid #d2c39e;border-radius:22px;padding:8px 18px;background:transparent}.work-dialog-actions .hall-primary{background:#ffd45b;border-color:#dfb049}.work-save-dialog a{color:#173e5c;text-underline-offset:4px}#work-save-error,#award-delete-status{color:#a44135}.works-hall :focus-visible,.work-save-dialog :focus-visible,.work-preview-dialog :focus-visible{outline:3px solid #327db3;outline-offset:4px}.work-save-dialog[open],.work-preview-dialog[open]{z-index:3000}.work-preview-dialog{max-width:680px;padding:22px 30px}.work-preview-stage{position:relative;margin:16px 0 22px;background:#fff5cf;border-radius:14px;height:420px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.work-preview-stage:before{content:"";position:absolute;top:5px;left:10%;width:80%;height:78px;background:url('./assets/showroom/wood-rail-handdrawn-v2.png') center/100% auto no-repeat}.work-preview-stage .hall-hanging{width:280px;transform:scale(1.15);transform-origin:50% 0;flex:none}.work-preview-stage .hall-award-image{width:220px}.work-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.work-preview-footer h3{font:22px PF,var(--font,system-ui);margin:0 0 6px;overflow-wrap:anywhere}.work-preview-footer p{font-size:12px;color:#7e8574;margin:0}.work-preview-footer .work-dialog-actions{margin:0;flex-shrink:0;gap:8px}.work-preview-footer .work-dialog-actions button{font-size:14px}.show-works .toast{z-index:2400}.header:has(.works-entry){flex-wrap:wrap;gap:12px}
@media(max-width:700px){.works-hall{padding:16px 16px 32px}.hall-top>span{display:none}.hall-heading{padding:24px 0 20px}.hall-heading img{width:58px;height:58px;margin:0;align-self:flex-start}.hall-eyebrow{font-size:9px;letter-spacing:.12em}.hall-heading h1{font-size:32px}.hall-intro{font-size:13px;line-height:1.7;max-width:230px}.hall-heading-actions{gap:8px}.hall-heading-actions button{padding:8px 15px;font-size:13px}.hall-toolbar{gap:10px}.hall-tabs{gap:20px}.hall-tabs button{font-size:19px}.hall-caption{font-size:12px;line-height:1.6}.hall-wall{padding:16px 0 0}.hall-rack{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 3px;margin-bottom:25px}.hall-rack:before{height:55px;top:5px;background-size:100% 560%}.hall-medal{padding:0 5px}.hall-hanging{height:278px}.hall-ribbon{top:20px;width:54px;height:124px}.hall-peg{top:17px;width:17px;height:23px}.hall-award-image{top:130px;width:157px}.hall-label h2{font-size:19px}.hall-label p{font-size:11px}.hall-view-hint{top:84px}.hall-heading-actions{position:relative;z-index:1}.hall-footnote{font-size:12px}.header .works-entry{margin-left:0;padding:8px 16px}.header .brand{margin-right:auto}.header .back-link{padding-left:0}.show-works .ms-studio,.show-works .ms-sheet,.show-works .ms-backdrop{visibility:hidden}.work-preview-dialog{padding:18px}.work-preview-stage{height:370px}.work-preview-stage .hall-hanging{height:340px;transform:scale(1.05)}.work-preview-stage .hall-ribbon{width:70px;height:155px;top:22px}.work-preview-stage .hall-peg{top:18px;width:21px;height:28px}.work-preview-stage .hall-award-image{top:161px;width:190px}.work-preview-footer{align-items:flex-start;flex-direction:column}.work-preview-footer .work-dialog-actions{align-self:flex-end}.work-preview-stage:before{left:5%;width:90%;background-size:100% 530%}}
@media(max-width:380px){.hall-heading img{display:none}.hall-award-image{width:138px}.hall-hanging{height:260px}.hall-label h2{font-size:17px}}
@media(min-width:701px){.header .back-link{margin-left:auto}.header .works-entry{margin-left:22px}}
@media(prefers-reduced-motion:reduce){.hall-hanging,.hall-view-hint{transition:none}}
/* Keep the complete medal, including its short tails, clear of the captions. */
.hall-heading{padding-top:18px;padding-bottom:16px}.hall-eyebrow{display:none}.hall-intro{margin:8px 0 16px}.hall-heading h1:focus{outline:none}.hall-hanging{height:405px}.hall-rack{margin-bottom:22px}.work-preview-stage{height:430px}.work-preview-stage .hall-hanging{transform:none;height:430px}.work-preview-stage .hall-ribbon{top:22px;width:64px;height:132px}.work-preview-stage .hall-award-image{top:143px;width:220px}.work-preview-stage .hall-peg{top:18px}
@media(max-width:700px){.hall-hanging{height:331px}.hall-heading h1{font-size:30px}.work-preview-stage{height:370px}.work-preview-stage .hall-hanging{height:370px;transform:none}.work-preview-stage .hall-ribbon{top:20px;width:56px;height:122px}.work-preview-stage .hall-award-image{top:130px;width:182px}.work-preview-stage .hall-peg{top:17px}}
@media(max-width:380px){.hall-hanging{height:310px}}

/* Hand-drawn showroom: light, simple shapes that match the yellow/navy studio. */
.works-hall{background:#fff7d8}
.hall-top,.hall-intro,.hall-caption,.hall-label p,.work-preview-footer p{color:#70818a}
.hall-footnote{color:#7f9298}
.hall-heading-actions button,.work-dialog-actions button{border:1.5px solid #38576d;border-radius:22px 25px 21px 24px;background:#fffcf0}
.hall-heading-actions .hall-primary,.work-dialog-actions .hall-primary{background:#ffdb72;border-color:#38576d;box-shadow:0 2px 0 #173e5c0a}
.hall-tabs button[aria-pressed=true]{border-color:#e8bd58}
.hall-heading img{transform:rotate(6deg)}
.hall-rack:before{top:2px;height:68px;background-size:100% 660%;filter:saturate(.7) brightness(1.035)}
.hall-ribbon{width:78px}
.hall-peg{width:19px;height:23px;border:1.5px solid #a47d43;border-radius:48% 53% 45% 55%;background:#f9dfa0;box-shadow:1px 2px 0 #b88b5333;transform:translateX(-50%) rotate(-9deg)}
.hall-peg:after{content:"";position:absolute;left:4px;top:4px;width:5px;height:8px;border-radius:50%;border-left:2px solid #fff8d7;transform:rotate(20deg)}
.hall-award-image{filter:drop-shadow(1px 3px 0 #173e5c0a)}
.hall-view-hint{background:#fffdf2;border-color:#d7c99e;border-radius:14px 16px 13px 17px}
.work-save-dialog,.work-preview-dialog{border-color:#d8c797;box-shadow:0 10px 36px #173e5c14;border-radius:24px 27px 23px 26px}
.work-save-dialog::backdrop,.work-preview-dialog::backdrop{background:#173e5c20;backdrop-filter:blur(3px)}
.work-preview-stage{background:#fff7d8}
.work-preview-stage:before{height:64px;background-size:100% 630%;filter:saturate(.7) brightness(1.035)}
.work-preview-stage .hall-ribbon{width:72px}
@media(max-width:700px){.hall-rack:before{height:54px;background-size:100% 640%}.hall-ribbon{width:61px}.hall-peg{width:17px;height:21px}.work-preview-stage .hall-ribbon{width:64px}.work-preview-stage:before{height:66px;background-size:100% 600%}.work-preview-stage .hall-peg{width:19px;height:23px}}