.world-shell{position:relative;isolation:isolate;width:100%;height:100%;min-height:360px;overflow:hidden;background:#EEF0F3;color:#25282E;font-family:inherit;border-radius:24px}
.world-canvas{display:block;width:100%;height:100%;min-height:0;touch-action:none;cursor:grab;outline-offset:-5px}
.world-canvas:active{cursor:grabbing}
.world-shell button,.world-shell select{font:inherit}
.world-shell button:focus-visible,.world-shell select:focus-visible,.world-canvas:focus-visible,.product-preview-canvas:focus-visible{outline:3px solid #25282E;outline-offset:3px}
.world-shell .world-canvas:focus-visible{outline-offset:-5px}
.world-top{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
.world-top>*{pointer-events:auto}
.world-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 17px;border:1px solid #b0b4ba;border-radius:11px;background:rgba(255,255,255,.96);color:#25282E;box-shadow:0 3px 12px #25282E0C;cursor:pointer;font-weight:600}
.world-button:hover{background:#EEF0F3;border-color:#4B515B}
.world-button:active{background:#dce0e5}
.world-identity{text-align:center;background:#ffffffed;border:1px solid #dce0e5;border-radius:14px;padding:11px 26px;box-shadow:0 4px 22px #25282E0A}
.world-identity span{display:block;letter-spacing:.15em;font-size:9px;font-weight:700;color:#4B515B;margin-bottom:3px}
.world-identity strong{font-size:17px;font-weight:600}
.world-nav{position:absolute;top:104px;left:20px;display:flex;gap:8px;align-items:end;max-width:calc(100% - 40px);padding:12px;background:#ffffffed;border:1px solid #dce0e5;border-radius:14px;box-shadow:0 5px 24px #25282E0C}
.world-nav label{display:grid;gap:4px;min-width:0}
.world-nav label>span{font-size:10px;font-weight:600;color:#4B515B;padding-left:2px}
.world-select{height:42px;max-width:190px;min-width:0;border:1px solid #b0b4ba;border-radius:8px;padding:0 26px 0 10px;background:#FFFFFF;color:#25282E;font-size:12px!important;text-overflow:ellipsis}
.world-nav>.world-button{min-height:42px;padding:8px 12px;font-size:12px}
.world-find-short{display:none}
.world-status{position:absolute;left:50%;bottom:99px;transform:translateX(-50%);pointer-events:none;font-size:11px;font-weight:500;background:#fffffff0;padding:6px 11px;border-radius:20px;white-space:nowrap}
.world-capacity-notice{position:absolute;top:201px;left:20px;display:flex;align-items:center;gap:12px;max-width:min(550px,calc(100% - 100px));padding:10px 12px;background:#FFFFFF;border:1px solid #b0b4ba;border-radius:12px;box-shadow:0 4px 18px #25282E10}
.world-capacity-notice[hidden]{display:none}
.world-capacity-notice p{margin:0;font-size:12px;line-height:1.45}
.world-capacity-notice .world-button{flex-shrink:0;font-size:11px;padding:8px 10px}
.world-bottom{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.world-help{font-size:11px;line-height:1.6;max-width:500px;margin:0;text-align:center;color:#25282E;background:#fffffff0;padding:6px 12px;border:1px solid #dce0e5;border-radius:20px}
.world-selection{display:flex;gap:16px;align-items:center;padding:10px 12px 10px 18px;background:#FFFFFF;border:1px solid #dce0e5;border-radius:14px;box-shadow:0 8px 24px #25282E20;pointer-events:auto;max-width:100%}
.world-selection[hidden]{display:none}
.world-selection>div{display:grid;gap:3px;min-width:0}
.world-selection strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.world-selection span{font-size:11px;color:#4B515B}
.world-selection button{color:#FFFFFF;background:#4B515B;border-color:#4B515B;font-size:12px;flex-shrink:0}
.world-selection button:hover{background:#25282E}
.world-crosshair{position:absolute;top:50%;left:50%;width:7px;height:7px;border:1.5px solid #FFFFFF;border-radius:50%;box-shadow:0 0 0 1px #25282E60;pointer-events:none;transform:translate(-50%,-50%)}
.world-move{position:absolute;bottom:24px;left:22px;display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:5px}
.world-move button{padding:0;font-size:20px;touch-action:none;user-select:none;-webkit-user-select:none}
.world-move [data-action=forward]{grid-column:2;grid-row:1}
.world-move [data-action=left]{grid-column:1;grid-row:2}
.world-move [data-action=back]{grid-column:2;grid-row:2}
.world-move [data-action=right]{grid-column:3;grid-row:2}
.world-look{position:absolute;bottom:24px;right:22px;display:flex;gap:6px}
.world-look button{touch-action:none;user-select:none;font-size:22px;padding:0}
.world-zoom{position:absolute;right:22px;top:110px;display:grid;gap:7px}
.world-zoom button{font-size:21px;padding:0}
.product-preview-canvas{display:block;width:100%;height:100%;min-height:220px;touch-action:none;cursor:grab;border-radius:inherit}
@media(max-width:700px){
 .world-shell{min-height:360px;border-radius:16px}
 .world-canvas{border-radius:16px}
 .world-top{top:12px;left:12px;right:12px;gap:6px;align-items:start}
 .world-top>.world-button{padding:8px 10px;font-size:11px;min-height:42px}
 .world-identity{padding:8px 9px;border-radius:10px;min-width:0}
 .world-identity span{font-size:7px;letter-spacing:.1em}
 .world-identity strong{font-size:11px;display:block;max-width:108px}
 .world-nav{top:78px;left:12px;right:12px;max-width:none;padding:8px;gap:6px;display:grid;grid-template-columns:minmax(80px,.8fr) minmax(100px,1fr) 42px}
 .world-select{width:100%;max-width:none;height:38px;padding:0 19px 0 6px;font-size:10px!important}
 .world-nav label>span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .world-nav>.world-button{padding:3px;min-width:42px;min-height:38px;font-size:9px;overflow-wrap:anywhere}
 .world-find-long{display:none}
 .world-find-short{display:block;font-size:21px}
 .world-zoom{right:12px;top:155px;gap:5px}
 .world-zoom button{min-height:40px;min-width:40px}
 .world-move{left:12px;bottom:49px;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:4px}
 .world-move button{min-width:42px;min-height:42px}
 .world-look{right:12px;bottom:49px;gap:5px}
 .world-look button{min-width:42px;min-height:42px}
 .world-bottom{left:8px;right:8px;bottom:9px;gap:7px}
 .world-help{font-size:8px;line-height:1.5;padding:5px 7px;max-width:100%}
 .world-selection{position:absolute;bottom:140px;left:4px;right:4px;padding:8px 8px 8px 11px;gap:7px}
 .world-selection>div{flex:1}
 .world-selection strong{font-size:11px}
 .world-selection span{font-size:10px}
 .world-selection button{padding:8px;font-size:10px}
 .world-status{bottom:147px;font-size:9px}
 .world-capacity-notice{top:155px;left:12px;right:63px;max-width:none;display:block;padding:8px 10px}
 .world-capacity-notice p{font-size:10px;line-height:1.4}
 .world-capacity-notice .world-button{margin-top:6px;min-height:35px;font-size:10px;padding:6px 9px}
 .world-shell:has(.world-selection:not([hidden])) .world-status{display:none}
}
@media(prefers-reduced-motion:reduce){.world-shell *{scroll-behavior:auto}}