@font-face{font-family:Simplex;src:url(/assets/Simplex-D2sp1Giq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#root{height:100%;margin:0}body{overflow:hidden}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.panel-manager{flex:0 0 auto;box-sizing:border-box;background:#fff;border-top:1px solid #E2E8F0;padding:8px 12px;display:flex;gap:8px;align-items:center}.panel-manager__label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#0f172a;flex:0 0 auto}.panel-manager__tabs{display:flex;gap:6px;overflow-x:auto;flex:1 1 auto;min-width:0}.panel-manager__tab{flex:0 0 auto;display:flex;align-items:baseline;gap:6px;cursor:pointer;padding:4px 6px 4px 10px;border-radius:6px;border:1px solid #E2E8F0;background:#f8fafc;white-space:nowrap}.panel-manager__tab--active{border-color:#1d4ed8;background:#eff6ff}.panel-manager__tab-name{font-size:11.5px;font-weight:700;color:#0f172a}.panel-manager__tab-meta{font-size:9.5px;color:#94a3b8}.panel-manager__icon-btn{border:none;background:none;color:#64748b;cursor:pointer;padding:2px;display:flex}.panel-manager__icon-btn--danger{color:#dc2626}.panel-manager__add-btn{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px dashed #94A3B8;background:#fff;color:#334155;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}.panel-manager__divider{flex:0 0 auto;width:1px;align-self:stretch;background:#e2e8f0}.panel-manager__generate-btn{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid #1D4ED8;background:#1d4ed8;color:#fff;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap}.field-label{display:flex;flex-direction:column;font-size:10.5px;color:#475569;gap:3px;min-width:0}.field-label--wide{grid-column:1 / -1}.field-label__text{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-label__icon{flex:0 0 auto;color:#94a3b8}.field-input{border:1px solid #CBD5E1;border-radius:4px;padding:4px 6px;font-size:12px;font-family:Menlo,ui-monospace,monospace;font-weight:300;width:100%;box-sizing:border-box;min-width:0}.field-input--mono{font-family:Menlo,ui-monospace,monospace}.field-color-row{display:flex;gap:6px;align-items:center}.field-color-swatch{flex:0 0 auto;width:24px;height:24px;padding:0;border:1px solid #CBD5E1;border-radius:4px;background:none;cursor:pointer}.field-color-row .field-input{flex:1 1 auto;min-width:0}.empty-canvas{width:100%;height:100%;background:#fff;border:2px dashed #CBD5E1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;text-align:center;padding:24px;box-sizing:border-box}.empty-canvas__title{font-size:14px;font-weight:600;color:#64748b}.empty-canvas__message{font-size:12.5px;max-width:320px}.front-view{position:relative;width:100%;height:100%}.front-view__svg{width:100%;height:100%;display:block;background:#fff;touch-action:none;cursor:var(--canvas-cursor, default)}.front-view__label-hit{cursor:pointer}.front-view__label-handle{cursor:nwse-resize}.front-view__label-handle--edge{cursor:ew-resize}.front-view__zoom-toggle{position:absolute;z-index:10;bottom:67px;right:12px;display:flex;flex-direction:column;gap:1px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:3px;box-shadow:0 2px 8px #0f172a14}.front-view__fit-btn{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:none;background:transparent;color:#64748b;cursor:pointer}.front-view__fit-btn:last-child{margin-top:2px;padding-top:3px;border-top:1px solid #F1F5F9}.front-view__fit-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);background:#0f172a;color:#fff;padding:4px 8px;border-radius:5px;font-size:10.5px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease;z-index:30}.front-view__fit-btn:hover:after,.front-view__fit-btn:focus-visible:after{opacity:1;visibility:visible}.front-view__snap-off-badge{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#0f172ad9;color:#fff;padding:3px 8px;border-radius:5px;font-size:10.5px;font-weight:700;pointer-events:none}.drawing-canvas--fill{width:100%;height:100%;background:#fff}.drawing-canvas--bordered{width:100%;max-width:920px;background:#fff;border:1px solid #CBD5E1;border-radius:8px}.drawing-canvas--aspect{aspect-ratio:4 / 3}.templates-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.templates-modal{font-family:ui-sans-serif,system-ui;background:#fff;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a47,0 2px 8px #0f172a0f;overflow:hidden}.templates-modal--browse{width:680px;height:560px}.templates-modal--save{width:420px;height:420px}.templates-modal__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #E2E8F0}.templates-modal__title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#0f172a}.templates-modal__title svg{color:#1d4ed8}.templates-modal__close-btn{flex:0 0 auto;border:none;background:none;cursor:pointer;color:#94a3b8;display:flex;padding:4px;border-radius:6px}.templates-modal__close-btn:hover{background:#f1f5f9;color:#334155}.templates-modal__body{padding:18px;overflow-y:auto;flex:1 1 auto;min-height:0}.templates-modal__error{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#b91c1c;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:8px 10px;margin-bottom:12px}.templates-modal__empty{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#94a3b8;text-align:center;padding:0 30px;line-height:1.5}.templates-modal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.templates-modal__card{width:100%;height:180px;border:1px solid #E2E8F0;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.templates-modal__card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a14}.templates-modal__card-preview{flex:1 1 auto;min-height:0;background:#f8fafc;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;padding:2px}.templates-modal__card-footer{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 9px}.templates-modal__card-name{font-size:10.5px;font-weight:500;color:#0f172a;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.templates-modal__card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.templates-modal__delete-btn{border:none;background:none;border-radius:6px;padding:5px;cursor:pointer;color:#94a3b8;display:flex}.templates-modal__delete-btn:hover{background:#fee2e2;color:#dc2626}.templates-modal__insert-btn{border:none;background:#1d4ed8;color:#fff;border-radius:6px;padding:5px;display:flex;cursor:pointer}.templates-modal__insert-btn:hover{background:#1e40af}.templates-modal__save-form{display:flex;flex-direction:column;gap:16px;height:100%}.templates-modal__save-preview{flex:1 1 auto;min-height:0;background:#f8fafc;border:1px solid #E2E8F0;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center}.templates-modal__name-label{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;font-size:11.5px;font-weight:600;color:#334155}.templates-modal__name-input{border:1px solid #CBD5E1;border-radius:7px;padding:8px 10px;font-size:12.5px;font-weight:400;color:#0f172a;font-family:inherit}.templates-modal__name-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.templates-modal__footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #E2E8F0}.templates-modal__cancel-btn{border:none;background:none;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;border-radius:7px}.templates-modal__cancel-btn:hover{background:#f1f5f9;color:#334155}.templates-modal__save-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;border:none;background:#1d4ed8;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.templates-modal__save-btn:hover{background:#1e40af}.templates-modal__save-btn--disabled{background:#cbd5e1;cursor:not-allowed}.templates-modal__save-btn--disabled:hover{background:#cbd5e1}.panel-editor{height:100%;width:100%;display:flex;flex-direction:column}.panel-editor__stage{position:relative;flex:1 1 auto;min-height:0}.panel-editor__canvas-column{position:absolute;top:0;right:0;bottom:0;left:0;user-select:none;-webkit-user-select:none}.panel-editor__sidebar{position:absolute;top:12px;left:12px;z-index:10;width:min(210px,42vw);max-height:calc(100% - 24px);display:flex;flex-direction:column;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 4px 16px #0f172a1a;overflow:hidden}.panel-editor__brand{flex:0 0 auto;width:100%;height:auto;padding:10px 12px;box-sizing:border-box;border-bottom:1px solid #E2E8F0;object-fit:contain}.panel-editor__sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px}.panel-editor__section-heading{font-size:11px;font-weight:700;color:#0f172a;margin-bottom:8px}.panel-editor__section-heading--spaced{margin:12px 0 8px}.panel-editor__lib-btn{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:6px 8px;border-radius:7px;border:1px solid #E2E8F0;background:#fff;font-size:11.5px;cursor:pointer;margin-bottom:5px}.panel-editor__lib-btn--armed{border-color:#1d4ed8;background:#eff6ff}.panel-editor__lib-swatch{width:12px;height:12px;border-radius:3px;background:var(--swatch-fill);border:1.5px solid var(--swatch-stroke);flex-shrink:0}.panel-editor__lib-icon-img{width:13px;height:13px;object-fit:contain;flex-shrink:0}.panel-editor__target-hint{font-size:10px;margin-bottom:8px}.panel-editor__target-hint--armed,.panel-editor__target-hint--has-target{color:#1d4ed8}.panel-editor__target-hint--no-target{color:#dc2626}.panel-editor__info-hint{display:flex;gap:6px;font-size:10px;color:#94a3b8;margin-top:10px;align-items:flex-start}.panel-editor__info-hint-icon{flex-shrink:0;margin-top:1px}.panel-editor__action-bar{flex:0 0 auto;display:flex;gap:4px;flex-wrap:wrap;align-items:center;background:#fff;border-bottom:1px solid #E2E8F0;box-sizing:border-box;padding:6px 10px}.panel-editor__tool-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:#fff;color:#334155;cursor:pointer}.panel-editor__tool-btn:hover:not(:disabled){border-color:#e2e8f0;background:#f8fafc}.panel-editor__tool-btn:disabled{color:#cbd5e1;cursor:default}.panel-editor__tool-btn:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%,6px);background:#0f172a;color:#fff;padding:4px 8px;border-radius:5px;font-size:10.5px;font-weight:600;line-height:1.3;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease;z-index:30}.panel-editor__tool-btn:disabled:after{content:none}.panel-editor__tool-btn:hover:after,.panel-editor__tool-btn:focus-visible:after{opacity:1;visibility:visible}.panel-editor__toolbar-divider{width:1px;align-self:stretch;margin:2px;background:#e2e8f0}.panel-editor__feeder-badge{position:absolute;left:50%;bottom:2px;transform:translate(-50%);background:transparent;color:#6d6d6d;padding:5px 12px;border-radius:6px;font-size:10.5px;font-weight:500;pointer-events:none;text-transform:uppercase;z-index:10}.panel-editor__toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#0f172aeb;color:#fca5a5;padding:6px 14px;border-radius:6px;font-size:12.5px;font-weight:700;letter-spacing:.2px;pointer-events:none;z-index:20;animation:panel-editor-toast-in .15s ease}@keyframes panel-editor-toast-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.panel-editor__right-rail{position:absolute;top:12px;right:12px;z-index:10;width:min(208px,42vw);max-height:calc(100% - 24px);display:flex;flex-direction:column;gap:10px}.panel-editor__metrics-card{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0f172a14;pointer-events:none;gap:10px}.panel-editor__metrics-card-header{display:flex;align-items:center;justify-content:space-between;gap:5px;pointer-events:auto;cursor:pointer;color:#1d4ed8;font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #E2E8F0}.panel-editor__metrics-card-header--collapsed{padding-bottom:0;border-bottom:none}.panel-editor__metrics-card-header-title{display:flex;align-items:center;gap:5px;overflow:hidden}.panel-editor__metric-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0 10px;border-bottom:1px solid #F1F5F9}.panel-editor__metric-row:last-child{border-bottom:none;padding-bottom:1px}.panel-editor__metric-row-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:400;color:#64748b;white-space:nowrap}.panel-editor__metric-row-value{font-size:13.5px;font-weight:550;color:#0f172a;white-space:nowrap}.panel-editor__metric-row-unit{font-size:11px;font-weight:600;color:#94a3b8}.panel-editor__align-card{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0f172a14;gap:6px}.panel-editor__align-section-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.panel-editor__align-row{display:flex;flex-wrap:wrap;gap:4px}.panel-editor__layers-card{display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0f172a14;gap:0;min-height:0}.panel-editor__layers-list{display:flex;flex-direction:column;gap:1px;max-height:220px;overflow-y:auto;margin-top:8px}.panel-editor__layer-row{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:5px 6px;border:none;border-radius:5px;background:transparent;color:#334155;font-size:12px;text-align:left;cursor:pointer}.panel-editor__layer-row:hover{background:#f1f5f9}.panel-editor__layer-row--selected{background:#dbeafe;color:#1d4ed8}.panel-editor__layer-row-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;padding:0;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:3px}.panel-editor__layer-row-toggle:hover{background:#e2e8f0;color:#334155}.panel-editor__layer-row-toggle-spacer{flex-shrink:0;width:14px}.panel-editor__layer-row--group{font-weight:600}.panel-editor__layer-row-icon{flex-shrink:0;color:#94a3b8}.panel-editor__layer-row--selected .panel-editor__layer-row-icon{color:#1d4ed8}.panel-editor__layer-row-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-editor__layer-row-group{flex-shrink:0;font-size:9px;font-weight:700;color:#16a34a;background:#dcfce7;border-radius:3px;padding:1px 4px}.panel-editor__layer-row-id{flex-shrink:0;font-size:10px;font-weight:600;color:#94a3b8}.panel-editor__view-toggle{position:absolute;z-index:10;right:12px;bottom:12px;display:flex;align-items:flex-start;gap:6px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:4px;box-shadow:0 2px 8px #0f172a14}.panel-editor__view-item{display:flex;flex-direction:column;align-items:center;gap:3px}.panel-editor__view-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:3px;border:none;background:transparent;color:#64748b;cursor:pointer}.panel-editor__view-btn--active{background:#1d4ed8;color:#fff}.panel-editor__view-label{font-size:7px;font-weight:400;color:#64748b;white-space:nowrap}.panel-editor__properties-float{flex:1 1 auto;min-height:0;overflow-y:auto;box-sizing:border-box;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px;box-shadow:0 4px 16px #0f172a1a}.panel-editor__prop-header{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid #E2E8F0;cursor:pointer}.panel-editor__prop-header--collapsed{padding-bottom:0;border-bottom:none}.panel-editor__prop-title{display:flex;align-items:center;gap:5px;color:#1d4ed8;font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden}.panel-editor__prop-title span{overflow:hidden;text-overflow:ellipsis}.panel-editor__prop-actions{display:flex;gap:2px;flex:0 0 auto}.panel-editor__icon-link{position:relative;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px}.panel-editor__icon-link:hover{background:#f1f5f9}.panel-editor__icon-link--primary{color:#1d4ed8}.panel-editor__icon-link--danger{color:#dc2626}.panel-editor__icon-link:after{content:attr(data-tooltip);position:absolute;bottom:100%;right:0;transform:translateY(-6px);background:#0f172a;color:#fff;padding:4px 8px;border-radius:5px;font-size:10.5px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease;z-index:30}.panel-editor__icon-link:hover:after,.panel-editor__icon-link:focus-visible:after{opacity:1;visibility:visible}.panel-editor__reset-link{border:none;background:none;color:#1d4ed8;cursor:pointer;font-size:11px;text-align:left;padding:0}.panel-editor__field-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.panel-editor__hint{font-size:10.5px;color:#94a3b8}.panel-editor__dims-summary{background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;padding:5px 8px;display:flex;gap:14px;font-size:11.5px}.panel-editor__dims-summary-item{display:flex;align-items:center;gap:5px}.panel-editor__dims-summary-icon{color:#94a3b8;flex:0 0 auto}.panel-editor__ctx-menu{position:fixed;z-index:50;min-width:170px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 16px #0f172a24;padding:5px;display:flex;flex-direction:column}.panel-editor__ctx-item{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;text-align:left;padding:7px 8px;border-radius:5px;font-size:12px;color:#0f172a;cursor:pointer}.panel-editor__ctx-item:hover:not(:disabled){background:#f1f5f9}.panel-editor__ctx-item:disabled{color:#cbd5e1;cursor:default}.panel-editor__ctx-item--danger:not(:disabled){color:#dc2626}.panel-editor__ctx-item--danger:hover:not(:disabled){background:#fef2f2}.panel-editor__ctx-divider{height:1px;background:#e2e8f0;margin:4px 2px}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.wizard-modal{background:#fff;border-radius:14px;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E2E8F0}.wizard-header__title{font-size:15px;font-weight:800;color:#0f172a}.wizard-header__step{font-size:11.5px;color:#64748b}.wizard-close-btn{border:none;background:none;cursor:pointer;color:#64748b;display:flex}.wizard-body{padding:20px;overflow-y:auto;flex:1}.wizard-step{display:flex;flex-direction:column;gap:12px}.wizard-step--verify{gap:10px}.wizard-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wizard-warning-box{display:flex;flex-direction:column;gap:4px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;padding:8px 10px}.wizard-warning-row{display:flex;gap:6px;font-size:11.5px;color:#92400e}.wizard-warning-row--sm{font-size:11px}.wizard-warning-icon{flex-shrink:0;margin-top:1px}.wizard-verify-intro{font-size:12px;color:#475569}.wizard-panel-list{display:flex;flex-direction:column;gap:8px}.wizard-panel-card{border:1px solid #E2E8F0;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.wizard-panel-card__header{display:flex;justify-content:space-between;align-items:center}.wizard-panel-card__name{font-size:13px;font-weight:700;color:#0f172a}.wizard-panel-card__edit-btn{display:flex;align-items:center;gap:4px;border:1px solid #E2E8F0;background:#fff;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;color:#1d4ed8}.wizard-panel-card__stats{display:flex;gap:16px;font-size:12px;color:#334155;flex-wrap:wrap}.wizard-panel-card__warnings{display:flex;flex-direction:column;gap:3px}.wizard-panel-card__ok{display:flex;gap:6px;font-size:11px;color:#15803d}.wizard-generate-warning{display:flex;gap:6px;font-size:11.5px;color:#b91c1c;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:8px 10px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #E2E8F0}.wizard-cancel-btn{border:none;background:none;color:#64748b;cursor:pointer;font-size:12.5px}.wizard-footer__actions{display:flex;gap:8px}.wizard-back-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:12.5px;font-weight:600;cursor:pointer;color:#334155}.wizard-next-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;border:1px solid #1D4ED8;background:#1d4ed8;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.wizard-generate-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;background:#15803d;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.wizard-generate-btn--disabled{background:#94a3b8;cursor:not-allowed}.sheet-frame-svg{width:100%;max-width:560px;background:#fff;box-shadow:0 1px 6px #0000002e}.sheet-frame-svg--export{width:var(--export-w);height:var(--export-h);max-width:none;box-shadow:none;display:block}.sheet-frame-svg--print{width:var(--print-w);height:var(--print-h);max-width:none;box-shadow:none;display:block}.sheet-frame-svg--zoom{width:var(--zoom-w);height:var(--zoom-h);max-width:none;flex:none}.sheet-frame-content{width:100%;height:100%}.page{font-family:ui-sans-serif,system-ui;font-size:2.6px;color:#0f172a;width:100%;height:100%;box-sizing:border-box}.cover-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:3px}.cover-page__project{font-size:10px;font-weight:700;letter-spacing:.3px;font-family:Menlo;text-transform:uppercase}.cover-page__client{font-size:5px;color:#475569}.cover-page__spacer-sm{height:6px}.cover-page__title{font-size:6px;font-weight:400;font-family:Menlo}.cover-page__subtitle{font-size:4px;color:#475569}.cover-page__spacer-lg{height:10px}.cover-page__table{border-collapse:collapse;font-size:2.5px}.cover-page__table td{padding:1px 3px;font-family:Menlo;font-size:3.5px}.cover-page__table td:first-child{color:#64748b;text-align:right;width:100px}.cover-page__table td:last-child{font-weight:600;text-align:left;width:100px}.notes-page{padding:10px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden}.notes-page__heading{font-family:Menlo;font-weight:700;font-size:5px;margin-bottom:1.5px;border-bottom:.3px solid #0F172A;padding-bottom:.8px}.notes-page__heading--sub{font-size:2.6px;margin:2px 0 1.5px}.notes-page__notes{padding:2px 0;display:flex;flex-direction:column;gap:2px;font-family:Menlo;font-size:3.5px;line-height:1.45;column-gap:6px}.notes-page__note{margin-bottom:1px;break-inside:avoid}.notes-page__legend-grid,.notes-page__symbols-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px 4px;font-size:2px}.notes-page__legend-item,.notes-page__symbol-item{display:flex;align-items:center;gap:1.5px}.notes-page__swatch{width:4px;height:3px;flex-shrink:0;background:var(--swatch-fill);border:.3px var(--swatch-border-style, solid) var(--swatch-stroke);background-image:var(--swatch-pattern, none)}.notes-page__dim-line{width:4px;height:.4px;flex-shrink:0;background:var(--dim-color)}.notes-page__symbol-svg{flex-shrink:0}.notes-page__empty{font-size:2px;color:#94a3b8;margin-top:2px}.index-page{padding:10px}.index-page__heading{font-family:Menlo;font-weight:700;font-size:5px;margin-bottom:1.5px;border-bottom:.3px solid #0F172A;padding-bottom:.8px}.index-page__subheading{font-family:Menlo;font-weight:700;font-size:5px;margin:10px 0 1.5px;border-bottom:.3px solid #0F172A;padding-bottom:.8px}.index-page__table{font-family:Menlo;width:100%;border-collapse:collapse;font-size:3.5px}.index-page__table--panels{font-size:3.5px}.index-page__table th{text-align:left;padding:2px 1px}.index-page__table thead tr{font-weight:100;border-bottom:.3px solid #0F172A}.index-page__table tbody tr{border-bottom:.15px solid #CBD5E1}.index-page__table td{padding:2px 1px}.index-page__total{font-size:2px;color:#94a3b8;margin-top:3px}.ga-page{display:flex;flex-direction:column;gap:1px;padding:1px}.ga-page__empty{display:flex;align-items:center;justify-content:center;text-align:center;color:#94a3b8}.ga-page__empty-text{font-size:2.6px}.ga-page__title{font-weight:700;font-size:2.6px;text-align:center}.ga-page__scale-wrap{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.ga-page__grid{aspect-ratio:var(--combo-ratio);max-width:100%;max-height:100%;display:grid;grid-template-columns:var(--front-w) var(--side-w);grid-template-rows:var(--front-h) var(--top-h)}.ga-page__cell{font-size:10px;min-width:0;min-height:0}.ga-page__cell--front{grid-column:1;grid-row:1}.ga-page__cell--side{grid-column:2;grid-row:1}.ga-page__cell--top{grid-column:1;grid-row:2}.sld-page{display:flex;flex-direction:column;gap:1px;padding:1px}.sld-page__scale-wrap{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.final-sheet-view{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;height:100%}.final-sheet-view__toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.final-sheet-view__viewport{flex:1;min-height:0;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.final-sheet-view__viewport--pannable{cursor:grab}.final-sheet-view__viewport--dragging{cursor:grabbing}.final-sheet-view__pan-wrap{display:flex;align-items:center;justify-content:center}.final-sheet-view__divider{width:1px;background:#e2e8f0;margin:0 4px}.final-sheet-view__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:1px solid #E2E8F0;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#334155}.final-sheet-view__page-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:1px solid #E2E8F0;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#0f172a}.final-sheet-view__page-btn--active{border-color:#1d4ed8;background:#eff6ff}.final-sheet-view__size-btn{padding:6px 12px;border-radius:7px;border:1px solid #E2E8F0;background:#fff;color:#334155;font-size:12px;font-weight:700;cursor:pointer}.final-sheet-view__size-btn--active{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.final-sheet-view__export-pdf-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:1px solid #1D4ED8;background:#1d4ed8;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.final-sheet-view__export-pdf-btn--busy{background:#93c5fd;cursor:default}.final-sheet-view__export-dxf-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:1px solid #334155;background:#fff;color:#334155;font-size:12px;font-weight:700;cursor:pointer}.final-sheet-view__export-dxf-btn--disabled{border-color:#e2e8f0;color:#cbd5e1;cursor:default}.final-sheet-view__print-rig{display:none}@media print{.command-bar,.final-sheet-view__toolbar,.final-sheet-view__viewport{display:none!important}.panel-ga-app,.panel-ga-app__body,.final-sheet-view{height:auto!important;overflow:visible!important;display:block!important;padding:0!important;margin:0!important}.final-sheet-view__print-rig{display:block}.final-sheet-view__print-page+.final-sheet-view__print-page{break-before:page}}.final-sheet-view__zoom-pill{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;background:#ffffffeb;border:1px solid #CBD5E1;border-radius:8px;padding:4px 6px;box-shadow:0 1px 6px #0000002e;z-index:2}.final-sheet-view__zoom-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#334155}.final-sheet-view__zoom-btn:hover{background:#f1f5f9}.final-sheet-view__zoom-readout{font-size:11px;font-weight:700;color:#0f172a;min-width:36px;text-align:center;-webkit-user-select:none;user-select:none}.final-sheet-view__zoom-divider{width:1px;height:16px;background:#e2e8f0;margin:0 2px}.help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.help-modal{font-family:ui-sans-serif,system-ui;background:#fff;border-radius:12px;width:760px;max-width:100%;height:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a47,0 2px 8px #0f172a0f;overflow:hidden}.help-modal__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #E2E8F0}.help-modal__title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#0f172a}.help-modal__title svg{color:#1d4ed8}.help-modal__close-btn{border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;padding:4px;border-radius:6px}.help-modal__close-btn:hover{color:#0f172a;background:#f1f5f9}.help-modal__body{flex:1;display:flex;min-height:0}.help-modal__tabs{flex:0 0 190px;border-right:1px solid #E2E8F0;padding:10px 0;overflow-y:auto;background:#fafbfc}.help-modal__tab{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;cursor:pointer;text-align:left;padding:9px 16px;font-size:12.5px;font-weight:600;color:#64748b;border-left:2px solid transparent}.help-modal__tab svg{flex:0 0 auto;opacity:.75}.help-modal__tab:hover{color:#0f172a;background:#f1f5f9}.help-modal__tab--active{color:#1d4ed8;border-left-color:#1d4ed8;background:#eff6ff}.help-modal__tab--active svg{opacity:1}.help-modal__panel{flex:1;overflow-y:auto;padding:20px 24px}.help-modal__panel-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 3px}.help-modal__panel-desc{font-size:12px;color:#64748b;margin:0 0 18px;line-height:1.5}.help-modal__section{margin-bottom:20px}.help-modal__section:last-child{margin-bottom:0}.help-modal__section-title{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px}.help-modal__row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #F1F5F9}.help-modal__row:last-child{border-bottom:none}.help-modal__row-label{font-size:12.5px;color:#334155;line-height:1.5;padding-top:2px}.help-modal__row-keys{display:flex;align-items:center;gap:4px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}kbd.help-modal__key{font-family:Inconsolata,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:700;color:#334155;background:#f8fafc;border:1px solid #CBD5E1;border-bottom-width:2px;border-radius:5px;padding:2px 6px;line-height:1.5}.help-modal__key-sep{font-size:11px;color:#94a3b8}.help-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media (max-width: 560px){.help-modal__grid{grid-template-columns:1fr}}.help-modal__note{font-size:11.5px;color:#64748b;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:10px 12px;line-height:1.5;margin-top:4px}.help-modal__note strong{color:#334155}.command-bar{border-top:1px solid #1E293B;background:#0f172a;font-family:Inconsolata,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;flex-shrink:0;display:flex;flex-direction:column}.command-bar__scrollback{max-height:220px;overflow-y:auto;padding:6px 12px 0;transition:max-height .15s ease,padding .15s ease}.command-bar__scrollback--collapsed{max-height:0;padding:0 12px;overflow:hidden}.command-bar__entry{padding:5px 0;border-bottom:1px solid rgba(148,163,184,.15)}.command-bar__entry:last-child{border-bottom:none}.command-bar__entry-cmd{font-size:12px;color:#94a3b8}.command-bar__entry-msg{font-size:12px;color:#e2e8f0;white-space:pre-wrap;margin-top:2px}.command-bar__entry-msg--error{color:#fca5a5}.command-bar__input-wrap{position:relative}.command-bar__input-row{display:flex;align-items:center;gap:8px;padding:7px 12px}.command-bar__hint{position:absolute;bottom:100%;left:12px;right:12px;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 10px;margin-bottom:4px;box-shadow:0 4px 12px #00000059;pointer-events:none;z-index:1000}.command-bar__hint-row{display:flex;gap:10px;padding:2px 0;font-size:12px;white-space:pre;overflow-x:auto}.command-bar__hint-row--active{flex-direction:column;gap:2px;white-space:normal}.command-bar__hint-verb{color:#38bdf8;font-weight:700;flex-shrink:0}.command-bar__hint-usage{color:#e2e8f0}.command-bar__collapse-btn{border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.command-bar__collapse-btn:hover{color:#e2e8f0}.command-bar__expand-btn{border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.command-bar__expand-btn:hover{color:#e2e8f0}.command-bar__help-btn{border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.command-bar__help-btn:hover{color:#38bdf8}.command-bar__modal-header-actions{display:flex;align-items:center;gap:10px}.command-bar__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:2000}.command-bar__modal{width:min(900px,90vw);height:min(640px,80vh);background:#0f172a;border:1px solid #334155;border-radius:10px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;overflow:hidden}.command-bar__modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #1E293B;flex-shrink:0}.command-bar__modal-title{color:#e2e8f0;font-size:13px;font-weight:700}.command-bar__modal-close{border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.command-bar__modal-close:hover{color:#e2e8f0}.command-bar__modal-scrollback{flex:1;overflow-y:auto;padding:8px 14px;scrollbar-color:#1E293B #0F172A;scrollbar-width:thin}.command-bar__modal-scrollback::-webkit-scrollbar{width:10px}.command-bar__modal-scrollback::-webkit-scrollbar-track{background:#0f172a}.command-bar__modal-scrollback::-webkit-scrollbar-thumb{background:#1e293b;border-radius:6px;border:2px solid #0F172A}.command-bar__modal-scrollback::-webkit-scrollbar-thumb:hover{background:#334155}.command-bar__modal .command-bar__input-row{border-top:1px solid #1E293B;flex-shrink:0}.command-bar__prompt{color:#38bdf8;font-size:13px;font-weight:700}.command-bar__input{flex:1;border:none;outline:none;background:transparent;color:#e2e8f0;font-family:inherit;font-size:13px}.command-bar__input::placeholder{color:#64748b}.panel-ga-app{font-family:ui-sans-serif,system-ui;background:#f8fafc;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.panel-ga-app__body{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.panel-ga-app__body--scroll{overflow:auto;padding:10px 12px;box-sizing:border-box}.dashboard-root{font-family:ui-sans-serif,system-ui;height:100dvh;width:100vw;overflow:hidden;box-sizing:border-box;background:#f8fafc}.dashboard-grid-view{height:100%;width:100%;box-sizing:border-box;flex-direction:column;overflow-y:auto}.dashboard-hero{flex:0 0 auto;display:flex;align-items:center;gap:20px;padding:48px;background-image:url(/grid_bg.png);background-size:cover;background-position:center;color:#fff}.dashboard-hero__logo{flex:0 0 auto;height:44px;width:auto}.dashboard-hero__text{flex:1 1 auto;min-width:0}.dashboard-hero__eyebrow{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#bfdbfe;margin-bottom:4px}.dashboard-hero__title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.2px}.dashboard-hero__subtitle{margin:4px 0 0;font-size:12px;color:#dbeafe}.dashboard-hero__new-btn{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:7px;border:1px solid #1851a5;background:#1851a5;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.dashboard-hero__new-btn:hover{background:#333;border-color:#333}.dashboard-actions-row{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:40px 64px 0;box-sizing:border-box}.dashboard-actions-row__heading{min-width:0}.dashboard-actions-row__eyebrow{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#2563eb;margin-bottom:4px}.dashboard-actions-row__title{margin:0;font-size:19px;font-weight:800;letter-spacing:-.2px;color:#0f172a}.dashboard-project-table-wrap{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;padding:32px 64px 48px;box-sizing:border-box;overflow-x:auto}.dashboard-credit{flex:0 0 auto;width:100%;max-width:1200px;margin:0 auto;padding:0 64px 28px;box-sizing:border-box;text-align:center;font-size:11px;color:#94a3b8}.dashboard-credit__brand{font-family:Montserrat,ui-sans-serif,system-ui;font-weight:600;letter-spacing:.4px;color:#64748b}.dashboard-project-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.dashboard-project-table thead th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#64748b;background:#f8fafc;border-bottom:1px solid #E2E8F0;padding:10px 14px}.dashboard-project-table__actions-col{width:40px}.dashboard-row{cursor:pointer;transition:background-color .12s ease}.dashboard-row:not(:last-child) td{border-bottom:1px solid #F1F5F9}.dashboard-row:hover{background:#f8fafc}.dashboard-row td{padding:10px 14px;font-size:12.5px;color:#0f172a;vertical-align:middle}.dashboard-row__name-cell{display:flex;align-items:center;gap:10px;min-width:200px}.dashboard-row__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#eff6ff;color:#1d4ed8}.dashboard-row__name-row{display:flex;align-items:center;gap:5px;min-width:0}.dashboard-row__name{font-size:13px;font-weight:700;color:#0f172a;cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-row__name-input{font:inherit;font-size:13px;font-weight:700;color:#0f172a;border:1px solid #1D4ED8;border-radius:4px;padding:1px 4px;min-width:0;flex:1 1 auto}.dashboard-row__meta-cell{color:#64748b;white-space:nowrap}.dashboard-row__actions-cell{text-align:right;white-space:nowrap}.dashboard-row__icon-btn{flex:0 0 auto;border:none;background:none;color:#64748b;cursor:pointer;padding:3px;border-radius:4px;display:inline-flex}.dashboard-row__icon-btn:hover{background:#f1f5f9}.dashboard-row__icon-btn--danger:hover{background:#fee2e2;color:#dc2626}.dashboard-project-mount{height:100%;width:100%;flex-direction:column;box-sizing:border-box}.dashboard-topbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-bottom:1px solid #E2E8F0;box-sizing:border-box}.dashboard-topbar__back-btn{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;border:1px solid #E2E8F0;background:#f8fafc;color:#334155;font-size:11.5px;font-weight:600;cursor:pointer}.dashboard-topbar__back-btn:hover{border-color:#1d4ed8;color:#1d4ed8}.dashboard-topbar__divider{flex:0 0 auto;width:1px;height:18px;background:#e2e8f0}.dashboard-topbar__name{font-size:12.5px;font-weight:700;color:#0f172a;cursor:text}.dashboard-topbar__name-input{font:inherit;font-size:12.5px;font-weight:700;color:#0f172a;border:1px solid #1D4ED8;border-radius:4px;padding:1px 4px}.dashboard-topbar__rename-btn{flex:0 0 auto;border:none;background:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex}.dashboard-topbar__rename-btn:hover{color:#1d4ed8}.dashboard-project-body{flex:1 1 auto;min-height:0}@media print{.dashboard-topbar{display:none!important}.dashboard-root,.dashboard-project-mount,.dashboard-project-body{height:auto!important;overflow:visible!important;display:block!important;padding:0!important;margin:0!important}}.login-gate{height:100dvh;width:100vw;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-family:ui-sans-serif,system-ui;background-image:url(/grid_bg.png);background-size:cover;background-position:center}.login-gate__card{width:340px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:32px 28px 28px;background:#fff;border-radius:12px;box-shadow:0 20px 50px #0f172a59;text-align:center}.login-gate__logo{height:28px;width:auto;filter:brightness(0) saturate(100%);margin-bottom:18px}.login-gate__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#1d4ed8;margin-bottom:12px}.login-gate__title{margin:0;font-size:17px;font-weight:800;letter-spacing:-.2px;color:#0f172a}.login-gate__subtitle{margin:5px 0 0;font-size:12px;color:#64748b}.login-gate__form{margin-top:22px;display:flex;flex-direction:column;gap:14px;text-align:left}.login-gate__field{display:flex;flex-direction:column;gap:5px}.login-gate__label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#64748b}.login-gate__input{font:inherit;font-size:13px;padding:9px 10px;border-radius:7px;border:1px solid #E2E8F0;background:#f8fafc;color:#0f172a;box-sizing:border-box}.login-gate__input:focus{outline:none;border-color:#1d4ed8;background:#fff}.login-gate__error{font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #FECACA;border-radius:6px;padding:7px 9px}.login-gate__submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;padding:10px 16px;border-radius:7px;border:1px solid #1851a5;background:#1851a5;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.login-gate__submit-btn:hover{background:#333;border-color:#333}