:root{--tk-dlite-brand-primary: #1A3C5E;--tk-dlite-brand-accent: #F5A623;--tk-dlite-brand-success: #4A7C59;--tk-dlite-surface-bg: #0F1923;--tk-dlite-surface-panel: #162030;--tk-dlite-surface-card: #1E2D3D;--tk-dlite-surface-border: #2A3F54;--tk-dlite-surface-hover: #243449;--tk-dlite-text-primary: #E8EDF2;--tk-dlite-text-secondary: #8BA0B4;--tk-dlite-text-muted: #4A6276;--tk-dlite-text-inverse: #0F1923;--tk-dlite-danger: #D94F4F;--tk-dlite-warning: #F5A623;--tk-dlite-font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--tk-dlite-font-mono: "Source Code Pro", monospace;--tk-dlite-space-xs: 4px;--tk-dlite-space-sm: 8px;--tk-dlite-space-md: 16px;--tk-dlite-space-lg: 24px;--tk-dlite-space-xl: 40px;--tk-dlite-radius-sm: 4px;--tk-dlite-radius-md: 6px;--tk-dlite-radius-lg: 10px;--tk-dlite-shadow-sm: 0 1px 3px rgba(0,0,0,.4);--tk-dlite-shadow-md: 0 4px 12px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--tk-dlite-font-sans);background:var(--tk-dlite-surface-bg);color:var(--tk-dlite-text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--tk-dlite-brand-accent);outline-offset:2px;border-radius:var(--tk-dlite-radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:grid;grid-template-columns:240px 1fr 260px;height:100vh;overflow:hidden}@media(max-width:1200px){.app{grid-template-columns:200px 1fr 220px}}@media(max-width:980px){.app{grid-template-columns:180px 1fr 200px}.element-tile__label{font-size:9px}}@media(max-width:820px){.app{grid-template-columns:170px 1fr 0px}.app__sidebar-right{position:fixed;right:0;top:0;bottom:0;width:280px;transform:translate(100%);transition:transform .25s ease;z-index:100;box-shadow:-8px 0 24px #0006}.app__sidebar-right.app__sidebar-right--open{transform:translate(0)}.mobile-sidebar-toggle{display:inline-flex!important}}@media(max-width:600px){.app{grid-template-columns:0px 1fr 0px}.app__sidebar-left{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .25s ease;z-index:100;box-shadow:8px 0 24px #0006}.app__sidebar-left.app__sidebar-left--open{transform:translate(0)}.mobile-sidebar-toggle--left{display:inline-flex!important}}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;display:none}.mobile-drawer-overlay--visible{display:block}.canvas-area-topbar{display:flex;align-items:center;gap:8px}.mobile-sidebar-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);color:var(--tk-dlite-text-primary);cursor:pointer;font-size:14px;margin:6px 8px}.app__sidebar-left,.app__sidebar-right{background:var(--tk-dlite-surface-panel);border-color:var(--tk-dlite-surface-border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.app__sidebar-left{border-right:1px solid var(--tk-dlite-surface-border);gap:0}.app__sidebar-right{border-left:1px solid var(--tk-dlite-surface-border);gap:var(--tk-dlite-space-sm);padding:var(--tk-dlite-space-sm)}.app__logo{display:flex;align-items:center;gap:var(--tk-dlite-space-sm);padding:var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border)}.app__logo-mark{font-size:20px;color:var(--tk-dlite-brand-accent)}.app__logo-text{font-weight:700;font-size:16px;letter-spacing:.02em;color:var(--tk-dlite-text-primary)}.app__canvas-area{display:flex;flex-direction:column;overflow:hidden;background:var(--tk-dlite-surface-bg);min-width:0;min-height:0;grid-column:2}.app__stage-wrapper{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:var(--tk-dlite-space-md)}.canvas-placeholder{width:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 32px;border:2px dashed var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-lg);color:var(--tk-dlite-text-primary);text-align:center;background:radial-gradient(ellipse at center top,rgba(245,166,35,.05),transparent 70%),var(--tk-dlite-surface-panel)}.canvas-placeholder__icon{font-size:56px;color:var(--tk-dlite-brand-accent);margin-bottom:18px;opacity:.85}.canvas-placeholder__title{font-size:22px;font-weight:700;margin-bottom:24px;letter-spacing:-.01em}.canvas-placeholder__steps{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;text-align:left;max-width:460px;width:100%}.canvas-placeholder__steps li{display:flex;align-items:center;gap:14px;font-size:14px;color:#ffffffd9;line-height:1.4}.canvas-placeholder__step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--tk-dlite-brand-accent);color:#1a3c5e;font-size:12px;font-weight:700;font-family:var(--tk-dlite-font-mono);flex-shrink:0}.canvas-placeholder__hint{font-size:12px;color:var(--tk-dlite-text-muted);max-width:480px}.canvas-placeholder__hint strong{color:var(--tk-dlite-brand-accent);font-weight:600}.toolbar{display:flex;align-items:center;gap:var(--tk-dlite-space-xs);padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border);background:var(--tk-dlite-surface-panel);flex-shrink:0}.toolbar__group{display:flex;gap:var(--tk-dlite-space-xs);align-items:center}.toolbar__group+.toolbar__group{margin-left:var(--tk-dlite-space-sm);padding-left:var(--tk-dlite-space-sm);border-left:1px solid var(--tk-dlite-surface-border)}.tool-btn{padding:5px 10px;border-radius:var(--tk-dlite-radius-sm);border:1px solid var(--tk-dlite-surface-border);background:transparent;color:var(--tk-dlite-text-secondary);font-family:var(--tk-dlite-font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.tool-btn:hover:not(:disabled){background:var(--tk-dlite-surface-hover);color:var(--tk-dlite-text-primary);border-color:var(--tk-dlite-surface-border)}.tool-btn--active{background:var(--tk-dlite-brand-primary);color:var(--tk-dlite-text-primary);border-color:var(--tk-dlite-brand-primary)}.tool-btn--danger:not(:disabled):hover{background:var(--tk-dlite-danger);border-color:var(--tk-dlite-danger);color:#fff}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.element-library{flex:1;display:flex;flex-direction:column;overflow:hidden}.element-library__header{padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border)}.element-library__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-dlite-text-muted)}.canvas-drop-wrapper{position:relative;transition:filter .15s}.canvas-drop-wrapper--active:after{content:"Drop to place element";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5a62314;border:2px dashed var(--tk-dlite-brand-accent);border-radius:var(--tk-dlite-radius-md);color:var(--tk-dlite-brand-accent);font-size:14px;font-weight:600;letter-spacing:.04em;pointer-events:none;z-index:8;animation:dropPulse 1.5s ease-in-out infinite}@keyframes dropPulse{0%,to{background:#f5a6230f}50%{background:#f5a62324}}.element-library__count{font-size:10px;color:var(--tk-dlite-text-muted);background:var(--tk-dlite-surface-input);padding:2px 8px;border-radius:12px;font-feature-settings:"tnum"}.element-library__search{position:relative;margin:0 12px 8px}.element-library__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--tk-dlite-text-muted);font-size:13px;pointer-events:none}.element-library__search-input{width:100%;background:var(--tk-dlite-surface-input);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);color:var(--tk-dlite-text-primary);padding:7px 30px 7px 28px;font-size:12px;font-family:inherit}.element-library__search-input:focus{outline:none;border-color:var(--tk-dlite-brand-accent)}.element-library__search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:none;border:none;color:var(--tk-dlite-text-muted);cursor:pointer;font-size:11px;padding:0;line-height:1}.element-library__search-clear:hover{color:var(--tk-dlite-text-primary)}.element-library__empty{padding:16px 12px;font-size:12px;color:var(--tk-dlite-text-muted);text-align:center;line-height:1.5}.element-library__recent{padding:8px 12px;border-bottom:1px solid var(--tk-dlite-surface-border)}.element-library__recent-label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tk-dlite-text-muted);margin-bottom:6px}.element-library__recent-row{display:flex;gap:4px;overflow-x:auto}.element-tile--compact{flex:0 0 36px;width:36px;height:36px;padding:2px}.element-tile--compact .element-tile__thumb{width:100%;height:100%}.element-library__tabs{display:flex;flex-direction:column;padding:var(--tk-dlite-space-xs);gap:2px;border-bottom:1px solid var(--tk-dlite-surface-border)}.tab-btn{padding:5px 8px;border-radius:var(--tk-dlite-radius-sm);border:none;background:transparent;color:var(--tk-dlite-text-secondary);font-family:var(--tk-dlite-font-sans);font-size:12px;text-align:left;cursor:pointer;transition:background .1s,color .1s}.tab-btn:hover{background:var(--tk-dlite-surface-hover);color:var(--tk-dlite-text-primary)}.tab-btn--active{background:var(--tk-dlite-surface-hover);color:var(--tk-dlite-text-primary);font-weight:600}.element-library__grid{flex:1;overflow-y:auto;padding:var(--tk-dlite-space-sm);display:grid;grid-template-columns:1fr 1fr;gap:var(--tk-dlite-space-xs);align-content:start}.element-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--tk-dlite-space-xs);border-radius:var(--tk-dlite-radius-sm);border:1px solid var(--tk-dlite-surface-border);background:var(--tk-dlite-surface-card);cursor:grab;-webkit-user-select:none;user-select:none;transition:background .1s,border-color .1s}.element-tile:hover{background:var(--tk-dlite-surface-hover);border-color:var(--tk-dlite-brand-primary)}.element-tile:active{cursor:grabbing}.element-tile__thumb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--tk-dlite-surface-bg);border-radius:var(--tk-dlite-radius-sm);overflow:hidden}.element-tile__thumb img{width:100%;height:100%;object-fit:contain}.element-tile__label{font-size:10px;font-weight:500;color:var(--tk-dlite-text-secondary);text-align:center;line-height:1.3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-dropzone-wrapper{padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border)}.photo-dropzone{border:2px dashed var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);padding:var(--tk-dlite-space-md) var(--tk-dlite-space-sm);text-align:center;cursor:pointer;transition:border-color .12s,background .12s}.photo-dropzone:hover,.photo-dropzone--drag{border-color:var(--tk-dlite-brand-accent);background:#f5a6230d}.photo-dropzone__icon{font-size:20px;margin-bottom:var(--tk-dlite-space-xs);color:var(--tk-dlite-text-muted)}.photo-dropzone__primary{font-size:12px;font-weight:600;color:var(--tk-dlite-text-primary);margin-bottom:4px}.photo-dropzone__hint{font-size:11px;color:var(--tk-dlite-text-muted);line-height:1.4}.photo-dropzone__error{margin-top:var(--tk-dlite-space-xs);font-size:11px;color:var(--tk-dlite-danger)}.calibration-pill{display:flex;align-items:center;gap:var(--tk-dlite-space-sm);padding:5px var(--tk-dlite-space-md);background:#4a7c591f;border-bottom:1px solid rgba(74,124,89,.25);flex-shrink:0}.calibration-pill__text{font-size:12px;color:#7ab88a;font-weight:500}.canvas-step-card{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:14px 18px;border-radius:var(--tk-dlite-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:6px;pointer-events:auto;z-index:10;min-width:260px;max-width:340px;box-shadow:var(--tk-dlite-shadow-md),0 0 0 1px #ffffff14}.canvas-step-card--calib{background:#14202eeb;border:1px solid rgba(245,166,35,.45)}.canvas-step-card--measure{background:#14202eeb;border:1px solid rgba(255,255,255,.25)}.canvas-step-card--perspective{background:#14202eeb;border:1px solid rgba(122,211,255,.45)}.canvas-step-card__step{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--tk-dlite-brand-accent)}.canvas-step-card__instruction{font-size:13px;font-weight:600;color:var(--tk-dlite-text-primary);line-height:1.4}.canvas-step-card__hint{font-size:11px;color:var(--tk-dlite-text-muted);line-height:1.4}.canvas-step-card__hint--warn{color:#c8844a}.canvas-step-card__row{display:flex;gap:var(--tk-dlite-space-xs);align-items:center;margin-top:2px}.canvas-step-card__actions{display:flex;gap:var(--tk-dlite-space-sm)}.canvas-step-card__cancel{font-size:11px;color:var(--tk-dlite-text-muted);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;align-self:flex-start}.canvas-step-card__cancel:hover{color:var(--tk-dlite-text-secondary)}.selected-panel{background:var(--tk-dlite-surface-card);border-radius:var(--tk-dlite-radius-md);border:1px solid var(--tk-dlite-surface-border);overflow:hidden}.selected-panel__header{padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border);background:var(--tk-dlite-surface-panel)}.selected-panel__label{font-size:12px;font-weight:600;color:var(--tk-dlite-text-primary)}.selected-panel__section{padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border)}.selected-panel__section:last-child{border-bottom:none}.branding-panel{background:var(--tk-dlite-surface-card);border-radius:var(--tk-dlite-radius-md);border:1px solid var(--tk-dlite-surface-border);overflow:hidden}.branding-panel__header{padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border);background:var(--tk-dlite-surface-panel)}.branding-panel__title{font-size:12px;font-weight:600;color:var(--tk-dlite-text-muted);text-transform:uppercase;letter-spacing:.06em}.branding-panel__fields{padding:var(--tk-dlite-space-sm) var(--tk-dlite-space-md);display:flex;flex-direction:column;gap:var(--tk-dlite-space-sm)}.branding-panel__preview{font-size:11px;color:var(--tk-dlite-text-muted)}.branding-panel__preview em{color:var(--tk-dlite-text-secondary);font-style:normal}.export-panel{display:flex;flex-direction:column;gap:var(--tk-dlite-space-xs);margin-top:auto}.before-after-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--tk-dlite-space-lg)}.before-after-modal{background:var(--tk-dlite-surface-panel);border-radius:var(--tk-dlite-radius-lg);border:1px solid var(--tk-dlite-surface-border);width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.before-after-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--tk-dlite-space-md) var(--tk-dlite-space-lg);border-bottom:1px solid var(--tk-dlite-surface-border);flex-shrink:0}.before-after-modal__controls{display:flex;align-items:center;gap:var(--tk-dlite-space-sm)}.before-after-modal__mode-toggle{display:flex;gap:4px;background:var(--tk-dlite-surface-input);border-radius:var(--tk-dlite-radius-sm);padding:2px}.before-after-modal__title{font-size:16px;font-weight:700}.before-after-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--tk-dlite-space-md);padding:var(--tk-dlite-space-lg);overflow:auto}.before-after-panel{display:flex;flex-direction:column;gap:var(--tk-dlite-space-sm)}.before-after-panel__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-dlite-text-muted)}.before-after-panel__img{width:100%;border-radius:var(--tk-dlite-radius-md);border:1px solid var(--tk-dlite-surface-border)}.before-after-slider{position:relative;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;flex:1;min-height:0}.before-after-slider__img{display:block;width:100%;height:100%;object-fit:contain;max-height:72vh}.before-after-slider__img--after{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain}.before-after-slider__handle{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none}.before-after-slider__line{width:2px;flex:1;background:#ffffffe6;box-shadow:0 0 8px #00000080}.before-after-slider__grip{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--tk-dlite-navy-900, #1A2F4E);box-shadow:0 2px 10px #0006;cursor:ew-resize;pointer-events:all}.before-after-slider__label{position:absolute;bottom:14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.before-after-slider__label--before{left:14px}.before-after-slider__label--after{right:14px}.preview-3d-modal{max-width:1280px}.preview-3d-modal__subtitle{font-size:12px;color:var(--tk-dlite-text-muted);margin-top:2px}.preview-3d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--tk-dlite-space-lg);padding:10px var(--tk-dlite-space-lg);border-bottom:1px solid var(--tk-dlite-surface-border);background:#00000026;flex-shrink:0}.preview-3d-toolbar__group{display:flex;align-items:center;gap:var(--tk-dlite-space-sm)}.preview-3d-toolbar__group--sun{flex:1;max-width:420px}.preview-3d-toolbar__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-dlite-text-muted);white-space:nowrap}.preview-3d-toolbar__presets{display:flex;gap:2px;background:var(--tk-dlite-surface-input);border-radius:var(--tk-dlite-radius-sm);padding:2px}.preview-3d-preset{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 12px;background:transparent;border:none;border-radius:calc(var(--tk-dlite-radius-sm) - 2px);color:var(--tk-dlite-text-muted);cursor:pointer;font-size:10px;font-weight:500;transition:background .12s,color .12s}.preview-3d-preset:hover{color:var(--tk-dlite-text-primary)}.preview-3d-preset--active{background:var(--tk-dlite-surface-panel);color:var(--tk-dlite-brand-accent)}.preview-3d-preset__icon{font-size:13px;line-height:1}.preview-3d-preset__label{font-size:10px}.preview-3d-toolbar__slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--tk-dlite-surface-input);border-radius:2px;outline:none;cursor:pointer}.preview-3d-toolbar__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--tk-dlite-brand-accent);border-radius:50%;cursor:pointer;border:2px solid var(--tk-dlite-surface-panel)}.preview-3d-viewport{flex:1;min-height:0;height:70vh;background:linear-gradient(180deg,#8bb4e3,#d6e3f0);position:relative}.preview-3d-tour-btn{margin-left:var(--tk-dlite-space-sm);white-space:nowrap}.preview-3d-info{position:absolute;top:14px;right:14px;background:#0d1932bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--tk-dlite-radius-md);padding:10px 14px;font-size:11px;color:#ffffffe6;min-width:120px;pointer-events:none;z-index:5}.preview-3d-info__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.preview-3d-info__row:last-child{margin-bottom:0}.preview-3d-info__label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.preview-3d-info__value{font-weight:600;font-feature-settings:"tnum"}.preview-3d-info__tour-badge{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15);font-size:10px;color:var(--tk-dlite-brand-accent);font-weight:600}.preview-3d-info__tour-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tk-dlite-brand-accent);box-shadow:0 0 6px var(--tk-dlite-brand-accent);animation:pulse 1.5s infinite}.app__stage-wrapper--split{flex:var(--split-ratio, .55);min-height:140px;overflow:auto}.split-divider{flex:0 0 12px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;background:transparent;position:relative;transition:background .15s}.split-divider:hover{background:#f5a6230f}.split-divider:before{content:"";position:absolute;top:50%;left:var(--tk-dlite-space-md);right:var(--tk-dlite-space-md);height:1px;background:var(--tk-dlite-surface-border);transform:translateY(-50%);transition:background .15s}.split-divider:hover:before{background:var(--tk-dlite-brand-accent)}.split-divider__grip{display:flex;gap:3px;padding:4px 12px;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);position:relative;z-index:1;transition:border-color .15s,background .15s}.split-divider:hover .split-divider__grip{border-color:var(--tk-dlite-brand-accent);background:#f5a6231a}.split-divider__grip span{display:block;width:3px;height:3px;background:var(--tk-dlite-text-muted);border-radius:50%}.split-divider:hover .split-divider__grip span{background:var(--tk-dlite-brand-accent)}.live-3d-pane{flex:calc(1 - var(--split-ratio, .55));min-height:200px;display:flex;flex-direction:column;margin:0 var(--tk-dlite-space-md) var(--tk-dlite-space-md);background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);overflow:hidden;box-shadow:var(--tk-dlite-shadow-md);animation:live3dSlideIn .25s ease-out}@keyframes live3dSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.live-3d-pane__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--tk-dlite-surface-border);background:#0003;flex-shrink:0}.live-3d-pane__title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--tk-dlite-text-primary)}.live-3d-pane__dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-3d-pane__hint{font-size:11px;color:var(--tk-dlite-text-muted);font-weight:400}.live-3d-pane__actions{display:flex;align-items:center;gap:8px}.live-3d-pane__presets{display:flex;gap:1px;background:var(--tk-dlite-surface-input);border-radius:var(--tk-dlite-radius-sm);padding:2px}.live-3d-preset{padding:4px 10px;background:transparent;border:none;border-radius:3px;color:var(--tk-dlite-text-muted);cursor:pointer;font-size:11px;font-weight:500}.live-3d-preset:hover{color:var(--tk-dlite-text-primary)}.live-3d-preset--active{background:var(--tk-dlite-surface-panel);color:var(--tk-dlite-brand-accent)}.live-3d-pane__viewport{flex:1;min-height:0;background:linear-gradient(180deg,#8bb4e3,#d6e3f0)}.live-3d-toggle-wrapper{position:relative;display:inline-flex;z-index:40}.landing{min-height:100vh;background:radial-gradient(ellipse at top,rgba(245,166,35,.07),transparent 60%),radial-gradient(ellipse at bottom right,rgba(26,60,94,.5),transparent 70%),var(--tk-dlite-surface-bg);color:var(--tk-dlite-text-primary);display:flex;flex-direction:column}html:has(.landing),body:has(.landing),#root:has(.landing){height:auto!important;overflow:auto!important}.landing__topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 36px;position:sticky;top:0;z-index:20;background:#0b162c99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04)}.landing__logo{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.landing__logo--button{background:none;border:none;color:inherit;cursor:pointer;padding:0}.landing__nav{display:flex;align-items:center;gap:18px}.landing__nav-link{background:none;border:none;color:var(--tk-dlite-text-muted);cursor:pointer;font-size:13px;font-weight:500;padding:6px 4px}.landing__nav-link:hover{color:var(--tk-dlite-text-primary)}.landing__hero{padding:96px 36px 64px;text-align:center;max-width:880px;margin:0 auto}.landing__hero-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--tk-dlite-brand-accent);margin-bottom:20px}.landing__hero-title{font-size:60px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:24px}.landing__hero-accent{background:linear-gradient(135deg,var(--tk-dlite-brand-accent),#ffd070);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing__hero-sub{font-size:18px;color:#ffffffc7;max-width:640px;margin:0 auto 36px;line-height:1.55}.landing__hero-cta{display:flex;gap:14px;justify-content:center;margin-bottom:48px}.btn--cta{font-size:15px;padding:13px 26px;font-weight:600}.landing__hero-quote{font-size:14px;font-style:italic;color:#ffffffa6;max-width:540px;margin:0 auto;line-height:1.55}.landing__hero-quote-cite{font-style:normal;font-size:12px;color:var(--tk-dlite-text-muted)}.landing__features{padding:64px 36px 96px;max-width:1200px;margin:0 auto;width:100%}.landing__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:900px){.landing__features-grid{grid-template-columns:1fr}}.landing__feature{padding:28px 26px;background:#1a3c5e59;border:1px solid rgba(255,255,255,.06);border-radius:var(--tk-dlite-radius-lg);transition:transform .2s,border-color .2s,background .2s}.landing__feature:hover{transform:translateY(-3px);border-color:#f5a6234d;background:#1a3c5e80}.landing__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--tk-dlite-radius-sm);background:#f5a62326;color:var(--tk-dlite-brand-accent);font-size:18px;margin-bottom:18px}.landing__feature-title{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.3}.landing__feature-text{font-size:13px;color:#ffffffb3;line-height:1.55;margin:0}.landing__moat{padding:80px 36px;background:linear-gradient(135deg,#1a3c5e99,#0d19324d);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.landing__moat-inner{max-width:700px;margin:0 auto;text-align:center}.landing__moat-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--tk-dlite-brand-accent);margin-bottom:18px}.landing__moat-title{font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:18px;line-height:1.15}.landing__moat-text{font-size:16px;color:#ffffffc7;line-height:1.6}.landing__cta-band{padding:96px 36px;text-align:center}.landing__cta-band h2{font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.landing__cta-band p{color:#ffffffb3;font-size:15px;margin-bottom:28px}.landing__footer{padding:36px;border-top:1px solid rgba(255,255,255,.05);text-align:center;color:var(--tk-dlite-text-muted);font-size:12px}.landing__footer-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.landing__footer-tag{color:#ffffff73}.landing__footer-fine{font-size:12px}.pricing__hero{padding:72px 36px 24px}.pricing__tiers{padding:32px 36px 96px;max-width:1200px;margin:0 auto;width:100%}.pricing__tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:980px){.pricing__tiers-grid{grid-template-columns:1fr}}.pricing__tier{position:relative;padding:32px 28px;background:#1a3c5e4d;border:1px solid rgba(255,255,255,.06);border-radius:var(--tk-dlite-radius-lg);display:flex;flex-direction:column}.pricing__tier--accent{border-color:var(--tk-dlite-brand-accent);background:#f5a6230f;box-shadow:0 0 30px #f5a6231a;transform:scale(1.02)}.pricing__tier-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 14px;background:var(--tk-dlite-brand-accent);color:#1a3c5e;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:12px}.pricing__tier-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-dlite-text-muted);margin-bottom:12px}.pricing__tier--accent .pricing__tier-name{color:var(--tk-dlite-brand-accent)}.pricing__tier-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.pricing__tier-price-amount{font-size:44px;font-weight:800;letter-spacing:-.03em}.pricing__tier-price-period{color:var(--tk-dlite-text-muted);font-size:13px}.pricing__tier-blurb{color:#ffffffbf;font-size:13px;margin-bottom:24px;line-height:1.4}.pricing__tier-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:9px;flex:1}.pricing__tier-features li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#ffffffd9;line-height:1.4}.pricing__tier-check{color:var(--tk-dlite-brand-accent);font-weight:700;flex-shrink:0}.pricing__tier-cta{width:100%;justify-content:center}.pricing__faq{padding:64px 36px 96px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2))}.pricing__faq-inner{max-width:680px;margin:0 auto}.pricing__faq h2{font-size:28px;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:36px}.pricing__faq dl{display:flex;flex-direction:column;gap:22px}.pricing__faq-item dt{font-size:15px;font-weight:600;margin-bottom:8px}.pricing__faq-item dd{font-size:14px;color:#ffffffb3;line-height:1.6;margin:0}@media(max-width:720px){.landing__hero-title{font-size:38px}.landing__moat-title{font-size:26px}.landing__hero{padding:56px 24px 32px}.landing__hero-cta{flex-direction:column;align-items:stretch}}.shared-view{height:auto;min-height:100vh;background:linear-gradient(180deg,var(--tk-dlite-surface-bg) 0%,#0a1b3a 100%);color:var(--tk-dlite-text-primary);display:flex;flex-direction:column}html:has(.shared-view),body:has(.shared-view),#root:has(.shared-view){height:auto!important;overflow:auto!important}.shared-view__topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--tk-dlite-surface-border);background:#0d1932b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.shared-view__brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.shared-view__topbar-cta{font-size:12px;color:var(--tk-dlite-text-muted);text-decoration:none;padding:6px 14px;border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);transition:color .15s,border-color .15s}.shared-view__topbar-cta:hover{color:var(--tk-dlite-brand-accent);border-color:var(--tk-dlite-brand-accent)}.shared-view__hero{padding:64px 32px 32px;text-align:center;border-bottom:1px solid var(--tk-dlite-surface-border)}.shared-view__hero-inner{max-width:760px;margin:0 auto}.shared-view__hero-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--tk-dlite-brand-accent);margin-bottom:12px}.shared-view__hero-title{font-size:38px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px;line-height:1.15}.shared-view__hero-prepared{font-size:16px;color:#ffffffd9;margin-bottom:8px}.shared-view__hero-prepared strong{color:#fff}.shared-view__hero-prepared a{color:var(--tk-dlite-brand-accent);text-decoration:none}.shared-view__hero-prepared a:hover{text-decoration:underline}.shared-view__hero-sep{display:inline-block;margin:0 10px;color:var(--tk-dlite-text-muted)}.shared-view__hero-date{font-size:13px;color:var(--tk-dlite-text-muted);margin-top:12px}.shared-view__main{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:36px 32px;max-width:1600px;width:100%;margin:0 auto}@media(max-width:1100px){.shared-view__main{grid-template-columns:1fr}}.shared-view__pane{background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-lg);overflow:hidden;display:flex;flex-direction:column}.shared-view__pane-header{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--tk-dlite-surface-border);background:#00000026}.shared-view__pane-label{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--tk-dlite-brand-accent);color:#1a3c5e;font-size:13px;font-weight:700;font-family:var(--tk-dlite-font-mono)}.shared-view__pane-title{font-size:16px;font-weight:700;margin:0;line-height:1.2}.shared-view__pane-subtitle{font-size:12px;color:var(--tk-dlite-text-muted);margin:4px 0 0}.shared-view__canvas-container,.shared-view__three-container{padding:20px;display:flex;align-items:center;justify-content:center;min-height:480px;flex:1}.shared-view__three-container{padding:0;position:relative;background:linear-gradient(180deg,#8bb4e3,#d6e3f0)}.read-only-canvas{width:100%;display:flex;justify-content:center}.shared-view__sun-control{position:absolute;bottom:14px;left:14px;right:14px;background:#0d1932bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--tk-dlite-radius-md);padding:8px 14px;display:flex;align-items:center;gap:12px;z-index:5}.shared-view__sun-label{font-size:11px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.shared-view__cta{padding:64px 32px;text-align:center;border-top:1px solid var(--tk-dlite-surface-border);background:linear-gradient(135deg,rgba(245,166,35,.06),transparent)}.shared-view__cta-inner{max-width:580px;margin:0 auto}.shared-view__cta h2{font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.shared-view__cta p{font-size:15px;color:var(--tk-dlite-text-muted);margin-bottom:24px}.btn--cta{font-size:15px;padding:14px 28px}.shared-view__footer{padding:32px;text-align:center;font-size:12px;color:var(--tk-dlite-text-muted);border-top:1px solid var(--tk-dlite-surface-border)}.shared-view__footer a{color:var(--tk-dlite-brand-accent);text-decoration:none;font-weight:600}.shared-view--loading,.shared-view--notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px;text-align:center;gap:12px}.shared-view__spinner{font-size:48px;color:var(--tk-dlite-brand-accent);animation:spinnerPulse 2s ease-in-out infinite}@keyframes spinnerPulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.shared-view--notfound h1{font-size:28px;font-weight:700;margin:16px 0 8px}.shared-view--notfound p{color:var(--tk-dlite-text-muted);margin-bottom:20px}.shared-view--notfound .btn{display:inline-block;width:auto;padding:10px 22px}.cost-panel{background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);padding:0;margin:var(--tk-dlite-space-sm) var(--tk-dlite-space-md)}.cost-panel__summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;list-style:none;border-radius:var(--tk-dlite-radius-md)}.cost-panel__summary::-webkit-details-marker{display:none}.cost-panel__summary::marker{content:""}.cost-panel[open] .cost-panel__summary{border-bottom:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md) var(--tk-dlite-radius-md) 0 0}.cost-panel__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tk-dlite-text-muted)}.cost-panel__total{font-size:18px;font-weight:700;color:var(--tk-dlite-brand-accent);font-feature-settings:"tnum"}.cost-panel__body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.cost-panel__hint{font-size:10px;color:var(--tk-dlite-brand-accent);margin:0}.cost-groups{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.cost-group{background:var(--tk-dlite-surface-input);border-radius:var(--tk-dlite-radius-sm);border:1px solid var(--tk-dlite-surface-border)}.cost-group__summary{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 8px;cursor:pointer;list-style:none;font-size:11px}.cost-group__summary::-webkit-details-marker{display:none}.cost-group__summary::marker{content:""}.cost-group__name{font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-dlite-text-primary);font-size:10px}.cost-group__count{font-size:10px;color:var(--tk-dlite-text-muted)}.cost-group__subtotal{font-weight:600;color:var(--tk-dlite-text-primary);font-feature-settings:"tnum"}.cost-group .cost-list{padding:6px;border-top:1px solid var(--tk-dlite-surface-border);margin-top:2px}.cost-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cost-line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:11px;padding:4px 4px 4px 6px;border-radius:3px}.cost-line:hover{background:#ffffff08}.cost-line__label{color:var(--tk-dlite-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost-line__qty{color:var(--tk-dlite-text-muted);font-feature-settings:"tnum";font-size:10px}.cost-line__total{color:var(--tk-dlite-text-primary);font-weight:600;font-feature-settings:"tnum";text-align:right}.cost-panel__disclaimer{font-size:10px;color:var(--tk-dlite-text-muted);margin:0;line-height:1.4}.cost-row{display:flex;align-items:center;gap:4px}.cost-row__prefix{color:var(--tk-dlite-text-muted);font-size:13px}.cost-row__input{flex:1;font-feature-settings:"tnum"}.cost-row__unit{color:var(--tk-dlite-text-muted);font-size:11px}.cost-row__hint{font-size:10px;color:var(--tk-dlite-text-muted);margin-top:4px;font-feature-settings:"tnum"}.selected-panel__actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 14px 12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;background:var(--tk-dlite-surface-input);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);color:var(--tk-dlite-text-primary);font-size:10px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.action-btn:hover{background:var(--tk-dlite-surface-hover);border-color:var(--tk-dlite-brand-accent)}.action-btn--danger{color:#ef6464}.action-btn--danger:hover{background:#ef646414;border-color:#ef646466}.notes-panel{background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);margin:var(--tk-dlite-space-sm) var(--tk-dlite-space-md)}.notes-panel__summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;list-style:none}.notes-panel__summary::-webkit-details-marker{display:none}.notes-panel__summary::marker{content:""}.notes-panel__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tk-dlite-text-muted)}.notes-panel__count{font-size:10px;color:var(--tk-dlite-text-muted)}.notes-panel__body{padding:0 14px 14px;display:flex;flex-direction:column;gap:6px}.notes-textarea{width:100%;min-height:88px;background:var(--tk-dlite-surface-input);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);color:var(--tk-dlite-text-primary);font-family:inherit;font-size:12px;padding:8px 10px;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--tk-dlite-brand-accent)}.notes-panel__hint{font-size:10px;color:var(--tk-dlite-text-muted);margin:0}.install-pill{position:fixed;bottom:78px;right:20px;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 18px;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-brand-accent);border-radius:var(--tk-dlite-radius-md);box-shadow:0 10px 30px #0006,0 0 0 1px #f5a62333;max-width:360px;z-index:800;animation:hintBounceIn .4s cubic-bezier(.34,1.56,.64,1)}.install-pill__icon{font-size:22px;color:var(--tk-dlite-brand-accent)}.install-pill__body{flex:1}.install-pill__title{font-size:13px;font-weight:700;margin-bottom:2px}.install-pill__hint{font-size:11px;color:var(--tk-dlite-text-muted);margin:0}.install-pill__dismiss{background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;padding:0;line-height:1}.install-pill__dismiss:hover{color:#ffffffe6}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);box-shadow:0 8px 28px #00000059;color:var(--tk-dlite-text-primary);font-size:13px;min-width:240px;max-width:380px;cursor:pointer;pointer-events:all;animation:toastSlideIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast--success{border-left:3px solid #4ade80}.toast--error{border-left:3px solid #ef4444}.toast--info{border-left:3px solid var(--tk-dlite-brand-accent)}.toast__icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.toast__icon--success{background:#4ade80;color:#052e16}.toast__icon--error{background:#ef4444;color:#fff}.toast__icon--info{background:var(--tk-dlite-brand-accent);color:#1a3c5e}.toast__message{flex:1;line-height:1.4}.help-fab{position:fixed;bottom:18px;left:18px;width:36px;height:36px;border-radius:50%;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);color:var(--tk-dlite-text-muted);font-size:16px;font-weight:600;cursor:pointer;z-index:30;box-shadow:var(--tk-dlite-shadow-md);transition:background .15s,color .15s,transform .15s}.help-fab:hover{background:var(--tk-dlite-brand-accent);color:#1a3c5e;transform:scale(1.05)}.shortcuts-modal{position:relative;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-lg);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.shortcuts-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--tk-dlite-space-md) var(--tk-dlite-space-lg);border-bottom:1px solid var(--tk-dlite-surface-border)}.shortcuts-modal__body{padding:var(--tk-dlite-space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--tk-dlite-space-xl)}.shortcuts-modal__section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-dlite-text-muted);margin-bottom:var(--tk-dlite-space-sm);font-weight:600}.shortcuts-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding:0;margin:0}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--tk-dlite-surface-input);border-radius:var(--tk-dlite-radius-sm);font-size:13px}.shortcut-row__keys{display:flex;gap:4px}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:4px;font-family:var(--tk-dlite-font-mono);font-size:11px;font-weight:600;color:var(--tk-dlite-text-primary);box-shadow:0 1px 0 var(--tk-dlite-surface-border)}.shortcut-row__desc{color:var(--tk-dlite-text-muted)}.tips-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.tip-row{display:flex;gap:10px;font-size:13px;color:var(--tk-dlite-text-primary);line-height:1.5}.tip-row__bullet{color:var(--tk-dlite-brand-accent);flex-shrink:0}.first-run-hint{position:absolute;top:calc(100% + 12px);left:0;width:280px;padding:14px 16px;background:linear-gradient(135deg,#1a3c5e,#2a4a6e);border:1px solid var(--tk-dlite-brand-accent);border-radius:var(--tk-dlite-radius-md);box-shadow:0 8px 24px #0006,0 0 0 1px #f5a62333;z-index:60;animation:hintBounceIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes hintBounceIn{0%{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.first-run-hint__arrow{position:absolute;top:-6px;left:24px;transform:rotate(45deg);width:12px;height:12px;background:#1a3c5e;border-left:1px solid var(--tk-dlite-brand-accent);border-top:1px solid var(--tk-dlite-brand-accent)}.first-run-hint__close{position:absolute;top:8px;right:10px;width:22px;height:22px;background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:0;line-height:1}.first-run-hint__close:hover{color:#ffffffe6}.first-run-hint__body{padding-right:14px}.first-run-hint__title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--tk-dlite-brand-accent);margin-bottom:6px}.first-run-hint__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tk-dlite-brand-accent);box-shadow:0 0 8px var(--tk-dlite-brand-accent);animation:pulse 1.5s infinite}.first-run-hint__text{font-size:12px;color:#ffffffe6;line-height:1.45;margin:0}.live-3d-toggle-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tk-dlite-text-muted);margin-right:6px;vertical-align:middle;transition:background .15s,box-shadow .15s}.live-3d-toggle-dot--on{background:#4ade80;box-shadow:0 0 6px #4ade80}.field-group{display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;font-weight:500;color:var(--tk-dlite-text-muted);text-transform:uppercase;letter-spacing:.06em}.text-input{background:var(--tk-dlite-surface-bg);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-sm);color:var(--tk-dlite-text-primary);font-family:var(--tk-dlite-font-sans);font-size:13px;padding:6px 8px;width:100%;transition:border-color .1s}.text-input:focus{outline:none;border-color:var(--tk-dlite-brand-primary)}.text-input--sm{font-size:12px;padding:4px 6px;width:80px}.text-input::placeholder{color:var(--tk-dlite-text-muted)}.range-input{width:100%;accent-color:var(--tk-dlite-brand-primary);cursor:pointer}.color-palette{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.color-swatch{width:20px;height:20px;border-radius:3px;border:1.5px solid transparent;cursor:pointer;transition:transform .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch--active{border-color:#fff;box-shadow:0 0 0 1px #fff}.color-custom{width:20px;height:20px;border-radius:3px;border:1.5px solid var(--tk-dlite-surface-border);cursor:pointer;padding:0;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tk-dlite-space-xs);padding:8px 16px;border-radius:var(--tk-dlite-radius-md);border:1px solid transparent;font-family:var(--tk-dlite-font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,opacity .12s;white-space:nowrap;width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--tk-dlite-brand-primary);color:var(--tk-dlite-text-primary)}.btn--primary:hover:not(:disabled){background:#254f7a}.btn--secondary{background:var(--tk-dlite-surface-card);border-color:var(--tk-dlite-surface-border);color:var(--tk-dlite-text-secondary)}.btn--secondary:hover:not(:disabled){background:var(--tk-dlite-surface-hover);color:var(--tk-dlite-text-primary)}.btn--ghost{background:transparent;border-color:var(--tk-dlite-surface-border);color:var(--tk-dlite-text-secondary);width:auto}.btn--ghost:hover:not(:disabled){background:var(--tk-dlite-surface-hover);color:var(--tk-dlite-text-primary)}.btn--sm{padding:5px 10px;font-size:12px}.btn--xs{padding:3px 8px;font-size:11px}.btn--sample{background:#f5a6231f;border:1px solid rgba(245,166,35,.35);color:var(--tk-dlite-brand-accent);font-size:12px;font-weight:600;padding:7px 12px;width:100%;margin-top:var(--tk-dlite-space-xs)}.btn--sample:hover{background:#f5a62338;border-color:var(--tk-dlite-brand-accent)}canvas{border-radius:var(--tk-dlite-radius-md);box-shadow:var(--tk-dlite-shadow-md);display:block}.auth-modal{position:relative;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-lg);width:100%;max-width:400px;padding:var(--tk-dlite-space-xl);display:flex;flex-direction:column;gap:var(--tk-dlite-space-md)}.auth-modal__header{text-align:center}.auth-modal__header .app__logo{justify-content:center;margin-bottom:var(--tk-dlite-space-xs)}.auth-modal__subtitle{font-size:13px;color:var(--tk-dlite-text-muted)}.btn--google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:var(--tk-dlite-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn--google:hover{background:#f8f9fa}.auth-modal__divider{display:flex;align-items:center;gap:var(--tk-dlite-space-sm);color:var(--tk-dlite-text-muted);font-size:12px}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--tk-dlite-surface-border)}.auth-modal__tabs{display:flex;gap:2px;background:var(--tk-dlite-surface-input);border-radius:var(--tk-dlite-radius-sm);padding:2px}.auth-modal__tab{flex:1;padding:6px 12px;font-size:13px;background:transparent;border:none;border-radius:calc(var(--tk-dlite-radius-sm) - 2px);color:var(--tk-dlite-text-muted);cursor:pointer}.auth-modal__tab--active{background:var(--tk-dlite-surface-panel);color:var(--tk-dlite-text-primary)}.auth-modal__form{display:flex;flex-direction:column;gap:var(--tk-dlite-space-sm)}.auth-modal__error{font-size:12px;color:#e55}.auth-modal__close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--tk-dlite-text-muted);font-size:16px;cursor:pointer;line-height:1}.user-menu{position:relative}.user-menu__avatar{width:30px;height:30px;border-radius:50%;background:var(--tk-dlite-brand-accent);color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--tk-dlite-surface-panel);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);box-shadow:var(--tk-dlite-shadow-md);overflow:hidden;z-index:50}.user-menu__email{padding:10px 14px 6px;font-size:11px;color:var(--tk-dlite-text-muted);border-bottom:1px solid var(--tk-dlite-surface-border)}.user-menu__item{display:block;width:100%;padding:9px 14px;font-size:13px;text-align:left;background:none;border:none;color:var(--tk-dlite-text-primary);cursor:pointer}.user-menu__item:hover{background:var(--tk-dlite-surface-hover)}.user-menu__item--danger{color:#e55}.user-menu__item--danger:hover{background:#dc323214}.designs-modal{max-width:700px}.designs-list{padding:var(--tk-dlite-space-lg);display:flex;flex-direction:column;gap:var(--tk-dlite-space-sm);overflow-y:auto;max-height:65vh}.designs-list__empty{color:var(--tk-dlite-text-muted);font-size:13px;text-align:center;padding:var(--tk-dlite-space-xl) 0}.design-card{display:flex;align-items:center;justify-content:space-between;padding:var(--tk-dlite-space-md);background:var(--tk-dlite-surface-input);border:1px solid var(--tk-dlite-surface-border);border-radius:var(--tk-dlite-radius-md);gap:var(--tk-dlite-space-md)}.design-card__info{flex:1;min-width:0}.design-card__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-card__meta{font-size:11px;color:var(--tk-dlite-text-muted);margin-top:2px}.design-card__actions{display:flex;gap:6px;flex-shrink:0}.btn--danger{color:#e55!important}.save-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:12px;font-feature-settings:"tnum"}.save-status__dot{display:inline-block;width:6px;height:6px;border-radius:50%}.save-status--dirty{color:var(--tk-dlite-brand-accent);background:#f5a6231a}.save-status--dirty .save-status__dot{background:var(--tk-dlite-brand-accent);box-shadow:0 0 6px var(--tk-dlite-brand-accent)}.save-status--clean{color:#4ade80;background:#4ade8014}.save-status--clean .save-status__dot{background:#4ade80}.toolbar-save{display:flex;align-items:center;gap:var(--tk-dlite-space-sm);padding:6px var(--tk-dlite-space-md);border-bottom:1px solid var(--tk-dlite-surface-border);position:relative;z-index:50}.toolbar-save__title{font-size:12px;color:var(--tk-dlite-text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--tk-dlite-surface-bg)}::-webkit-scrollbar-thumb{background:var(--tk-dlite-surface-border);border-radius:3px}