:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#171717;background:#f3f4f6}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.viewer-shell{position:relative;width:100vw;height:100vh;background:#f3f4f6}.viewer-stage{position:absolute;inset:0}.company-title-layer{position:absolute;top:0;left:0;z-index:120;pointer-events:none;transform:translate(var(--company-title-offset-x, 18px),var(--company-title-offset-y, 18px))}.company-title-text{position:relative;display:block;color:var(--company-title-color, #ffffff);font-family:var(--company-title-font, "Microsoft YaHei", "PingFang SC", sans-serif);font-size:var(--company-title-size, 42px);font-weight:850;line-height:1;letter-spacing:0;white-space:pre-wrap;text-shadow:0 2px 14px rgba(0,0,0,.34)}.company-title-text.is-shiny:after{content:attr(data-text);position:absolute;inset:0;color:transparent;background-image:linear-gradient(var(--company-title-shine-spread, 120deg),var(--company-title-color, #ffffff) 0%,var(--company-title-color, #ffffff) 34%,var(--company-title-shine-color, #ffffff) 50%,var(--company-title-color, #ffffff) 66%,var(--company-title-color, #ffffff) 100%);background-size:200% auto;background-position:150% center;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none;animation:company-title-shine var(--company-title-shine-speed, 7s) linear infinite;animation-direction:var(--company-title-shine-direction, normal)}.config-panel{position:absolute;top:16px;right:16px;z-index:140;width:min(300px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:14px;color:#f8fafc;background:#121826d1;border:1px solid rgba(255,255,255,.14);border-radius:8px;font-size:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.config-panel-title{margin-bottom:14px;font-size:15px;font-weight:750}.config-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.config-button{height:32px;padding:0 10px;color:#f8fafc;background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:12px;font-weight:650}.config-button:disabled{cursor:default;opacity:.58}.config-write-status{margin-bottom:10px;font-size:11px;line-height:1.35;word-break:break-all}.config-write-status.is-ok{color:#4ade80e6}.config-write-status.is-err{color:#f87171f2}.config-section-title{margin:14px 0 8px;font-size:12px;font-weight:700;color:#f8fafce0}.config-field,.config-check-row{display:grid;gap:6px;margin-bottom:10px}.config-field span,.config-check-row{color:#f8fafcbd;font-size:12px}.config-field span{display:flex;justify-content:space-between;gap:8px}.config-field b{font-weight:600;color:#f8fafce6}.config-field input[type=text],.config-field select{width:100%;min-width:0;height:32px;padding:0 9px;color:#f8fafc;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:6px;outline:none}.config-field option{color:#111827}.config-field input[type=range]{width:100%;accent-color:#3b82f6}.config-color-row,.config-check-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.config-color-row input[type=color]{width:38px;height:24px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.18)}.status-panel{position:absolute;left:16px;bottom:76px;display:flex;gap:10px;align-items:center;max-width:calc(100vw - 32px);padding:10px 12px;color:#f8fafc;background:#121826d1;border:1px solid rgba(255,255,255,.16);border-radius:8px;font-size:13px;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-control-bar{position:absolute;left:50%;bottom:16px;z-index:150;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px;color:#f8fafc;background:#121826db;border:1px solid rgba(255,255,255,.16);border-radius:8px;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-control-button{min-width:68px;height:34px;padding:0 13px;color:#f8fafc;background:#ffffff17;border:1px solid rgba(255,255,255,.14);border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap}.bottom-control-button.is-active{color:#0f172a;background:#facc15;border-color:#facc15d1}.bottom-control-button:disabled{cursor:default;opacity:.45}.bottom-control-selection{max-width:220px;overflow:hidden;color:#f8fafcb8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-panel span{white-space:nowrap}.loader{color:#111827;font-size:14px;white-space:nowrap}@media(max-width:720px){.company-title-text{font-size:min(var(--company-title-size, 42px),34px)}.config-panel{top:12px;right:12px;width:min(280px,calc(100vw - 24px));max-height:46vh}.status-panel{right:12px;left:12px;bottom:72px;flex-wrap:wrap}.bottom-control-bar{right:12px;left:12px;justify-content:center;transform:none}.bottom-control-button{min-width:0;flex:1;padding:0 8px}.bottom-control-selection{display:none}}