/* Fourth act: a readable atelier, with the puppet above a compact tool tray. */
#theatre.workshop-mode .w-background,#theatre.workshop-mode .w-character,#theatre.workshop-mode .w-item img{filter:none!important}
#theatre.workshop-mode .w-room-shade{background:linear-gradient(#071d3599,transparent 24%,transparent 55%,#06182bc9)!important}
#theatre.workshop-mode .w-subject{opacity:1!important}
#theatre.workshop-mode .w-header{top:2.8%;left:20%;right:16%;text-shadow:0 2px 8px #071a30}
#theatre.workshop-mode .w-header>span{font-size:9px;letter-spacing:2px;color:#bce4f5!important}
#theatre.workshop-mode .w-header h1{font-size:16px;line-height:1.5;margin:5px 0;color:#f5ebf8!important;letter-spacing:1px}
#theatre.workshop-mode .w-progress{gap:5px}.w-progress i{flex:1!important;height:3px!important;border-radius:5px;background:#a1ccdf44!important}.w-progress i.done{background:#eea7cf!important}
.w-step-nav{position:absolute;z-index:16;top:13%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#d8edfa;font:10px var(--serif);letter-spacing:1px}
#theatre.workshop-mode .w-step-nav button{border:1px solid #bde6fa66;border-radius:14px;background:#0d2c48c9;color:#d8edfa;padding:6px 10px;min-height:30px;font:10px var(--serif)}
#theatre.workshop-mode .w-paper{top:548px;left:16px;right:16px;border:1px solid #b8ddef99!important;border-radius:16px!important;background:linear-gradient(135deg,#eff7fffa,#fcecf8f7)!important;box-shadow:0 7px 28px #05182d44!important;color:#254c70!important;overflow:hidden}
#theatre.workshop-mode .w-primary,#theatre.workshop-mode .w-secondary{border:1px solid #b5d9ef!important;border-radius:20px!important;background:linear-gradient(110deg,#f5b7dd,#a8d6f0)!important;color:#153955!important;box-shadow:inset 0 1px #ffffff99,0 3px 15px #183a5733!important;font-size:13px;min-height:40px;letter-spacing:.5px}
#theatre.workshop-mode .w-secondary{background:#e6f0faee!important;color:#28516f!important}
#theatre.workshop-mode .w-text{border:0!important;color:#456b8c!important;background:transparent!important;min-height:32px}
#theatre.workshop-mode .w-caption{bottom:2.5%;left:6%;right:6%;min-height:8%;border:1px solid #b1d9ed77!important;border-radius:2px 14px!important;background:#0a213be8!important;color:#e7f4fe!important;padding:10px 12px;box-shadow:0 3px 16px #04182b33}
#theatre.workshop-mode .w-caption p{font-size:11px;line-height:1.9;letter-spacing:.4px;color:#e7f4fe!important;text-shadow:none}
#theatre.workshop-mode .w-category-tabs{padding:7px 8px 0;border-color:#afcade66!important}
#theatre.workshop-mode .w-category-tabs button,#theatre.workshop-mode .w-zone-tabs button{border-radius:12px!important;background:transparent!important;color:#52738e!important;font-size:11px;padding:6px 2px;min-height:32px}
#theatre.workshop-mode .w-category-tabs button.chosen,#theatre.workshop-mode .w-zone-tabs button.chosen{background:#d9eafa!important;color:#244f77!important;box-shadow:none!important}
#theatre.workshop-mode .w-item-row{min-height:94px;padding:9px;gap:7px}
#theatre.workshop-mode .w-item{border:1px solid #bad1e1!important;border-radius:10px!important;background:#ffffffb8!important;color:#36597b!important;padding:5px 3px}
#theatre.workshop-mode .w-item img{height:61px;width:72px}.w-item small{font-size:10px!important}
#theatre.workshop-mode .w-item.chosen{border:2px solid #dc88b6!important;padding:4px 2px;box-shadow:inset 0 0 16px #f5d0e744!important}
#theatre.workshop-mode .w-item i{background:#bb6098!important;color:white!important}
#theatre.workshop-mode .w-tools{padding:4px 9px 8px;gap:4px;flex-wrap:wrap}.w-tools .w-primary,.w-tools .w-secondary{font-size:11px!important;min-height:32px!important;padding:6px 10px!important}
#theatre.workshop-mode .w-tools .w-text{font-size:10px;padding:5px 6px}
#theatre.workshop-mode .w-zone-tabs{padding:5px 7px;border-color:#afcade66!important}
.w-palette-presets{display:flex;gap:8px;justify-content:center;padding:3px 5px 0}.w-palette-presets .w-text{font-size:10px;padding:3px 8px;min-height:24px!important;border:1px solid #b4cddd!important;border-radius:12px!important}
#theatre.workshop-mode .w-pigments{padding:5px 7px;gap:4px}#theatre.workshop-mode .w-pigments button{font-size:9px;color:#426582!important;gap:4px;padding:3px;min-width:45px}
#theatre.workshop-mode .w-pigments i{background:var(--pigment)!important;box-shadow:inset 0 0 0 2px white,0 1px 5px #2d5a8033!important;width:25px;height:25px}
#theatre.workshop-mode .w-pigments .chosen i{outline:2px solid #c775a6!important;outline-offset:2px}
#theatre.workshop-mode .w-pattern-row button{border:1px solid #b1cddf!important;background:#ffffffaa!important;color:#456b88!important;border-radius:10px;padding:8px 12px;min-width:62px}#theatre.workshop-mode .w-pattern-row button.chosen{background:#f3cce5!important;border-color:#d899bd!important;color:#633c68!important}
#theatre.workshop-mode .w-base-note{top:559px;left:35px;right:35px;justify-content:center;gap:14px}#theatre.workshop-mode .w-base-note span{font-size:11px;color:#e0f2fc!important;border-color:#b8dff577!important}
#theatre.workshop-mode .w-action-panel{top:675px;left:25px;right:25px}
#theatre.workshop-mode .w-joint-progress{top:578px;color:#c9e6f5!important}#theatre.workshop-mode .w-joint-progress .done{color:#edb3d6!important}#theatre.workshop-mode .w-joint-progress .current{color:#eff9ff!important}
#theatre.workshop-mode .w-joint,#theatre.workshop-mode .w-paint-point{background:#153c62de!important;border:1px solid #c6e7f9!important;color:#e5f7ff!important;box-shadow:0 0 16px #c2def655!important;width:34px;height:34px}
#theatre.workshop-mode .w-joint.confirmed{background:#ba77a4!important}#theatre.workshop-mode .w-paint-point.chosen{background:#bd73a3!important}
#theatre.workshop-mode .w-loupe{right:12px;top:196px;width:76px;height:76px;border-color:#e3b0d3!important;background:#e2f3fc!important}
#theatre.workshop-mode .w-backlight{background:radial-gradient(ellipse,#e6f7ffe0,#a5d9ed66 45%,transparent 72%)!important}
#theatre.workshop-mode .w-rod{border-color:#b8e7ff99!important;background:#b7dff51a!important}
#theatre.workshop-mode .w-rod-target{border-color:#f0b9dc!important;background:#dca6ce33!important;color:#eeceee!important}
#theatre.workshop-mode .w-rod-line path{stroke:#375976!important;filter:drop-shadow(1px 0 #e7b9d2)!important}.w-rod-grip{stroke:#b6d9e9!important}.w-rod-pin{fill:#deb780!important;stroke:#fbefd4!important}
#theatre.workshop-mode .w-light-control{position:absolute;top:555px;left:40px;right:40px;display:flex;align-items:center;gap:10px;background:#112e49df;padding:12px 14px;border:1px solid #abd4e977;border-radius:18px;color:#d5eefc;font:11px var(--serif);pointer-events:auto}.w-light-control input{min-width:0;flex:1;accent-color:#e796c5;touch-action:pan-x}.w-light-control output{width:32px}
#theatre.workshop-mode .w-result-tools{top:586px}.w-result-tools .w-primary{min-width:130px}
#theatre.workshop-mode .w-save-image{top:118px;height:450px;background:#112d48!important;border:1px solid #a9d8ef!important;border-radius:12px}
.w-save-close{position:absolute;z-index:32;right:30px;top:125px;border:1px solid #bfdfee;border-radius:15px;padding:6px 10px;background:#112d48e8;color:#edf7ff;pointer-events:auto;font:11px var(--serif)}
#theatre.workshop-mode button:focus-visible{outline:2px solid #f5add6!important;outline-offset:3px}
/* Twelve pieces in a true pink/blue wardrobe, and a playable joint lesson. */
.w-collection-note{margin:8px 12px 0;color:#6484a0;font:10px var(--serif);letter-spacing:1px}
#theatre.workshop-mode .w-wardrobe{top:528px}
#theatre.workshop-mode .w-wardrobe .w-item-row{min-height:91px}
#theatre.workshop-mode .w-joint-lesson{top:541px;padding:12px 14px 8px;box-sizing:border-box}
.w-joint-lesson-top{display:flex;justify-content:space-between;align-items:center;color:#6687a4;font:10px var(--serif);letter-spacing:2px}.w-joint-lesson-top b{color:#b55f98;font-weight:normal;letter-spacing:1px}
.w-joint-lesson h2{font:16px/1.4 var(--serif);letter-spacing:2px;margin:6px 0;color:#254d72}.w-joint-lesson p{font:10px/1.7 var(--serif);margin:4px 0 9px;min-height:34px;letter-spacing:.5px;color:#466982}
.w-joint-sequence{display:flex;gap:6px}.w-joint-sequence button{flex:1;border:1px solid #b8cfe1;background:#f8fcff;color:#6a879e;border-radius:10px;padding:5px 2px;font:13px var(--serif);min-height:41px}.w-joint-sequence small{display:block;font-size:8px;margin-top:3px;letter-spacing:1px}.w-joint-sequence button.current{border-color:#e39fc8;background:#fbe6f3;color:#925879;box-shadow:0 0 10px #e0b7d644}.w-joint-sequence button.done{border-color:#97c6dd;background:#deeffa;color:#325f7f}.w-joint-sequence button:disabled{opacity:.45;cursor:default}
#theatre.workshop-mode .w-joint-lesson .w-tools{padding:7px 0 0;flex-wrap:nowrap;gap:4px}.w-joint-lesson .w-tools .w-primary{font-size:10px!important;padding:6px 9px!important}
.w-joint-demo{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
#theatre.workshop-mode .w-joint.current{border:2px solid #ffc0e3!important;background:#bd75a5!important;box-shadow:0 0 0 6px #f2bed533,0 0 22px #ffc3e888!important}
#theatre.workshop-mode .w-joint.confirmed{background:#326a91!important;border-color:#bcdef5!important}
#theatre.workshop-mode .w-joint{width:34px;height:34px;font-size:11px}
.w-connection-pin{position:absolute;z-index:6;width:16px;height:16px;margin:-8px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff2cb,#d9b66f 32%,#87663b 70%);border:1px solid #ffe0aa;box-shadow:0 0 0 4px #f3b9da77,0 0 18px #b6e5ff}
/* Reference-led high-contrast accessory cards and readable controls. */
#theatre.workshop-mode .w-header h1{font-size:20px!important;font-weight:600;line-height:1.4}
#theatre.workshop-mode .w-header>span{font-size:11px!important;color:#d6f0ff!important}
#theatre.workshop-mode .w-step-nav{font-size:13px;top:13.2%}.w-step-nav button{font-size:12px!important}
#theatre.workshop-mode .w-caption{padding:10px 13px;min-height:83px;bottom:1.5%;background:#06192df5!important;border-color:#9ed3ee!important}
#theatre.workshop-mode .w-caption p{font:14px/1.65 var(--serif)!important;letter-spacing:.3px;color:#f0f9ff!important}
#theatre.workshop-mode .w-workshop[data-workshop-phase=WARDROBE] .w-subject{top:100px;left:85px;width:219px;height:365px}
#theatre.workshop-mode .w-wardrobe{top:484px!important;left:12px;right:12px;background:#071e35f7!important;border-color:#80badb!important;border-radius:12px!important}
.w-wardrobe .w-collection-note{display:none}
#theatre.workshop-mode .w-wardrobe .w-category-tabs{padding:6px 6px 4px;gap:4px;border-bottom:1px solid #6b9eb755!important}
#theatre.workshop-mode .w-wardrobe .w-category-tabs button{font-size:14px!important;font-weight:600;color:#c4e8fa!important;background:#102c47!important;min-height:34px;padding:5px 2px}
#theatre.workshop-mode .w-wardrobe .w-category-tabs button.chosen{color:#08213c!important;background:#90daf4!important}
#theatre.workshop-mode .w-wardrobe .w-category-tabs button>span{width:16px;height:16px}
#theatre.workshop-mode .w-wardrobe .w-item-row{padding:7px 7px 5px;gap:7px;min-height:109px;box-sizing:border-box}
#theatre.workshop-mode .w-wardrobe .w-item{background:#0a233d!important;border:1px solid #749dbc!important;border-radius:0!important;box-shadow:none!important;padding:4px 2px;min-height:99px}
#theatre.workshop-mode .w-wardrobe .w-item img{width:92px;height:61px;object-fit:contain}
#theatre.workshop-mode .w-wardrobe .w-item small{font:600 15px/1.5 var(--serif)!important;color:#d6ecfa!important;letter-spacing:0;white-space:nowrap}
#theatre.workshop-mode .w-wardrobe .w-item.chosen{border:2px solid #ff3ca7!important;padding:3px 1px;box-shadow:0 0 12px #ff38a72b!important}
#theatre.workshop-mode .w-wardrobe .w-item i{top:4px;right:4px;bottom:auto;width:20px;height:20px;font:17px/20px sans-serif;background:#f53ba5!important;color:#061d36!important}
#theatre.workshop-mode .w-wardrobe .w-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px 7px 7px}
#theatre.workshop-mode .w-wardrobe .w-tools button{font:600 13px/1.3 var(--serif)!important;padding:7px 5px!important;min-height:35px!important;border-radius:6px!important;letter-spacing:0}
#theatre.workshop-mode .w-wardrobe .w-tools .w-secondary{background:#123650!important;border-color:#779fbf!important;color:#e1f1ff!important}
#theatre.workshop-mode .w-wardrobe .w-tools [data-w-action=save]{background:#175876!important;color:#e9faff!important;border-color:#72d5ef!important}
#theatre.workshop-mode .w-joint-lesson{top:507px!important;padding:12px 13px 8px}
.w-joint-lesson h2{font-size:19px!important;font-weight:600}.w-joint-lesson p{font-size:13px!important;line-height:1.6;min-height:43px;color:#244d6c!important}.w-joint-lesson-top{font-size:12px}.w-joint-sequence small{font-size:11px}.w-joint-sequence button{font-size:16px}.w-joint-lesson .w-tools .w-primary{font-size:12px!important}
#theatre.workshop-mode .w-zone-tabs button{font-size:12px!important;color:#244d6e!important}.w-palette-presets .w-text{font-size:12px!important}
#theatre.workshop-mode .w-pigments button{font-size:12px!important}.w-pattern-row button{font-size:12px!important}
#theatre.workshop-mode .w-action-panel .w-primary{font-size:16px!important}.w-result-tools button{font-size:15px!important}
.w-save-status{position:absolute;left:20px;right:20px;top:455px;z-index:15;text-align:center;pointer-events:none;margin:0;color:#e7faff;text-shadow:0 1px 5px #031324;font:12px var(--serif)}
#theatre.workshop-mode .w-save-image{z-index:34;top:110px;height:520px;background:repeating-conic-gradient(#112c46 0 25%,#1b3a53 0 50%) 0/24px 24px!important}
#theatre.workshop-mode .w-save-close{z-index:35;top:116px;font-size:14px;min-height:34px}
#theatre.workshop-mode .w-save-image:after{content:'透明 PNG · 长按保存';font-size:14px;background:#061a30dd;padding:6px}
#theatre.workshop-mode .w-wardrobe .w-item small{font-size:17px!important}
#theatre.workshop-mode .w-wardrobe .w-tools button{font-size:15px!important}
#theatre.workshop-mode .w-step-label{background:#08213de8;border:1px solid #85bbda99;border-radius:14px;padding:6px 10px;color:#e6f7ff}
#theatre.workshop-mode .w-base-note span{font-size:14px!important;color:#effaff!important}
#theatre.workshop-mode .w-zone-tabs button{font-size:14px!important}
#theatre.workshop-mode .w-pigments button{font-size:13px!important}
#theatre.workshop-mode .w-pattern-row button{font-size:14px!important}
#theatre.workshop-mode .w-light-control{font-size:14px!important}
/* Guochao streetwear collection. */
#theatre.workshop-mode .w-workshop[data-workshop-phase=WARDROBE] .w-subject{left:92px;top:98px;width:207px;height:345px}
#theatre.workshop-mode .w-wardrobe{top:460px!important;border-radius:10px!important;border-color:#487490!important;background:linear-gradient(150deg,#09192bf7,#102b41fa)!important;box-shadow:0 10px 30px #03132488!important}
#theatre.workshop-mode .w-wardrobe button{font-family:'Microsoft YaHei','PingFang SC',sans-serif!important}
#theatre.workshop-mode .w-wardrobe .w-category-tabs{padding:6px;gap:4px;border:0!important}
#theatre.workshop-mode .w-wardrobe .w-category-tabs button{border-radius:5px!important;background:#16344c!important;color:#a9cee5!important;font-size:14px!important;min-height:33px;box-shadow:none!important;transition:background .18s,color .18s}
#theatre.workshop-mode .w-wardrobe .w-category-tabs button.chosen{background:#f54ba8!important;color:#07192d!important;box-shadow:inset 0 -3px #86e2ff!important}
.w-look-row{display:flex;align-items:center;gap:5px;padding:0 8px 3px;height:26px;box-sizing:border-box}.w-look-row>span{margin-right:auto;font:11px sans-serif;letter-spacing:1px;color:#abcadd}
#theatre.workshop-mode .w-wardrobe .w-look-row button{min-height:23px!important;padding:3px 10px!important;border:1px solid #477690!important;border-radius:3px!important;color:#c6eefd!important;background:#16384d!important;font:12px/1.2 sans-serif!important}
#theatre.workshop-mode .w-wardrobe .w-look-row button:hover{background:#2c5a72!important;border-color:#8be0fc!important}
#theatre.workshop-mode .w-wardrobe .w-item{position:relative;background:linear-gradient(145deg,#122c43,#0b2137)!important;border-color:#58798e!important;border-radius:5px!important;overflow:hidden}
#theatre.workshop-mode .w-wardrobe .w-item img{height:64px;width:96px;transition:scale .18s}
#theatre.workshop-mode .w-wardrobe .w-item:hover img{scale:1.06}
#theatre.workshop-mode .w-wardrobe .w-item small{font:600 16px/1.5 'Microsoft YaHei',sans-serif!important;color:#e3f3ff!important}
#theatre.workshop-mode .w-wardrobe .w-item.chosen{border-color:#ff4dac!important;background:linear-gradient(145deg,#213249,#13223a)!important;box-shadow:inset 0 0 16px #fa3b9c15!important}
.w-piece-number{position:absolute;left:5px;top:3px;font:10px/1.4 Arial,sans-serif;font-style:normal;letter-spacing:1px;color:#7296ad;pointer-events:none}
#theatre.workshop-mode .w-wardrobe .w-item.chosen .w-piece-number{color:#ffa3d2}
#theatre.workshop-mode .w-wardrobe .w-tools button{font-size:14px!important;border-radius:4px!important;font-weight:600}
#theatre.workshop-mode .w-wardrobe .w-tools .w-primary{background:#ed4ca4!important;color:#06192d!important;border-color:#ff8dca!important;box-shadow:none!important}
#theatre.workshop-mode .w-wardrobe .w-tools [data-w-action=save]{background:#59c7e6!important;color:#082338!important;border-color:#a1edff!important}
#theatre.workshop-mode .w-wardrobe .w-tools .w-secondary:not([data-w-action=save]){background:#153449!important;color:#cbe6f7!important}
#theatre.workshop-mode .w-workshop[data-workshop-phase=WARDROBE] .w-header h1{font:600 18px/1.4 'Microsoft YaHei',sans-serif!important;letter-spacing:.5px}
#theatre.workshop-mode .w-wardrobe .w-look-row button{font-size:14px!important;padding:2px 10px!important}
#theatre.workshop-mode .w-wardrobe{top:452px!important}
/* Three real control points and a jointed cutout preview. */
.w-articulated{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
#theatre.workshop-mode .w-rod{z-index:12!important;border:1px solid #9bdbf3!important;background:#102e49ed!important;border-radius:50%!important;color:#e1f5ff!important;font:10px/1.2 'Microsoft YaHei',sans-serif!important;box-shadow:0 0 0 4px #75ceef22!important;cursor:grab}
#theatre.workshop-mode .w-rod-main{border-color:#f19ecb!important;color:#ffc2e5!important}
#theatre.workshop-mode .w-rod-line [data-rod-line=main] path{stroke:#d5a367!important;stroke-width:3.5px}
#theatre.workshop-mode .w-rod-line [data-rod-line=left] path{stroke:#78c8e8!important;stroke-width:2.5px}
#theatre.workshop-mode .w-rod-line [data-rod-line=right] path{stroke:#e8a6d1!important;stroke-width:2.5px}
#theatre.workshop-mode .w-three-rod-panel{position:absolute;top:558px;left:20px;right:20px;pointer-events:auto}
.w-rod-install-list{display:flex;gap:7px}.w-rod-install-list button{flex:1;min-height:49px;border:1px solid #80c2e3;border-radius:8px;padding:6px 2px;background:#09233eed;color:#e2f3ff;font:13px 'Microsoft YaHei',sans-serif}.w-rod-install-list small{display:block;font-size:10px;margin-top:5px;color:#94bfd6}.w-rod-install-list button.installed{background:#215b77;border-color:#a8e6fa}.w-rod-install-list button.installed small{color:#cdeffc}
#theatre.workshop-mode .w-three-rod-panel .w-rod-tools{position:static;margin:9px 0;gap:9px}
#theatre.workshop-mode .w-three-rod-panel .w-action-panel{position:static;margin:8px 0}
#theatre.workshop-mode .w-three-rod-panel .w-action-panel button{font-size:14px!important;min-height:38px}
#theatre.workshop-mode .w-rod-target{font:10px 'Microsoft YaHei',sans-serif!important;width:32px;height:32px}
#theatre.workshop-mode .w-workshop[data-workshop-phase=RODS] .w-header h1{font-size:18px!important}
#theatre.workshop-mode .w-workshop[data-workshop-phase=PREVIEW] .w-rod-tools{top:615px;gap:6px;left:20px;right:20px}
#theatre.workshop-mode .w-workshop[data-workshop-phase=PREVIEW] .w-rod-tools button{padding:6px 10px;min-height:38px;font-size:12px}