.workshop-shell{--ink:#173126;--paper:#f1f5ea;--celadon:#d7e5d5;--lemon:#e4c93d;--line:#17312629;min-height:100dvh;color:var(--ink);background:linear-gradient(135deg,#eef4e8,var(--celadon) 58%,#edf2e8)}.workshop-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1f5eae8;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 max(20px,50% - 620px);display:grid}.workshop-topbar a{color:var(--ink);font-weight:750;text-decoration:none}.workshop-back{text-underline-offset:4px;font-size:13px;text-decoration:underline!important}.workshop-brand{justify-self:center;font:18px ZCOOL XiaoWei,Songti SC,serif}.workshop-brand span{background:var(--lemon);border-radius:9px;place-items:center;width:27px;height:27px;margin-right:7px;display:inline-grid}.workshop-topbar strong{justify-self:end;font:22px ZCOOL XiaoWei,Songti SC,serif}.workshop-layout{grid-template-columns:minmax(0,1fr) 340px;gap:44px;width:min(1240px,100% - 40px);margin:auto;padding:34px 0 56px;display:grid}.workshop-heading{text-align:center;margin:0 0 18px}.workshop-heading h1{margin:0;font:clamp(30px,4vw,45px)/1.12 ZCOOL XiaoWei,Songti SC,serif}.workshop-heading p{color:#52675c;margin:9px 0;font-size:13px;font-weight:700}.workshop-board{aspect-ratio:1;background:#a96f38;border:clamp(8px,1.2vw,14px) solid #784723;border-radius:10px;width:min(76vh,820px,100%);margin:auto;position:relative;box-shadow:0 42px 80px #364e3b45,inset 0 0 32px #3d1d0738}.workshop-grid{background-image:linear-gradient(#311b0bd1 1px,#0000 1px),linear-gradient(90deg,#311b0bd1 1px,#0000 1px);background-size:5.55556% 5.55556%;border-bottom:1px solid #311b0bd1;border-right:1px solid #311b0bd1;position:absolute;inset:5.4%}.workshop-star{aspect-ratio:1;background:#3b200e;border-radius:50%;width:clamp(4px,.65%,7px);position:absolute;transform:translate(-50%,-50%)}.workshop-point{aspect-ratio:1;z-index:2;background:0 0;border:0;border-radius:50%;width:5.3%;padding:0;position:absolute;transform:translate(-50%,-50%)}.workshop-point:focus-visible{outline-offset:2px;outline:2px solid #79660c}.workshop-stone{border-radius:50%;display:none;position:absolute;inset:3.5%;box-shadow:0 4px 7px #1f2d236b}.workshop-point.black .workshop-stone,.workshop-point.white .workshop-stone{display:block}.workshop-point.black .workshop-stone{background:radial-gradient(circle at 33% 25%,#686d6b,#1a1d1b 34%,#030504 83%)}.workshop-point.white .workshop-stone{background:radial-gradient(circle at 33% 24%,#fffef7,#e4e1d6 52%,#aaa69c 100%)}.workshop-point.pending .workshop-stone{opacity:.56;box-shadow:0 0 0 2px var(--lemon),0 0 16px #e4c93d61}.workshop-tools{flex-wrap:wrap;justify-content:center;gap:8px;width:min(820px,100%);margin:30px auto 0;display:flex}.workshop-tools button,.workshop-actions button{background:var(--paper);min-height:44px;color:var(--ink);border:1px solid #1731263d;border-radius:9px;padding:0 13px;font-weight:800}.workshop-tools .selected,.workshop-tools .tool-primary,.workshop-primary{background:var(--lemon)!important;color:#213227!important;border:0!important}.tool-group{border-right:1px solid var(--line);gap:5px;padding-right:8px;display:flex}button:disabled{cursor:not-allowed;opacity:.48}.workshop-panel{flex-direction:column;gap:14px;display:flex}.workshop-form,.workshop-invite,.workshop-hint,.workshop-readout{border:1px solid var(--line);background:#fbfcf7ee;border-radius:16px;padding:18px;box-shadow:0 18px 44px #39523f21}.workshop-hint{padding:0}.workshop-form h2,.workshop-invite h2,.workshop-readout h2{margin:0 0 15px;font:25px ZCOOL XiaoWei,Songti SC,serif}.workshop-form label,.workshop-invite>label{color:#425a4e;margin-top:12px;font-size:12px;font-weight:800;display:block}.workshop-form input,.workshop-form select,.workshop-form textarea,.workshop-invite input{box-sizing:border-box;width:100%;min-height:44px;color:var(--ink);font:inherit;background:#f6f9f2;border:1px solid #17312633;border-radius:9px;margin-top:7px;padding:10px 12px}.workshop-form textarea{resize:vertical;min-height:78px}.workshop-form input:focus,.workshop-form select:focus,.workshop-form textarea:focus,.workshop-invite input:focus{outline-offset:1px;outline:2px solid #806d0e}.workshop-primary{border-radius:10px;width:100%;min-height:46px;margin-top:17px;font-weight:850}.workshop-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;display:grid}.workshop-actions .workshop-primary{margin:0}.workshop-hint summary{cursor:pointer;align-items:center;min-height:48px;padding:0 18px;font-weight:850;display:flex}.workshop-hint p{color:#52675c;margin:0;padding:0 18px 18px;font-size:13px;line-height:1.7}.workshop-invite p,.workshop-public-note{color:#52675c;margin:0;font-size:12px;line-height:1.65}.workshop-invite fieldset{border:0;border-top:1px solid var(--line);gap:14px;margin:15px 0 0;padding:10px 0;display:flex}.workshop-invite legend{font-size:12px;font-weight:800}.workshop-invite fieldset input{accent-color:#806d0e;width:auto;min-height:auto;margin:0 5px 0 0}.workshop-readout dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.workshop-readout .wide{grid-column:1/-1}.workshop-readout dt{color:#52675c;font-size:11px;font-weight:800}.workshop-readout dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.55}.workshop-public-note{margin-top:12px}.workshop-error,.workshop-notice,.workshop-score{border-radius:9px;width:min(820px,100%);margin:12px auto 0;padding:10px 12px;font-size:13px;line-height:1.55}.workshop-error{color:#843d37;background:#f6dfd9}.workshop-notice{color:#4d490f;background:#e4c93d2e}.workshop-score{background:var(--celadon)}@media (max-width:820px){.workshop-layout{width:min(100% - 24px,720px);padding-top:22px;display:block}.workshop-panel{margin-top:30px}}@media (max-width:520px){.workshop-topbar{height:64px;padding:0 14px}.workshop-brand{font-size:0}.workshop-brand span{margin:0}.workshop-topbar strong{font-size:19px}.workshop-layout{padding-bottom:30px}.workshop-board{border-width:7px;border-radius:7px}.workshop-tools{justify-content:flex-start;gap:6px}.tool-group{border:0;border-bottom:1px solid var(--line);width:100%;padding:0 0 6px}.tool-group button{flex:1}.workshop-form,.workshop-invite,.workshop-readout{padding:15px}.workshop-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.workshop-shell *{transition:none!important}}.workshop-brand span{font-size:18px}.workshop-topbar a,.workshop-invite fieldset label{align-items:center;min-height:44px;display:inline-flex}.workshop-heading h1,.workshop-hint p,.workshop-notice{overflow-wrap:anywhere}