.children-socks-stage[hidden],.children-socks-settings[hidden],.children-socks-stage [hidden],.children-socks-settings [hidden]{display:none!important}
.children-socks-stage{position:absolute;inset:0;z-index:21;background:radial-gradient(ellipse at 50% 40%,#fffcf6,#eee6da);border-radius:22px;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}
.children-socks-stage>canvas{width:100%;height:100%;min-height:0;touch-action:none;cursor:grab}.children-socks-stage>p{padding:10px;margin:0;text-align:center;font-size:12px;color:#806c53}
.children-socks-stage .children-socks-sheet,.children-socks-stage .children-socks-official{position:absolute;inset:55px 5% 45px;width:90%;height:calc(100% - 100px);object-fit:contain;background:transparent;z-index:2}
.children-socks-settings{padding:18px;margin:12px 0;display:grid;gap:12px;background:#fffaf1;border:1px solid #decbb0;border-radius:16px;color:#473a2c}
.children-socks-settings h3,.children-socks-settings p{margin:0}.children-socks-settings small{font-size:12px;line-height:1.6;color:#806c53}.children-socks-settings select{width:100%;padding:10px;background:white;border:1px solid #cbb38e;border-radius:10px;font:inherit}.children-socks-settings label{display:grid;gap:8px;font-size:13px}.children-socks-settings label:has([type=checkbox]){display:flex;align-items:flex-start}.children-socks-settings input[type=range]{width:100%;accent-color:#947245}.children-socks-settings input[type=checkbox]{width:auto;accent-color:#947245}.children-socks-settings button{padding:11px;border:1px solid #c6a574;border-radius:10px;background:#5d4932;color:#fff;font:inherit;cursor:pointer}.children-socks-settings button:disabled{opacity:.5;cursor:default}.children-socks-price{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #e6daca;padding-top:12px}
.children-socks-active #frameStage{position:relative;min-height:300px}.children-socks-active #frameModel,.children-socks-active #legacyFramePreview,.children-socks-active #productRenderCanvas,.children-socks-active .puzzle-stage,.children-socks-active .mug-stage,.children-socks-active .scene-preview-card{display:none!important}
.children-socks-active .editor>section:not(.children-socks-settings),.children-socks-active .editor>.creator-intro,.children-socks-active #lightToggle,.children-socks-active #homeSceneButton,.children-socks-active #toolCompare,.children-socks-active #aiWorkGift,.children-socks-active #fitImageButton,.children-socks-active #toolText,.children-socks-active #toolScene,.children-socks-active .puzzle-product-arrow{display:none!important}
.children-socks-settings #orderPanel{display:grid!important;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.children-socks-settings #orderPanel>h2,.children-socks-settings #orderPanel>label:has(>#quantityInput),.children-socks-settings #submitOrder,.children-socks-settings #orderResult,.children-socks-settings .order-secondary-actions{display:none!important}
.children-socks-active .ai-work-edit-capabilities,.children-socks-active .ai-work-edit-heading p{display:none!important}.children-socks-active .ai-work-edit-heading::after{content:'当前作品已用于儿童袜预览。选择颜色并调整画面后确认制作效果。';font-size:12px;color:#725f48}
@media(min-width:851px){body.h5-workspace.children-socks-active .product-preview>.preview-controls{display:none!important}body.h5-workspace.children-socks-active .product-preview{grid-template-rows:minmax(0,1fr) auto}body.h5-workspace.children-socks-active .product-preview:has(.pc-product-selector){grid-template-rows:auto minmax(0,1fr) auto}}
@media(min-width:851px){body.h5-workspace.children-socks-active .product-preview>#frameStage{grid-row:1;min-height:0}body.h5-workspace.children-socks-active .product-preview>.workbench-preview-bottom{grid-row:2}body.h5-workspace.children-socks-active .product-preview:has(.pc-product-selector)>#frameStage{grid-row:2}body.h5-workspace.children-socks-active .product-preview:has(.pc-product-selector)>.workbench-preview-bottom{grid-row:3}}

.children-socks-stage .children-socks-sheet,.children-socks-stage .children-socks-official{position:absolute;inset:58px 5% 48px;width:90%;height:calc(100% - 106px);object-fit:contain;cursor:default}
.children-socks-stage>p{position:absolute;bottom:0;left:0;right:0;line-height:1.5;pointer-events:none}
.children-socks-stage .mug-view-switch{z-index:4}
.children-socks-active .wall-art-stage,.children-socks-active .mug-stage{display:none!important}

.children-socks-active .blanket-stage,.children-socks-active .wooden-puzzle-stage{display:none!important}
@media(max-width:850px){.children-socks-settings{margin:12px;padding:16px}.children-socks-active #frameStage{min-height:380px}.children-socks-active .editor{display:block!important}}

.children-socks-stage .children-socks-model{position:absolute;inset:38px 0 38px;width:100%;height:calc(100% - 76px);background:transparent;z-index:1;cursor:grab;touch-action:none;outline-offset:-5px}
.children-socks-stage .children-socks-model:active{cursor:grabbing}
.children-socks-stage .children-socks-model:focus-visible{outline:2px solid #b5905b}
.children-socks-stage .mug-view-switch button:disabled{opacity:.5;cursor:default}

.children-socks-active #resetViewButton,.children-socks-active .h5-preview-note{display:none!important}
.children-socks-text{min-width:0;margin:8px 0;padding:16px;display:grid;gap:12px;border:1px solid #dbc39e;border-radius:12px;background:#fffdf8}
.children-socks-text legend{font-size:17px;font-weight:700;padding:0 6px}.children-socks-text>p{font-size:13px;line-height:1.6}
.children-socks-text label:has([type=range]){grid-template-columns:1fr auto;gap:3px;align-items:center}.children-socks-text label:has([type=range]) input{grid-column:1/-1;height:20px;margin:0}
.children-socks-text input[type=text]{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #cbb38e;border-radius:9px;background:white;color:#473a2c;font:inherit}
.children-socks-text-style{display:grid;grid-template-columns:1fr 1fr;gap:10px}.children-socks-text label output{color:#806c53}
.children-socks-blessings,.children-socks-text-actions{display:flex;flex-wrap:wrap;gap:6px}.children-socks-text .children-socks-blessings button,.children-socks-text .children-socks-text-actions button{padding:7px 9px;background:#f8eedf;color:#5d4932;font-size:12px;min-height:36px}
.children-socks-text [data-text-feedback]{font-size:12px;color:#356344}.children-socks-text [data-text-feedback][data-error=true]{color:#a73229}
.children-socks-render-notice{position:absolute;inset:60px 0 40px;z-index:3;display:grid;place-items:center;text-align:center;padding:20px;background:#f9f4ecee;font-size:14px;color:#705c43}

/* Official fixed-view childrenSocks gallery; model, editor and checkout preview retain their own states. */
.children-socks-effects{position:absolute;inset:62px 16px 38px;display:flex;flex-direction:column;gap:10px;min-height:0}.children-socks-effects[hidden]{display:none!important}.children-socks-effects-picture{position:relative;flex:1;min-height:0;display:grid;place-items:center}.children-socks-effects-picture canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.children-socks-effects-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#715d43;font-size:13px}.children-socks-effects-status[hidden]{display:none}.children-socks-effects-status button{padding:8px 16px;border:1px solid #b89a6b;border-radius:18px;background:#fffaf1;color:#59462d;cursor:pointer}.children-socks-effects-tabs{display:flex;justify-content:center;gap:8px;flex:none}.children-socks-effects-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #decdb4;background:#fffaf2;border-radius:10px;padding:5px 9px;color:#6c5538;font:inherit;font-size:12px;cursor:pointer;min-height:44px}.children-socks-effects-tabs img{width:40px;height:40px;object-fit:contain;border-radius:5px}.children-socks-effects-tabs button[aria-pressed=true]{border-color:#9c793d;background:#f2e4c9;color:#513b22;box-shadow:0 0 0 1px #9c793d}.children-socks-effects-tabs button:focus-visible{outline:2px solid #997337;outline-offset:2px}@media(max-width:500px){.children-socks-effects{inset:58px 8px 38px}.children-socks-effects-tabs{gap:4px}.children-socks-effects-tabs button{padding:5px;font-size:11px;gap:4px}.children-socks-effects-tabs img{width:28px;height:28px}}
