*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--bg-dark: #f6f8fa;--bg-scene: #f0f4f8;--panel-bg: #ffffff;--panel-border: #d0d7de;--panel-border-subtle: #eaeef2;--text: #1f2328;--text-muted: #656d76;--accent: #0969da;--accent-hover: #0550ae;--positive: #1a7f37;--negative: #cf222e;--control-bar-bg: rgba(255, 255, 255, .95);--grid-line: #afb8c1;--cube-line: #57606a;--scale-label: #656d76;--shadow-sm: 0 1px 2px rgba(31, 35, 40, .06);--shadow-md: 0 4px 12px rgba(31, 35, 40, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px}[data-theme=dark]{--bg-dark: #0f1419;--bg-scene: #0f1419;--panel-bg: #161b22;--panel-border: #30363d;--panel-border-subtle: #21262d;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--accent-hover: #79b8ff;--positive: #3fb950;--negative: #f85149;--control-bar-bg: rgba(22, 27, 34, .95);--grid-line: #2d3a4f;--cube-line: #3d5a80;--scale-label: #8b949e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35)}html,body,#root{width:100%;height:100%;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}.app-wrapper{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.app-layout{display:flex;flex:1;min-height:0;width:100%}.sidebar-toggle-strip{flex-shrink:0;width:36px;background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;align-items:flex-start;justify-content:center;padding-top:12px}.sidebar-toggle-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text);font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sidebar-toggle-btn:hover{border-color:var(--text-muted);background:var(--panel-border-subtle)}.sidebar{width:320px;min-width:280px;max-width:min(360px,28vw);background:var(--panel-bg);border-right:1px solid var(--panel-border);padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px;min-height:0;flex-shrink:0}.sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding-bottom:16px;border-bottom:1px solid var(--panel-border-subtle)}.sidebar__title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.3}.theme-toggle{flex-shrink:0;padding:6px 12px;background:var(--bg-dark);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease}.theme-toggle:hover{border-color:var(--text-muted);background:var(--panel-border-subtle)}.sidebar-section,.sidebar .section{flex-shrink:0}.sidebar-section__heading,.section__heading{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--panel-border-subtle)}.section__heading--main{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0}.form-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.form-row:last-child{margin-bottom:0}.form-label{font-size:13px;color:var(--text);flex:1;min-width:0;cursor:pointer}.form-label--slim{width:24px;flex:none;color:var(--text-muted);font-size:12px}.input{flex:1;min-width:0;padding:8px 12px;background:var(--bg-dark);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0969da26}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #58a6ff33}.input::placeholder{color:var(--text-muted)}.input--color{width:36px;height:32px;padding:2px;flex:none;cursor:pointer;border-radius:var(--radius-sm)}.input--small{padding:6px 10px;font-size:12px}.display-settings{flex-shrink:0;padding:14px 16px;background:var(--bg-dark);border:1px solid var(--panel-border);border-radius:var(--radius-md)}.display-settings__heading{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--panel-border-subtle)}.display-settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;min-height:40px}.display-settings__row:not(:last-child){border-bottom:1px solid var(--panel-border-subtle)}.display-settings__label{font-size:13px;color:var(--text);flex:1;min-width:0;cursor:pointer}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel-border);border-radius:12px;transition:background .2s ease}.toggle-switch input:checked+.toggle-switch__track{background:var(--accent)}.toggle-switch__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease}.toggle-switch input:checked+.toggle-switch__track .toggle-switch__knob{transform:translate(20px)}.btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;border:1px solid transparent}.btn--primary{background:var(--accent);color:#fff;border-color:transparent}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:transparent;border-color:var(--panel-border);color:var(--text-muted)}.btn--secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn--danger{background:var(--negative);color:#fff;border-color:transparent}.btn--danger:hover{background:#b62324;color:#fff}.btn--sm{padding:4px 8px;font-size:12px}.service-card{padding:14px;background:var(--bg-dark);border:1px solid var(--panel-border);border-radius:var(--radius-md);margin-bottom:12px}.service-card:last-child{margin-bottom:0}.service-card__row{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-width:0}.service-card__row:last-of-type{margin-bottom:0}.service-card__coords{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;min-width:0}.service-card__axis-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:.02em;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card__axis-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.axis-end-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.axis-end-row:last-child{margin-bottom:0}.axis-end-axis-label{font-size:11px;color:var(--text-muted)}.axis-end-inputs{display:flex;align-items:center;gap:8px;min-width:0}.axis-end-sep{color:var(--text-muted);font-size:12px;flex-shrink:0}.axis-config{padding-bottom:2px}.axis-config__grid{display:grid;grid-template-columns:52px 1fr 1fr 1fr;gap:6px 10px;align-items:center}.axis-config__cell{min-width:0}.axis-config__cell .input{width:100%}.axis-config__row-label{font-size:11px;color:var(--text-muted)}.axis-config__col-label{font-size:11px;font-weight:600;color:var(--text-muted);text-align:center}.axis-config__cell--color{display:flex;justify-content:center}.axis-config__cell--color .input--color{width:28px;height:26px}.home-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-dark)}.home-page--with-footer{flex-direction:column;align-items:stretch;justify-content:flex-start;padding-bottom:0}.home-page--with-footer .home-page__inner{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.home-page__card{width:100%;max-width:400px;padding:32px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.home-page__title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px}.home-page__lead{font-size:14px;color:var(--text-muted);line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal{width:100%;max-width:360px;padding:24px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.modal__title{font-size:18px;font-weight:600;margin-bottom:8px}.modal__message{font-size:13px;color:var(--text-muted);margin-bottom:16px}.modal__label{display:block;font-size:12px;margin-bottom:6px;color:var(--text-muted)}.modal__actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.main-area{flex:1;min-width:0;position:relative}.view-layout{display:flex;width:100%}.view-layout .main-area{flex:1;min-width:0}.view-sidebar-toggle-strip{flex-shrink:0;width:36px;background:var(--panel-bg);border-left:1px solid var(--panel-border);display:flex;align-items:flex-start;justify-content:center;padding-top:12px}.view-sidebar{width:280px;min-width:240px;max-width:min(320px,28vw);background:var(--panel-bg);border-left:1px solid var(--panel-border);padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:24px;min-height:0;flex-shrink:0}.view-service-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.view-service-list__item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-dark);border:1px solid var(--panel-border-subtle);border-radius:var(--radius-sm);font-size:13px;color:var(--text)}.view-service-list__swatch{flex-shrink:0;width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.view-service-list__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-footer{flex-shrink:0;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--panel-bg);border-top:1px solid var(--panel-border);display:flex;align-items:center;justify-content:center}.app-footer__link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.app-footer__link:hover{opacity:.85}.app-footer__logo{height:24px;width:auto;max-width:min(180px,50vw);display:block;object-fit:contain}.color-hex{font-size:11px;color:var(--text-muted);font-family:ui-monospace,monospace}@media (min-width: 769px){.sidebar--closed,.sidebar-backdrop{display:none!important}}@media (max-width: 768px){.sidebar{position:fixed;left:36px;top:0;bottom:0;width:min(320px,calc(100vw - 36px));max-width:none;min-width:0;z-index:1000;box-shadow:var(--shadow-md);transition:transform .25s ease-out}.sidebar--closed{transform:translate(-100%);pointer-events:none}.sidebar-toggle-strip{z-index:1001;padding-top:max(12px,env(safe-area-inset-top))}.sidebar-toggle-btn{min-width:44px;min-height:44px;width:44px;height:44px;font-size:14px}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;cursor:pointer}.main-area{min-width:0;width:100%}.btn{min-height:44px;padding:10px 14px}.btn--sm{min-height:40px;padding:8px 10px}.toggle-switch{min-width:48px;min-height:28px}.input,.input--small{min-height:44px}.display-settings__row{min-height:48px;padding:12px 0}}@media (max-width: 768px){.view-layout{position:relative}.view-layout .view-sidebar-toggle-strip{position:absolute;right:0;top:0;bottom:auto;width:auto;min-width:44px;padding:max(8px,env(safe-area-inset-top)) 8px 12px;background:transparent;border:none;z-index:12}.view-layout .view-sidebar-toggle-strip .sidebar-toggle-btn{min-width:44px;min-height:44px;width:44px;height:44px;font-size:14px;box-shadow:0 2px 8px #0003}.view-layout .main-area{width:100%!important}.view-header-bar{padding-right:52px!important}.view-only-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-layout .view-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(300px,calc(100vw - 48px));max-width:none;z-index:1000;box-shadow:-4px 0 16px #00000026;transform:translate(100%);transition:transform .25s ease-out}.view-layout.view-sidebar-open .view-sidebar{transform:translate(0)}.view-layout.view-sidebar-open .view-sidebar-toggle-strip .sidebar-toggle-btn{border-radius:8px 0 0 8px}}@media (min-width: 769px){.view-sidebar-backdrop{display:none!important}}@media (max-width: 768px){.scene-legend:not(.scene-comment-tooltip){bottom:12px!important;left:8px!important;top:auto!important;padding:6px 8px!important;font-size:10px!important;gap:2px!important;max-width:140px}.scene-legend:not(.scene-comment-tooltip) .scene-legend__title{font-size:9px!important;margin-bottom:2px!important}.scene-legend:not(.scene-comment-tooltip)>div{gap:4px!important}}@media (max-width: 768px){.scene-comment-tooltip{top:auto!important;right:8px!important;left:8px!important;bottom:72px!important;transform:none!important;width:auto!important;max-width:none!important;max-height:28vh!important;padding:8px 10px!important;font-size:11px!important}.scene-comment-tooltip .scene-legend__title{font-size:10px!important}.scene-comment-tooltip p{font-size:11px!important;margin:0 0 6px!important;padding-bottom:6px!important}}@media (min-width: 769px){.view-control-bar__toggle{display:none!important}}@media (max-width: 768px){.view-control-bar{bottom:max(12px,env(safe-area-inset-bottom))!important;left:auto!important;right:max(12px,env(safe-area-inset-right))!important;transform:none!important;padding:8px 10px!important;gap:8px!important;max-width:96vw;flex-direction:column-reverse;align-items:flex-end}.view-control-bar__toggle{display:flex!important;flex-shrink:0;min-width:44px;min-height:44px;font-size:22px!important}.view-control-bar__buttons{display:none!important}.view-control-bar--expanded .view-control-bar__buttons{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:6px}.view-control-bar .view-control-bar__label{display:none}.view-control-bar .view-control-bar__btn{min-width:40px;min-height:40px}}