.provider-wordmark{font-family:Georgia,serif;font-weight:700;letter-spacing:.06em;color:inherit;font-size:17px;line-height:1}
.demo-station.demo-simple{padding:0;border:0;background:transparent;box-shadow:none;margin:12px 0 34px;color:#352a21}
.demo-simple .demo-screen{border:1px solid #695843;border-radius:8px;background:#242326}
.demo-simple .demo-placeholder{min-height:320px;aspect-ratio:16/7;flex-direction:column;gap:20px;padding:32px 20px;background:#242326;text-align:center}
.demo-simple .demo-placeholder h1{margin:0;color:#f4ebdd;font-size:clamp(24px,3vw,34px);line-height:1.3}
.demo-simple #demo-start{min-width:168px;min-height:50px;border:1px solid #f2ad49;border-radius:5px;background:#f2ad49;color:#281d11;font:inherit;font-weight:700;padding:12px 24px;cursor:pointer}
.demo-simple #demo-start span{color:inherit;font-size:13px;letter-spacing:0;margin-right:8px}
.demo-simple #demo-start:hover{background:#ffc46e;border-color:#ffc46e}
.demo-simple #demo-start:focus-visible{outline:3px solid #f4ebdd;outline-offset:5px}
.demo-simple .demo-placeholder small{font-size:12px;color:#b9ad9c}
.demo-simple[data-state=idle] .demo-controls,.demo-simple[data-state=idle] .demo-status{display:none}
.demo-simple .demo-status{color:#75624f;font-size:12px;margin:6px 0;min-height:0}
.demo-simple .demo-controls{margin:10px 0 0;gap:8px}
.demo-simple .demo-controls button{background:transparent;color:#64503d;border-color:#c8b89e;padding:8px 14px;font-size:12px}
.inner-detail .detail-columns{display:block;max-width:880px;margin:0 auto}
.inner-detail .detail-columns .side-panel{display:none}
.inner-detail .source-block .demo-provider-info{color:#66503e;border-color:#cebaa0}
.inner-detail .source-block .demo-provider-info strong{color:#352a21}
.inner-detail .source-block .demo-provider-info a{color:#81511c}
@media(max-width:600px){.demo-station.demo-simple{margin:8px 0 26px}.demo-simple .demo-placeholder{min-height:270px;aspect-ratio:auto;gap:20px}.demo-simple .demo-placeholder small{display:block}}
.workshop-inner .demo-station .section-label{color:#e8b969}
.maker-logo .provider-wordmark{font-size:23px;color:#f4ebdd}
.demo-station{margin:30px 0 48px;border:1px solid #b78a4b;border-radius:14px;background:#242326;color:#f4ebdd;padding:26px;box-shadow:0 16px 40px #34241320;scroll-margin-top:24px}
.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-heading h2{font-size:27px;margin:5px 0 10px}.demo-heading .section-label{color:#e8b969}.demo-vendor{font-size:13px;color:#ccbca7;white-space:nowrap}
.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.demo-controls button,.demo-controls a{min-height:44px;padding:11px 17px;border:1px solid #76624b;border-radius:6px;background:#35302b;color:#f4ebdd;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}.demo-controls #demo-start{background:#f2ad49;border-color:#f2ad49;color:#261d13;font-weight:700}.demo-controls :focus-visible{outline:3px solid #f2ad49;outline-offset:3px}.demo-status{font-size:14px;min-height:24px;color:#e8d8bd;line-height:1.6;margin:12px 0}
.demo-screen{position:relative;background:#101113;border:1px solid #65503a;border-radius:8px;overflow:hidden;min-width:0}.demo-placeholder{min-height:320px;display:flex;gap:40px;align-items:center;justify-content:center;padding:28px;background:radial-gradient(ellipse at 25% 90%,#543b24,#1c1b1e 70%)}.demo-placeholder img{width:160px;height:220px;object-fit:cover;border-radius:6px;box-shadow:0 8px 30px #0007}.demo-placeholder span{color:#e8b969;font-size:11px;letter-spacing:.16em}.demo-placeholder p{font-size:25px;line-height:1.6}.demo-placeholder small{color:#c8bba9}.demo-screen iframe{display:block;width:100%;height:650px;border:0;background:#101113}.demo-screen.is-landscape iframe{height:auto;aspect-ratio:16/9;min-height:320px}.demo-screen:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;border:0;border-radius:0}.demo-screen:fullscreen #demo-mount{width:100%;height:100%}.demo-screen:fullscreen iframe{width:100%;height:100%;aspect-ratio:auto;min-height:0}.demo-instructions{font-size:15px;line-height:1.7;margin:16px 0 8px}.demo-disclosure{font-size:12px;line-height:1.7;color:#b9ad9c}.demo-station [hidden]{display:none!important}.exhibit-status .demo-jump{background:#f2ad49;color:#261d13;padding:13px 20px;border-radius:6px;font-weight:700}
@media(max-width:600px){.demo-station{padding:15px;margin:22px 0 30px}.demo-heading{align-items:flex-start;gap:8px;flex-direction:column}.demo-heading h2{font-size:23px}.demo-controls{gap:7px}.demo-controls button,.demo-controls a{padding:11px 12px}.demo-placeholder{min-height:270px;gap:16px;padding:20px 12px}.demo-placeholder img{width:100px;height:150px}.demo-placeholder p{font-size:18px}.demo-placeholder small{font-size:11px}.demo-screen iframe{height:72dvh;min-height:440px}.demo-screen.is-landscape iframe{height:58dvh;min-height:300px}.demo-vendor{font-size:12px}}
@media(orientation:landscape) and (max-height:600px){.demo-screen iframe,.demo-screen.is-landscape iframe{height:85dvh;min-height:260px}}
@media(max-width:360px){.demo-placeholder{gap:12px;min-height:230px}.demo-placeholder img{width:84px;height:130px}.demo-placeholder p{font-size:16px}.demo-placeholder span{font-size:9px;letter-spacing:.08em}.demo-placeholder small{display:none}}
.provider-strip img[src$="gr.png"],.maker-logo img[src$="gr.png"],.provider img[src$="gr.png"]{filter:brightness(0) invert(1)}
.demo-provider-info{border-top:1px solid #65503a;margin-top:20px;padding-top:16px;font-size:13px;line-height:1.7;color:#d6c6b0}.demo-provider-info p{margin:0 0 8px}.demo-provider-info strong{font-weight:600;color:#f4ebdd}.demo-provider-info nav{display:flex;flex-wrap:wrap;gap:8px 22px}.demo-provider-info a{color:#f2bf7a;text-underline-offset:3px}.demo-provider-info nav a{display:inline-flex;align-items:center;min-height:44px}.demo-provider-info summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}.demo-provider-info dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:8px 0}.demo-provider-info dt{font-size:11px;color:#b9ad9c}.demo-provider-info dd{margin:2px 0 0;overflow-wrap:anywhere}.demo-provider-info :focus-visible{outline:2px solid #f2ad49;outline-offset:3px}
@media(max-width:600px){.demo-provider-info dl{grid-template-columns:1fr}.demo-provider-info{font-size:12px}}
/* ---- 工坊試玩台（2026-10-30）：待機＝封面海報＋開始鍵；載入中＝工坊準備畫面 ---- */
.demo-simple .demo-screen{border:1px solid #b78a4b;border-radius:12px;background:#1b1716 url('assets/brand/workshop-stage.webp') center 72%/cover no-repeat;box-shadow:0 18px 50px #2a1a0a40,0 0 0 1px #ffc15e22,inset 0 0 0 1px #00000055}
.demo-simple .demo-placeholder.stage-idle{position:relative;isolation:isolate;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:36px;min-height:360px;aspect-ratio:16/7;padding:34px 48px;background:transparent;text-align:left}
.demo-simple .demo-placeholder.stage-idle::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#120e0ccc,#17120f99 45%,#120e0c88),linear-gradient(#0000,#0b0807aa 92%)}
.stage-poster{margin:0;justify-self:center;width:min(100%,var(--poster-w,200px));max-width:100%;border:3px solid #e2b86a;border-radius:8px;overflow:hidden;background:#2b2320;box-shadow:0 0 0 1px #5a3d1a,0 22px 40px #000a,0 0 34px #f2ad4933;transform:rotate(-2.5deg)}
.stage-poster img{width:100%;height:auto;display:block}
.stage-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.stage-kicker{font-size:11px;letter-spacing:.3em;color:#e8b969;font-weight:700}
.demo-simple .stage-copy h1{font-size:clamp(26px,3.4vw,38px);line-height:1.2;color:#fff4e5;text-shadow:0 2px 10px #000c}
.stage-meta{display:flex;align-items:center;gap:12px;margin:0;font-size:13px;color:#d9c7af}.stage-meta .provider img{height:20px;width:auto}.stage-meta .provider-wordmark{font-size:15px;color:#f4ebdd}
.demo-simple .stage-copy #demo-start{min-width:190px;min-height:52px;margin-top:6px;border:1px solid #ffcd80;border-radius:30px;background:linear-gradient(#ffc773,#eea23d);color:#35251c;font-size:16px;font-weight:750;padding:12px 28px;box-shadow:0 4px 18px #f4aa3844,0 0 0 4px #f2ad4914}
.demo-simple .stage-copy #demo-start:hover{background:linear-gradient(#ffd38c,#f5ad48);border-color:#ffe0a8}
.demo-simple .stage-copy small{font-size:12px;color:#d9c7afcc}
.stage-loading{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:#fff4e5;background:#120e0ce6 url('assets/brand/workshop-stage.webp') center 72%/cover no-repeat;background-blend-mode:multiply;pointer-events:none}
.stage-loading strong{font-size:18px;text-shadow:0 2px 8px #000}.stage-loading small{font-size:12px;color:#d9c7af}
.stage-ring{width:46px;height:46px;border-radius:50%;border:3px solid #e2b86a33;border-top-color:#ffc773;box-shadow:0 0 18px #f2ad4955;animation:stage-spin 1s linear infinite}
@keyframes stage-spin{to{transform:rotate(360deg)}}
.demo-simple[data-state=loading] .stage-loading,.demo-simple[data-state=loading-signaled] .stage-loading{display:flex}
.demo-simple[data-state=loading] #demo-mount,.demo-simple[data-state=loading-signaled] #demo-mount{min-height:360px}
.demo-simple .demo-controls button{background:#2d2724;color:#e8d8bd;border-color:#76624b}.demo-simple .demo-controls button:hover{border-color:#e2b86a;color:#fff4e5}
@media(max-width:600px){.demo-simple .demo-placeholder.stage-idle{grid-template-columns:1fr;gap:18px;min-height:0;aspect-ratio:auto;padding:26px 18px 24px;text-align:center}.stage-poster{width:min(100%,var(--poster-w-m,132px));transform:rotate(-2deg)}.stage-copy{align-items:center}.demo-simple .stage-copy h1{font-size:26px}.stage-meta{justify-content:center;flex-wrap:wrap;gap:8px}.demo-simple .stage-copy #demo-start{width:100%;max-width:300px}.demo-simple[data-state=loading] #demo-mount,.demo-simple[data-state=loading-signaled] #demo-mount{min-height:300px}}
@media(prefers-reduced-motion:reduce){.stage-ring{animation:none}}