*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#1d1d1f;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:13px;line-height:1.5}.login-screen{z-index:9999;background:#f5f5f7 url(/images/containment-render.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-screen:before{content:"";-webkit-backdrop-filter:blur(8px);background:#f5f5f7a6;position:absolute;inset:0}.login-card{text-align:center;background:#fff;border-radius:16px;width:340px;padding:40px 36px;position:relative;box-shadow:0 4px 24px #00000014}.login-logo{width:auto;height:60px;margin-bottom:12px}.login-card h1{color:#1d1d1f;margin-bottom:4px;font-size:22px;font-weight:600}.login-card .login-sub{color:#1d1d1f;margin-bottom:28px;font-size:24px;font-weight:600}.login-error{color:#e30000;text-align:left;margin-bottom:8px;font-size:12px;display:none}.login-card .form-group{text-align:left;margin-bottom:14px}.login-card .form-group label{color:#86868b;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.login-card .form-group input{background:#f5f5f7;border:1px solid #e5e5e7;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.login-card .form-group input:focus{background:#fff;border-color:#0071e3;outline:none}.login-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:10px;width:100%;margin-top:8px;padding:11px;font-size:15px;font-weight:500;transition:background .2s}.login-btn:hover{background:#0062cc}.app-container{height:100vh;display:none}.app-container.visible{display:flex}.control-panel{background:#fff;border-right:1px solid #e5e5e7;flex-direction:column;flex-shrink:0;gap:0;width:280px;height:100vh;padding:14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.control-panel::-webkit-scrollbar{width:4px}.control-panel::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover{background:#a1a1a6}.canvas-area{background:#f5f5f7;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.canvas-wrapper{flex-direction:column;flex:1;min-height:0;padding:10px;display:flex;overflow:hidden}.tab-bar{background:#e8e8ed;flex-wrap:nowrap;align-items:stretch;gap:2px;padding:8px 12px 0;display:flex}.tab-bar-tabs{flex-wrap:nowrap;align-items:stretch;gap:2px;display:flex}.browser-tab{cursor:pointer;color:#86868b;-webkit-user-select:none;user-select:none;background:#d8d8dd;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.browser-tab:hover{color:#1d1d1f;background:#e8e8ed}.browser-tab.active{color:#1d1d1f;background:#f5f5f7;font-weight:600}.browser-tab-label{white-space:nowrap}.browser-tab-close{color:#86868b;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;line-height:1;transition:all .15s;display:flex}.browser-tab-close:hover{color:#1d1d1f;background:#0000001a}.tab-bar-add{color:#86868b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-self:center;margin-bottom:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.tab-bar-add:hover{color:#1d1d1f;background:#0000000f}.control-panel h1{color:#1d1d1f;margin-bottom:0;font-size:13px;font-weight:600}.control-panel .subtitle{color:#86868b;margin-bottom:0;font-size:11px}.panel-header{align-items:center;gap:10px;margin-bottom:0;display:flex}.panel-logo{width:auto;height:20px}.panel-divider{background:#e5e5e7;height:1px;margin:10px 0}.user-badge{color:#86868b;text-align:right;white-space:nowrap;align-self:center;margin-left:12px;padding-bottom:4px;font-size:11px}.user-badge strong{color:#1d1d1f;font-weight:500}.containment-card{background:#f8f8fa;border:1px solid #e5e5e7;border-radius:12px;margin-bottom:10px;padding:11px}.containment-card-label{color:#0071e3;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:600}.containment-card .form-group{margin-bottom:7px}.containment-card .panel-section{margin-bottom:0}.containment-card .panel-section h3{margin-top:6px}.containment-card .tip{color:#a1a1a6;margin-top:6px;font-size:10px;line-height:1.4}.panel-section{margin-bottom:12px}.panel-section h3{color:#86868b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600}.panel-spacer{flex:1;min-height:8px}.form-group{margin-bottom:8px}.form-group label{color:#86868b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:11px;font-weight:500;display:block;overflow:hidden}.form-group input,.form-group select{background:#fff;border:1px solid #e5e5e7;border-radius:8px;width:100%;padding:6px 9px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#0071e3;outline:none;box-shadow:0 0 0 3px #0071e31a}.form-group textarea{resize:vertical;background:#fff;border:1px solid #e5e5e7;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.5;transition:border-color .2s,box-shadow .2s}#quoteNotes{min-height:64px}.form-row{gap:8px;display:flex}.form-row .form-group{flex:1}.btn{cursor:pointer;border:none;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#0071e3;width:100%}.btn-primary:hover{background:#0062cc}.btn-outline{color:#86868b;background:0 0;border:1px solid #d2d2d7;width:100%;font-size:11px}.btn-outline:hover{color:#0071e3;background:#f5f5f7;border-color:#0071e3}.btn-secondary{color:#1d1d1f;background:#f5f5f7;border:1px dashed #d2d2d7}.btn-secondary:hover{background:#e8e8ed;border-color:#86868b}.config-tabs{background:#e8e8ed;border-radius:8px;gap:0;margin-bottom:8px;padding:3px;display:flex}.config-tab{text-align:center;cursor:pointer;color:#86868b;background:0 0;border:none;border-radius:6px;flex:1;padding:6px;font-size:11px;font-weight:500;transition:all .2s}.config-tab:hover{color:#1d1d1f}.config-tab.active{color:#1d1d1f;background:#fff;box-shadow:0 1px 4px #0000001a}.config-tabs-type{margin-bottom:12px}.config-tabs-type .config-tab{padding:7px;font-size:12px}.cfg-info{opacity:.55;vertical-align:1px;cursor:help;margin-left:4px;font-size:10px}.summary-box{background:#f8f8fa;border:1px solid #e5e5e7;border-radius:10px;padding:8px 10px}.summary-row{color:#86868b;justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.summary-row span:last-child{color:#1d1d1f;font-variant-numeric:tabular-nums;font-weight:500}.summary-row.total{border-top:1px solid #e5e5e7;margin-top:6px;padding-top:8px;font-weight:600}.summary-row.total span{color:#1d1d1f}.panel-actions{margin-bottom:0}.panel-actions .btn{margin-top:8px}.panel-actions .btn:first-of-type{margin-top:4px}.btn-secondary{width:100%;font-size:12px}.rack-types-subtitle{color:#a1a1a6;font-weight:400}.rack-type-list{flex-direction:column;gap:4px;display:flex}.rack-type-item{cursor:pointer;background:#fff;border:1px solid #e5e5e7;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 9px;font-size:12px;transition:all .15s;display:flex}.rack-type-item:hover{background:#f0f7ff;border-color:#0071e3}.rack-type-item.editing{background:#e3f0ff;border-color:#0071e3}.rack-type-dims{color:#1d1d1f;font-weight:500}.rack-type-count{color:#86868b;font-size:11px}.rack-type-row-label{color:#86868b;margin-left:4px;font-size:10px}.rack-type-edit{background:#f5f5f7;border-radius:8px;margin-top:4px;padding:10px;display:none}.rack-type-edit.visible{display:block}.rack-type-edit .form-row{align-items:stretch;margin-bottom:6px}.rack-type-edit .form-row .form-group{flex-direction:column;display:flex}.rack-type-edit .form-row .form-group select,.rack-type-edit .form-row .form-group input{flex:1}.rack-type-edit .btn-row{gap:6px;margin-top:8px;display:flex}.rack-type-edit .btn-sm{cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:500}.rack-type-edit .btn-sm-save{color:#fff;background:#34c759}.rack-type-edit .btn-sm-cancel{color:#1d1d1f;background:#e5e5e7}.drawings-container{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.drawing-box-top{background:#fff;border-radius:12px;flex-direction:column;grid-row:1;min-height:0;padding:8px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.drawing-box-front{background:#fff;border-radius:12px;flex-direction:column;grid-row:2;min-height:0;padding:8px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.drawing-box-3d{background:#fff;border-radius:12px;flex-direction:column;grid-area:1/2/3;min-height:0;padding:8px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.drawings-container.hide-3d{grid-template-columns:1fr}.drawings-container.hide-3d .drawing-box-3d{display:none}.drawing-box-3d>div:last-child{border-radius:8px;flex:1;min-height:0;overflow:hidden}.drawing-box svg{width:100%;height:100%;display:block}.unit-count-chip:hover rect{stroke:#0071e3}.app-copyright-fixed{color:#86868b;z-index:500;pointer-events:none;font-size:11px;position:fixed;bottom:8px;right:12px}.color-options{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.color-swatch{cursor:pointer;border:1px solid #d2d2d7;border-radius:5px;width:17px;height:17px;padding:0}.color-swatch.active{outline-offset:1px;outline:2px solid #0071e3}.color-swatch-default{background:linear-gradient(135deg,#3a3a3a 0 45%,#a0a0a0 55% 100%)}.color-custom{cursor:pointer;background:conic-gradient(from 90deg,#ff3b30,#fc0,#34c759,#00c7be,#007aff,#af52de,#ff3b30);border:1px solid #d2d2d7;border-radius:5px;flex-shrink:0;width:17px;height:17px;position:relative;overflow:hidden}.color-custom.active{outline-offset:1px;outline:2px solid #0071e3}.color-custom input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.unit-count-input{text-align:center;color:#1d1d1f;z-index:9999;background:#fff;border:1px solid #0071e3;border-radius:6px;outline:none;width:48px;padding:4px 2px;font-size:12px;font-weight:600;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0000002e}.drawing-box>div{flex:1;min-height:0;overflow:hidden}.drawing-box h4{color:#86868b;letter-spacing:.3px;flex-shrink:0;margin-bottom:4px;font-size:10px;font-weight:500}.drawing-expand{cursor:pointer;color:#86868b;z-index:3;opacity:.55;background:#ffffffe6;border:1px solid #d2d2d7;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:5px;right:6px}.drawing-box:hover .drawing-expand{opacity:1}.drawing-expand:hover{color:#0071e3;background:#f0f7ff;border-color:#0071e3}.drawing-expand svg{width:11px;height:11px;display:block}.drawing-walk{cursor:pointer;color:#1d1d1f;letter-spacing:.2px;z-index:3;opacity:.85;background:#ffffffeb;border:1px solid #d2d2d7;border-radius:5px;align-items:center;gap:4px;height:20px;padding:0 8px 0 6px;font-size:10px;font-weight:500;transition:all .15s;display:inline-flex;position:absolute;top:5px;right:30px}.drawing-box:hover .drawing-walk{opacity:1}.drawing-walk:hover{color:#0071e3;background:#f0f7ff;border-color:#0071e3}.drawing-walk svg{flex-shrink:0;width:11px;height:11px;display:block}.drawing-walk span{white-space:nowrap}.drawing-preview{z-index:9000;display:none;position:fixed;inset:0 0 0 281px}.drawing-preview.open{display:block}.drawing-preview-backdrop{cursor:pointer;background:#0000008c;position:absolute;inset:0}.drawing-preview-panel{background:#fff;border-radius:14px;flex-direction:column;padding:14px 20px 20px;display:flex;position:absolute;inset:20px 24px;box-shadow:0 20px 60px #00000059}.drawing-preview-content canvas{max-width:100%;max-height:100%;display:block}.drawing-preview-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.drawing-preview-title{color:#1d1d1f;letter-spacing:.2px;margin:0;font-size:14px;font-weight:600}.drawing-preview-close{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.drawing-preview-close:hover{color:#1d1d1f;background:#f5f5f7}.drawing-preview-close svg{width:18px;height:18px;display:block}.drawing-preview-content{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.drawing-preview-content svg{width:100%;max-width:100%;height:100%;max-height:100%}.drawing-preview-content img{object-fit:contain;max-width:100%;max-height:100%}.legend{color:#86868b;flex-wrap:wrap;flex-shrink:0;gap:12px;padding:4px 12px;font-size:10px;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.legend-color{border-radius:3px;width:10px;height:10px}.custom-design-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.custom-design-overlay.active{display:flex}.custom-design-modal{background:#fff;border-radius:14px;width:90%;max-width:560px;padding:28px;box-shadow:0 12px 40px #0000002e}.custom-design-modal h3{color:#1d1d1f;margin-bottom:4px;font-size:16px;font-weight:600}.custom-design-modal p{color:#86868b;margin-bottom:16px;font-size:12px}.custom-design-modal .form-group{margin-bottom:12px}.custom-design-modal .form-group label{font-size:11px}.custom-design-modal textarea{resize:vertical;background:#f5f5f7;border:1px solid #e5e5e7;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.custom-design-modal textarea:focus{background:#fff;border-color:#0071e3;outline:none}.custom-design-modal .modal-actions{gap:8px;margin-top:16px;display:flex}.custom-design-modal .modal-actions button{flex:1}.rack-editor{z-index:9500;background:#fff;border-radius:12px;min-width:200px;padding:16px;display:none;position:fixed;box-shadow:0 8px 32px #0000001f}.rack-editor h4{color:#1d1d1f;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.rack-editor .close-editor{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:16px}.rack-editor .close-editor:hover{color:#1d1d1f;background:#f5f5f7}.rack-editor .form-group{margin-bottom:8px}.rack-editor .form-group label{font-size:11px}.rack-editor .form-group select,.rack-editor .form-group input{padding:6px 8px;font-size:12px}.rack-editor .btn-save{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;width:100%;margin-top:4px;padding:7px;font-size:12px;font-weight:500}.rack-editor .btn-save:hover{background:#0062cc}.invoice-toolbar{background:#c8c8cc;flex-shrink:0;justify-content:center;gap:10px;padding:12px;display:flex}.invoice-preview-bg{background:#d1d1d6;flex-direction:column;flex:1;align-items:center;gap:24px;padding:24px;display:flex;overflow:auto}.invoice-page{color:#1d1d1f;background:#fff;flex-shrink:0;width:210mm;max-width:100%;padding:48px 56px;font-size:11px;line-height:1.6;box-shadow:0 2px 12px #00000026}.invoice-page h1{margin:0;font-size:28px;font-weight:700}.invoice-page .inv-subtitle{color:#86868b;letter-spacing:2px;text-transform:uppercase;margin-bottom:0;font-size:12px}.invoice-page h2{color:#1d1d1f;margin:24px 0 10px;font-size:16px;font-weight:600}.invoice-page h3{margin:14px 0 6px;font-size:13px;font-weight:600}.invoice-page .separator{border:none;border-top:2px solid #1d1d1f;margin:16px 0}.invoice-page .separator-light{border:none;border-top:1px solid #e5e5e7;margin:12px 0}.invoice-page table{border-collapse:collapse;width:100%;margin:10px 0;font-size:11px}.invoice-page table th{text-align:left;background:#f5f5f7;border-bottom:1px solid #e5e5e7;padding:8px 10px;font-size:10px;font-weight:600}.invoice-page table td{border-bottom:1px solid #f0f0f2;padding:7px 10px}.invoice-page table .subtotal-row td{background:#f5f5f7;border-top:1px solid #e5e5e7;font-weight:600}.invoice-page .inv-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.invoice-page .inv-meta{text-align:right;color:#86868b;font-size:11px}.invoice-page .inv-meta strong{color:#1d1d1f}.invoice-page .inv-label{letter-spacing:1px;color:#1d1d1f;font-size:22px;font-weight:700}.invoice-page .inv-letter{background:#f5f5f7;border-radius:8px;margin:16px 0;padding:16px;font-size:11px;line-height:1.7}.invoice-page .inv-footer{color:#86868b;text-align:center;border-top:1px solid #e5e5e7;margin-top:24px;padding-top:12px;font-size:10px}.invoice-page .drawing-img{border-radius:6px;width:100%;margin:8px 0}.invoice-page svg{width:100%;max-width:100%;height:auto;display:block}.invoice-page .terms-text{color:#444;font-size:10px;line-height:1.7}.invoice-page .sig-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.invoice-page .sig-box{border:1px solid #e5e5e7;border-radius:8px;min-height:120px;padding:16px}.invoice-page .sig-line{color:#86868b;border-top:1px solid #1d1d1f;margin-top:40px;padding-top:6px;font-size:10px}.email-output{white-space:pre-wrap;background:#f5f5f7;border-radius:10px;padding:16px;font-size:13px;line-height:1.6}.copy-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:8px;align-items:center;gap:5px;margin-top:10px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}.copy-btn:hover{background:#0062cc}.view3d-toggle{color:#0000;cursor:default;width:28px;height:22px;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-shrink:0;align-self:center;margin-bottom:4px;margin-left:auto;padding:0}.view3d-toggle:hover,.view3d-toggle:focus,.view3d-toggle.active{color:#0000;box-shadow:none;background:0 0;border:none;outline:none}.lang-dropdown{align-self:center;margin-bottom:4px;margin-left:auto;display:inline-flex;position:relative}.lang-toggle{color:#1d1d1f;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex}.lang-toggle:hover,.lang-toggle.open{color:#0071e3;background:#f0f7ff;border-color:#0071e3}.lang-toggle-icon{width:16px;height:16px;display:block}.lang-menu{z-index:1000;background:#fff;border:1px solid #d2d2d7;border-radius:10px;min-width:150px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.lang-menu.open{display:block}.lang-menu-opt{text-align:left;color:#1d1d1f;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:7px 10px;font-size:12px;font-weight:500;transition:background .15s;display:block}.lang-menu-opt:hover{background:#f5f5f7}.lang-menu-opt.active{color:#fff;background:#1d1d1f}.help-toggle{color:#1d1d1f;letter-spacing:.2px;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:999px;flex-shrink:0;align-self:center;align-items:center;gap:6px;height:28px;margin-bottom:4px;margin-left:8px;padding:0 10px 0 5px;font-size:11px;font-weight:600;transition:all .15s;animation:2.4s ease-out 1.2s 2 help-toggle-pulse;display:inline-flex}.help-toggle-icon{color:#fff;background:#1d1d1f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.help-toggle-label{line-height:1}.help-toggle:hover{color:#0071e3;background:#f0f7ff;border-color:#0071e3;animation:none}.help-toggle:hover .help-toggle-icon{background:#0071e3}.help-toggle.active{color:#fff;background:#0071e3;border-color:#0071e3;animation:none}.help-toggle.active .help-toggle-icon{color:#0071e3;background:#fff}@keyframes help-toggle-pulse{0%{box-shadow:0 0 #0071e373}70%{box-shadow:0 0 0 10px #0071e300}to{box-shadow:0 0 #0071e300}}.help-overlay{z-index:8000;pointer-events:none;display:none;position:fixed;inset:0}.help-overlay.visible{display:block}.help-spotlight{pointer-events:none;opacity:0;border:2px solid #0071e3;border-radius:10px;transition:left .32s cubic-bezier(.4,0,.2,1),top .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;box-shadow:0 0 0 9999px #00000047,0 0 0 4px #0071e340}.help-overlay.visible .help-spotlight.active{opacity:1}.help-spotlight.collapsed{border:0;box-shadow:0 0 0 9999px #00000047}.help-card{z-index:2;pointer-events:auto;background:#fff;border-radius:14px;width:264px;padding:16px 18px;transition:left .32s cubic-bezier(.4,0,.2,1),top .32s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 10px 36px #0000003d}.help-card-step{color:#0071e3;letter-spacing:.4px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:600}.help-card-title{color:#1d1d1f;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.25}.help-card-text{color:#1d1d1f;margin-bottom:16px;font-size:14px;line-height:1.45}.help-card-text strong{color:#0071e3;font-weight:600}.help-card-nav{justify-content:flex-end;align-items:center;gap:10px;display:flex}.help-card-actions{gap:8px;display:flex}.help-card-close{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:19px;line-height:1;transition:all .15s;display:flex;position:absolute;top:9px;right:11px}.help-card-close:hover{color:#1d1d1f;background:#f5f5f7}.help-card-back,.help-card-next{cursor:pointer;border-radius:999px;height:30px;padding:0 15px;font-size:12px;font-weight:600;transition:all .15s}.help-card-back{color:#1d1d1f;background:#fff;border:1px solid #d2d2d7}.help-card-back:hover{color:#0071e3;border-color:#0071e3}.help-card-back[hidden]{display:none}.help-card-next{color:#fff;background:#0071e3;border:1px solid #0071e3}.help-card-next:hover{background:#0077ed;border-color:#0077ed}.help-card-next[hidden]{display:none}.help-card-dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.help-card-dots span{background:#d2d2d7;border-radius:50%;width:6px;height:6px;transition:all .2s}.help-card-dots span.active{background:#0071e3;border-radius:3px;width:18px}.help-card.welcome{width:320px;padding:22px 24px}.help-card.welcome .help-card-title{font-size:19px}.help-card.welcome .help-card-text{font-size:15px}.help-card.stepin{animation:.28s cubic-bezier(.4,0,.2,1) help-card-in}@keyframes help-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-card-ack{color:#1c8a4a;margin:-8px 0 14px;font-size:12px;font-weight:600;display:none}.help-card.acted .help-card-ack{display:block}.help-card.acted .help-card-next{animation:1.3s ease-in-out infinite help-next-pulse}@keyframes help-next-pulse{0%,to{box-shadow:0 0 #0071e300}50%{box-shadow:0 0 0 5px #0071e340}}.help-clickhint{z-index:1;pointer-events:none;opacity:.8;width:0;height:0;display:none;position:absolute}.help-overlay.visible .help-clickhint.active{display:block}.help-clickhint-dot{background:#0071e3b3;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #ffffff8c}.help-clickhint-ring{border:2px solid #0071e3b3;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:1.6s ease-out infinite help-click-pulse;position:absolute;top:0;left:0}@keyframes help-click-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.help-clickhint.drag{animation:1.8s ease-in-out infinite help-click-drag}@keyframes help-click-drag{0%,to{transform:translate(-22px)}50%{transform:translate(22px)}}.help-marquee{z-index:1;pointer-events:none;opacity:.9;display:none;position:absolute}.help-overlay.visible .help-marquee.active{display:block}.help-marquee-box{background:#0071e31a;border:1.5px dashed #0071e3;border-radius:3px;width:100%;height:0;animation:2.6s ease-in-out infinite help-marquee-sweep;position:absolute;top:0;left:0}.help-marquee-dot{background:#0071e3b3;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;left:-6px;box-shadow:0 0 0 3px #ffffff8c}@keyframes help-marquee-sweep{0%{opacity:0;height:0}12%{opacity:1}55%{height:100%}80%{opacity:1;height:100%}to{opacity:0;height:100%}}.three-hint{color:#fff;pointer-events:none;z-index:10;background:#0000008c;border-radius:8px;padding:8px 16px;font-size:12px;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media print{.control-panel,.tab-bar,.no-print,.login-screen,.invoice-toolbar{display:none!important}.app-container{display:block!important}.canvas-area{overflow:visible}.canvas-wrapper{padding:0;overflow:visible}.invoice-preview-bg{padding:0;background:0 0!important}.invoice-page{box-shadow:none;page-break-after:always;width:100%;padding:20px 24px}body{background:#fff}}#walk-overlay{z-index:9500;background:#f0f0f0;display:none;position:fixed;inset:0}#walk-overlay.open{display:block}#walk-canvas{cursor:pointer;width:100%;height:100%;display:block}.walk-title{color:#1d1d1f;letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;top:16px;left:20px}.walk-close-btn{color:#1d1d1f;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid #d2d2d7;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 12px 0 9px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex;position:absolute;top:14px;right:14px}.walk-close-btn:hover{color:#0071e3;background:#fff;border-color:#0071e3}.walk-close-btn svg{width:13px;height:13px;display:block}.walk-crosshair{color:#00000059;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.walk-crosshair svg{width:16px;height:16px;display:block}.walk-hud{color:#1d1d1f;letter-spacing:.01em;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border-radius:6px;padding:7px 14px;font-size:11px;font-weight:500;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.walk-click-hint{color:#1d1d1f;letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #d2d2d7;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(36px - 50%))}.walk-click-hint.hidden{opacity:0}