.s3d{flex:1;min-width:0;min-height:0;display:flex}.s3d-view{background:var(--canvas);flex:1;min-width:0;position:relative;overflow:hidden}.s3d-view.bg-white{background:#fff}.s3d-view.bg-color{background:var(--s3d-bg,#fff)}.s3d-view.bg-transparent{background:repeating-conic-gradient(var(--panel-3) 0 25%, var(--panel) 0 50%) 0 0 / 22px 22px}.s3d-canvas{inset:0;position:absolute!important}.s3d-marquee{z-index:60;pointer-events:none;background:#0d99ff1a;border:1px solid #0d99ff;border-radius:2px;position:fixed}.top-island .ib-count{background:var(--blue);color:#fff;border-radius:11px;align-self:center;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11.5px;font-weight:650;display:grid}.s3d-keys{grid-template-columns:1fr auto;gap:5px 12px;font-size:11.5px;display:grid}.s3d-keys span:nth-child(odd){color:var(--muted)}.s3d-keys span:nth-child(2n){font-family:var(--mono,ui-monospace, monospace);text-align:right;white-space:nowrap}.s3d-marquee.sub{background:#f248220f;border-style:dashed;border-color:#f24822}.s3d-loading{color:var(--muted);grid-auto-flow:column;place-content:center;align-items:center;gap:8px;display:grid;position:absolute;inset:0}.s3d-view .tool-island{top:12px}.s3d-pill{z-index:9;background:var(--island);box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:8px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.s3d-pill .segmented{background:var(--input)}.s3d-pill .segmented button{height:30px;padding:0 10px}.s3d-pill .seg-label{align-items:center;gap:6px;font-weight:600;display:inline-flex}.s3d-progress{color:var(--muted);align-items:center;gap:8px;padding-right:8px;font-size:12px;display:flex}.s3d-bar{background:var(--input);border-radius:2px;width:84px;height:4px;overflow:hidden}.s3d-bar span{background:linear-gradient(90deg,#0d99ff,#7b61ff);height:100%;transition:width .25s linear;display:block}.s3d-count{font-variant-numeric:tabular-nums;min-width:72px}.s3d-busy{color:var(--muted);align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.s3d-export-progress{background:var(--blue-soft);border-radius:4px;align-items:center;gap:8px;min-height:36px;padding:0 4px 0 10px;font-size:12px;display:flex}.s3d-export-label{font-variant-numeric:tabular-nums;flex:1;min-width:0}.s3d-ball{--c:#4e79a7;background:radial-gradient(circle at 34% 30%, #ffffffd9, transparent 28%), var(--c);border-radius:50%;flex:none;width:18px;height:18px;display:block;box-shadow:inset -3px -4px 6px #00000040,0 0 0 1px #0000001f}.s3d-ball.f-matte,.s3d-ball.f-rubber{background:radial-gradient(circle at 34% 30%, #ffffff40, transparent 55%), var(--c)}.s3d-ball.f-glossy{background:radial-gradient(circle at 32% 28%, #fff 0 14%, transparent 24%), var(--c)}.s3d-ball.f-metal{background:radial-gradient(circle at 34% 30%, #fff, transparent 30%), conic-gradient(from 200deg, var(--c), #fff 25%, var(--c) 45%, #3a3a3a 70%, var(--c))}.s3d-ball.f-glass{background:radial-gradient(circle at 34% 30%, #fff 0 12%, transparent 22%), radial-gradient(circle at 60% 70%, color-mix(in srgb, var(--c) 45%, transparent), transparent 70%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 70%, #fff), 0 0 0 1px #0000001f}.s3d-ball.f-frosted{background:radial-gradient(circle at 40% 35%, #ffffffe6, color-mix(in srgb, var(--c) 40%, #fff) 70%)}.s3d-ball.f-emissive{box-shadow:0 0 8px 2px var(--c), inset 0 0 0 1px #fff6}.s3d-ball.f-ceramic{background:radial-gradient(circle at 32% 28%, #fff 0 10%, transparent 30%), var(--c)}.s3d-finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.s3d-finish{border:1px solid var(--border);background:var(--panel);cursor:pointer;height:32px;color:var(--text);border-radius:4px;align-items:center;gap:7px;min-width:0;padding:0 8px;font-size:12px;display:flex}.s3d-finish span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s3d-finish:hover{border-color:var(--blue)}.s3d-finish.on{border-color:var(--blue);background:var(--blue-soft)}.s3d-dot{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #0003}.btn.danger:hover:not(:disabled){color:var(--red);border-color:var(--red)}.s3d-vec3{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid}.s3d-vec3 .num-field input{min-width:0}.s3d-panel .prop-row{grid-template-columns:82px minmax(0,1fr)}.s3d-outline{flex-direction:column;gap:1px;margin:0 -6px;display:flex}.s3d-row{cursor:pointer;border-radius:4px;align-items:center;gap:8px;height:30px;padding:0 4px 0 8px;display:flex}.s3d-row:hover{background:var(--hover)}.s3d-row.on{background:var(--blue-soft)}.s3d-row.hidden .s3d-row-name{opacity:.45}.s3d-row-icon{color:var(--muted);place-items:center;display:grid}.s3d-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.s3d-envs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.s3d-env{cursor:pointer;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:11px;display:flex}.s3d-env:hover{background:var(--hover);color:var(--text)}.s3d-env.on{border-color:var(--blue);color:var(--text)}.s3d-env-sw{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #00000026}.pop-library{background:var(--menu);color:var(--menu-text);box-shadow:var(--shadow);border-radius:7px}.s3d-library{flex-direction:column;gap:10px;width:470px;max-width:calc(100vw - 32px);padding:12px;display:flex}.s3d-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;padding:2px;display:grid;overflow-y:auto}.s3d-card{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:10px;transition:border-color .12s,transform .12s;display:flex}.s3d-card:hover{border-color:var(--blue);transform:translateY(-1px)}.s3d-glyph{width:40px;height:40px;margin-bottom:2px}.s3d-glyph svg{width:40px;height:40px}.s3d-card-name{font-size:12.5px;font-weight:600}.s3d-card-hint{color:var(--muted);font-size:11px;line-height:1.35}.s3d-empty .empty-card{width:min(560px,90%)}.s3d-quick{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.s3d-lib-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.s3d-lib-search{border:1px solid var(--border);background:var(--input);max-width:220px;height:30px;color:var(--text);border-radius:4px;outline:none;flex:1;padding:0 10px}.s3d-lib-search:focus{border-color:var(--blue)}.s3d-cats{flex-wrap:wrap;gap:6px;display:flex}.s3d-cats .gen-cat svg{width:14px;height:14px}.online-import{flex-direction:column;gap:10px;min-height:220px;display:flex}.online-form{gap:8px;display:flex}.online-form input{border:1px solid var(--border);background:var(--input);min-width:0;height:36px;color:var(--text);border-radius:4px;outline:none;flex:1;padding:0 12px;font-size:13px}.online-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.online-examples{flex-wrap:wrap;gap:6px;display:flex}.online-msg{background:var(--blue-soft);border-radius:4px;padding:8px 10px;font-size:12.5px}.online-msg.bad{color:#f24822;background:#f2482224}.s3d-card.cloud{padding:6px 6px 8px}.s3d-card.busy{opacity:.6}.s3d-thumb{aspect-ratio:4/3;width:100%;color:var(--muted);background:#fff;border-radius:3px;place-items:center;margin-bottom:4px;display:grid;overflow:hidden}.s3d-thumb img{object-fit:contain;width:100%;height:100%}.s3d-thumb svg{width:28px;height:28px}.s3d-card.skeleton{background:linear-gradient(90deg, var(--panel-2), var(--panel-3), var(--panel-2));background-size:200% 100%;min-height:120px;animation:1.2s linear infinite s3d-shine}@keyframes s3d-shine{to{background-position:-200% 0}}.s3d-cloud-msg{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:20px 12px;font-size:12.5px;display:grid}.s3d-cloud-msg b{color:var(--text);font-size:13.5px}.s3d-cloud-msg p{margin:0 0 4px}.s3d-cloud-error{color:var(--red);margin:0;font-size:12px}.s3d-mod{border-bottom:1px solid var(--border);gap:6px;padding:8px 0 10px;display:grid}.s3d-mod:last-of-type{border-bottom:0}.s3d-mod-head{align-items:center;gap:6px;font-size:12.5px;display:flex}.s3d-gap{flex:1}.s3d-mod-sub{color:var(--muted);margin-top:2px;font-size:11px}.s3d-mod-sources{flex-wrap:wrap;gap:4px;display:flex}.s3d-chip{border:1px solid var(--border);cursor:pointer;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;display:inline-flex}.s3d-chip input{margin:0}.s3d-chip.on{border-color:var(--blue);background:var(--blue-soft)}.s3d-mod-add{flex-wrap:wrap;gap:6px;padding-top:6px;display:flex}.s3d-select{border:1px solid var(--border);background:var(--input);height:26px;color:var(--text);font:inherit;border-radius:3px;padding:0 6px;font-size:12px}@media (width<=760px),(height<=500px) and (pointer:coarse){html .s3d{flex-direction:column}html .s3d-panel{border-left:0;border-top:1px solid var(--border);width:auto;max-height:44%}html .s3d-view .tool-island{top:auto}html .s3d-pill{bottom:70px;right:8px}html .s3d-pill .s3d-count,html .s3d-pill .s3d-bar{display:none}}.xp-panel{z-index:10;background:var(--panel);width:340px;max-width:calc(100% - 100px);min-height:0;color:var(--text);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;animation:.18s ease-out xp-in;display:flex;position:absolute;top:12px;bottom:60px;left:86px;overflow:hidden}@keyframes xp-in{0%{opacity:0;transform:translate(-8px)}}.xp-panel.xp-loading{place-items:center;height:200px;display:grid;bottom:auto}.xp-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:44px;padding:6px 6px 6px 12px;display:flex}.xp-head b{font-size:13.5px}.xp-gap{flex:1}.xp-orb{color:#fff;background:linear-gradient(135deg,#7b61ff,#0d99ff);border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.xp-tabs{padding:10px 12px 4px}.xp-tabs .seg-label{font-size:12px}.xp-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:8px 12px 14px;display:flex;overflow-y:auto}.xp-search{border:1px solid var(--border);background:var(--input);height:34px;color:var(--text);font:inherit;border-radius:6px;outline:none;padding:0 10px;font-size:13px}.xp-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.xp-cats{flex-wrap:wrap;gap:5px;display:flex}.xp-list{flex-direction:column;gap:6px;display:flex}.xp-item{border:1px solid var(--border);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:8px 10px;transition:border-color .12s,box-shadow .12s;display:flex}.xp-item:hover:not(:disabled){border-color:var(--blue);box-shadow:0 2px 10px #0d99ff1f}.xp-item.busy{opacity:.6}.xp-item:disabled{cursor:default}.xp-glyph{flex:none;width:38px;height:38px}.xp-glyph svg{width:38px;height:38px}.xp-text{flex-direction:column;gap:2px;min-width:0;display:flex}.xp-text b{flex-wrap:wrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.xp-text span{color:var(--muted);font-size:11.5px}.xp-text small{color:var(--faint);font-size:11px;line-height:1.35}.xp-id{color:var(--muted);font-size:11px;font-weight:500}.xp-badge{background:var(--panel-2);color:var(--muted);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.xp-badge.ok{color:#0d8a49;background:#14ae5c24}.xp-key{background:var(--input);border-radius:6px;align-items:center;gap:4px;height:34px;padding:0 2px 0 10px;display:flex}.xp-key:focus-within{box-shadow:0 0 0 2px var(--blue-soft)}.xp-key input{min-width:0;color:var(--text);font:inherit;font-size:12.5px;font-family:var(--font-mono,ui-monospace, monospace);background:0 0;border:0;outline:none;flex:1}.xp-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.xp-check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.xp-link{color:var(--blue);font-size:12px;text-decoration:none}.xp-link:hover{text-decoration:underline}.xp-drop{border:1.5px dashed var(--border);background:var(--panel-2);text-align:center;color:var(--muted);cursor:pointer;border-radius:10px;justify-items:center;gap:4px;padding:22px 14px;font-size:12px;display:grid}.xp-drop svg{width:22px;height:22px}.xp-drop b{color:var(--text);font-size:13px}.xp-drop.over,.xp-drop:hover{border-color:var(--blue);color:var(--text)}.xp-paste{box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);font:11.5px/1.4 var(--font-mono,ui-monospace, monospace);border-radius:6px;padding:8px 10px}.xp-paste:focus{border-color:var(--blue);outline:none}.xi-card{background:var(--panel-2);border-radius:8px;gap:6px;padding:10px;display:grid}.xi-title{font-size:14px;font-weight:700}.xi-sub{color:var(--muted);margin-top:-4px;font-size:12px}.xi-cell{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,auto minmax(0,1fr));gap:2px 6px;margin:2px 0 0;font-size:11.5px;display:grid}.xi-cell dt{color:var(--faint);font-style:italic}.xi-cell dd{margin:0}.xi-stats{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:11.5px;display:flex}.xi-stats b{color:var(--text)}.xi-tag{background:var(--blue-soft);color:var(--blue);border-radius:8px;padding:1px 7px;font-size:10.5px;font-weight:600}.xi-warn{color:var(--red);margin:0;font-size:11.5px}.xi-els{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.xi-el{border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:stretch;display:inline-flex;overflow:hidden}.xi-el.off .xi-el-main{opacity:.4;text-decoration:line-through}.xi-el-main{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;min-height:30px;padding:4px 7px;font-size:12px;font-weight:600;display:inline-flex}.xi-el-main i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0003}.xi-el-main small{color:var(--muted);font-size:10.5px;font-weight:500}.xi-el-poly{border:0;border-left:1px solid var(--border);width:28px;color:var(--faint);cursor:pointer;background:0 0;place-items:center;display:grid}.xi-el-poly.on{background:var(--blue-soft);color:var(--blue)}.xi-el-main:hover,.xi-el-poly:hover{background:var(--hover)}@media (width<=760px),(height<=500px) and (pointer:coarse){html .xp-panel{border-radius:14px;width:auto;max-width:none;max-height:78%;animation:.22s ease-out xp-up;inset:auto 8px 8px}@keyframes xp-up{0%{opacity:0;transform:translateY(16px)}}html .xp-item{min-height:60px}}.xp-tabs .segmented{display:flex}.xp-tabs .segmented button{white-space:nowrap;flex:auto;padding:0 8px}.s3d-ink{pointer-events:none;opacity:.6;z-index:2;width:100%;height:100%;display:none;position:absolute;inset:0}.s3d-canvas,.s3d-canvas canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.s3d-view{-webkit-touch-callout:none}.brush-kinds.s3-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-bottom:2px}.brush-kinds.s3-styles button{height:36px}.s3-style-hint{margin:-2px 0 2px}.s3-stats{background:var(--blue-soft);color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;margin:0;padding:6px 9px;font-size:12px}.s3-point-btns{flex-wrap:wrap;gap:6px}@media (pointer:coarse){.brush-kinds.s3-styles button{height:44px}.s3-point-btns .btn.small{min-height:38px}}