@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}body{color:#212b36;background:#fafbfc;font-family:Open Sans,system-ui,-apple-system,sans-serif}.brandmark{color:#212b36;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.brand-fist{color:#00ae42;filter:drop-shadow(0 2px 6px #00ae4259)}.dropzone{background:#fff;border:2px dashed #dfe3e8;border-radius:16px;padding:40px 28px;transition:all .18s;box-shadow:0 2px 8px #1018280a}.dropzone:hover,.dropzone.drag{background:#f1faf3;border-color:#00ae42;transform:translateY(-2px);box-shadow:0 12px 30px #00ae421f}.drop-icon{color:#00873a;background:#e7f7ec;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;display:flex}.drop-title{margin-bottom:5px;font-size:16px;font-weight:700}.drop-hint{color:#919aa6;font-size:13px}.upload-foot{color:#919aa6;margin-top:22px;font-size:12px}.modal{background:#fff;border-radius:16px;width:100%;padding:32px;animation:.18s pop;position:relative;box-shadow:0 24px 70px #10182866}.modal.import-modal{text-align:center;max-width:520px}.modal.fork-modal{text-align:center;max-width:760px}.modal.confirm-modal{text-align:left;max-width:420px;padding:28px}.modal.source-modal{text-align:left;max-width:480px;padding:28px}.modal .brandmark{justify-content:center;margin-bottom:24px}.modal-close{color:#637381;background:#f6f8fa;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:#212b36;background:#eceef0}.modal-h1{letter-spacing:-.4px;margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.08}.modal-sub{color:#637381;max-width:420px;margin:0 auto 24px;font-size:14px;line-height:1.6}.confirm-icon{color:#00873a;background:#e7f7ec;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;display:flex}.confirm-title{margin:0 34px 8px 0;font-size:20px;font-weight:800;line-height:1.2}.confirm-copy{color:#637381;margin:0 0 22px;font-size:13px;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.source-copy{color:#637381;flex-direction:column;gap:12px;margin:14px 0 22px;font-size:13px;line-height:1.55;display:flex}.source-copy p{margin:0}.source-copy a{color:#00873a;font-weight:700;text-decoration:none}.source-copy a:hover{text-decoration:underline}.source-actions{border-top:1px solid #eceef0;justify-content:flex-end;padding-top:16px;display:flex}.fork-filename{color:#637381;background:#fff;border:1px solid #eceef0;border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 14px;font-size:13px;display:inline-flex}.fork-h2{letter-spacing:-.4px;margin:0 0 8px;font-size:28px;font-weight:800}.fork-sub{color:#637381;margin:0 0 28px;font-size:14px}.fork-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.fork-card{text-align:left;background:#fff;border:1.5px solid #eceef0;border-radius:16px;padding:24px;transition:all .18s;position:relative;box-shadow:0 2px 8px #1018280d}.fork-card:hover{border-color:#dfe3e8;transform:translateY(-3px);box-shadow:0 14px 32px #1018281f}.fork-card.recommend{border-color:#00ae42}.fork-card.recommend:hover{box-shadow:0 16px 36px #00ae422e}.fork-badge{color:#00873a;letter-spacing:.02em;background:#e7f7ec;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700;position:absolute;top:16px;right:16px}.fork-illus{background:linear-gradient(160deg,#f7f9fa,#eef1f3);border-radius:12px;justify-content:center;align-items:center;height:118px;margin-bottom:16px;display:flex}.fc-house{clip-path:polygon(50% 0,100% 38%,100% 100%,0 100%,0 38%);width:78px;height:78px;position:relative}.fc-house.one-tex{background:repeating-linear-gradient(0deg,#cdcdcd 0 7px,#a3a3a3 7px 9px)}.fc-house.multi-tex{background:linear-gradient(160deg,#0000 0 38%,#b9b9b9 38% 100%),repeating-radial-gradient(circle at 50% 0,#9a9a9a 0 5px,#cfcfcf 5px 9px)}.fork-card-title{margin-bottom:6px;font-size:17px;font-weight:700}.fork-card-desc{color:#637381;min-height:42px;margin-bottom:16px;font-size:13px;line-height:1.55}.fork-go{color:#00873a;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.editor{background:#fafbfc;flex-direction:column;height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #eceef0;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.topbar-brand{font-size:15px}.topbar-btn{color:#637381;background:#fff;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.topbar-btn:hover:not(:disabled){color:#00873a;background:#f1faf3;border-color:#00ae42}.topbar-btn:disabled{opacity:.4;cursor:not-allowed}.topbar-spacer{flex:1}.editor-body{flex:1;min-height:0;display:flex}.rail{background:#fff;border-right:1px solid #eceef0;flex-direction:column;flex-shrink:0;gap:10px;width:330px;padding:12px;display:flex}.rail-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;margin:0 -12px;padding:0 12px 4px;display:flex;overflow-y:auto}.rail-section-label{color:#919aa6;text-transform:uppercase;letter-spacing:.08em;padding:2px 2px 0;font-size:10.5px;font-weight:700}.model-summary{border:1px solid #eceef0;border-radius:11px;overflow:hidden}.ms-head{text-align:left;background:#fafbfc;border:none;align-items:center;gap:9px;width:100%;padding:10px 12px;display:flex}.ms-head:hover{background:#f6f8fa}.ms-icon{color:#fff;background:#00ae42;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ms-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ms-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.ms-dims{text-overflow:ellipsis;white-space:nowrap;color:#919aa6;min-width:0;font-size:11px;overflow:hidden}.ms-chev{color:#919aa6;flex-shrink:0;transition:transform .18s}.model-summary.open .ms-chev{transform:rotate(180deg)}.ms-body{border-top:1px solid #eceef0;flex-direction:column;gap:10px;padding:12px;display:flex}.ms-detect{flex-direction:column;gap:8px;display:flex}.ms-detect .details-group-label{margin-top:0}.ms-detect-check{margin-top:12px}.kv{color:#637381;justify-content:space-between;font-size:12.5px;display:flex}.kv b{color:#212b36;font-weight:600}.orient-controls{flex-direction:column;gap:7px;display:flex}.orient-btn{color:#212b36;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:9px;align-items:center;gap:7px;width:100%;padding:8px 11px;font-size:12.5px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.orient-btn:hover{background:#f6f8fa}.orient-btn.active{color:#fff;background:#00ae42;border-color:#00ae42}.card-stack{flex-direction:column;gap:8px;display:flex}.tcard{text-align:left;background:#fff;border:1px solid #eceef0;border-radius:12px;transition:border-color .14s,box-shadow .14s}.tcard.collapsed{align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.tcard.collapsed:hover{background:#f6f8fa}.tcard-tint{border-radius:4px;flex-shrink:0;width:11px;height:11px}.tcard-thumb{border:1px solid #dfe3e8;border-radius:6px;flex-shrink:0;width:24px;height:24px}.tcard-name{flex:1;font-size:13px;font-weight:600}.tcard-count{color:#919aa6;background:#f6f8fa;border-radius:999px;padding:2px 8px;font-size:11px}.tcard.expanded{border-color:#00ae42;padding:13px;box-shadow:0 0 0 3px #00ae421a,0 4px 14px #1018280f}.tcard-top{align-items:center;gap:9px;margin-bottom:12px;display:flex}.tcard-name-input{color:#212b36;background:0 0;border:none;border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 5px;font-size:14px;font-weight:700}.tcard-name-input:hover{background:#f6f8fa}.tcard-name-input:focus{background:#f1faf3;box-shadow:0 0 0 2px #00ae4233}.tcard.expanded .tcard-count{color:#00873a;white-space:nowrap;background:#e7f7ec}.tcard-main{gap:12px;margin-bottom:12px;display:flex}.tcard-preview{border:1px solid #dfe3e8;border-radius:10px;flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.tcard-preview-edit{color:#fff;text-align:center;opacity:0;background:#212b36c7;padding:4px 0;font-size:11px;font-weight:600;transition:opacity .14s;position:absolute;bottom:0;left:0;right:0}.tcard-preview:hover .tcard-preview-edit{opacity:1}.tcard-keys{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.tcard-texname{margin-bottom:1px;font-size:13px;font-weight:700}.key-row{color:#637381;grid-template-columns:58px 1fr auto;align-items:center;gap:8px;font-size:11.5px;display:grid}.key-num{justify-content:flex-end;align-items:baseline;gap:1px;min-width:42px;display:inline-flex}.key-num-input{color:#212b36;text-align:right;font-variant-numeric:tabular-nums;cursor:text;-moz-appearance:textfield;background:0 0;border:1px solid #0000;border-radius:5px;width:34px;margin:-1px 0;padding:1px 3px;font-size:11px;font-weight:600;transition:border-color .12s,background .12s}.key-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.key-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.key-num:hover .key-num-input{background:#f6f8fa;border-color:#e1e5ea}.key-num-input:focus{background:#fff;border-color:#00ae42;outline:none}.key-num-unit{color:#212b36;font-size:11px;font-weight:600}.key-row select{color:#212b36;background:#fff;border:1px solid #dfe3e8;border-radius:6px;grid-column:2/4;width:100%;padding:4px 6px;font-size:11.5px}.tcard-delete{color:#919aa6;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px;font-size:12px;font-weight:600;transition:all .14s;display:flex}.tcard-delete:hover:not(:disabled){color:#d6492f;background:#fbe7e3;border-color:#f4ccc4}.tcard-delete:disabled{opacity:.4;cursor:not-allowed}.tcard-details{border-top:1px solid #eceef0;margin-top:11px;padding-top:9px}.tcard-details summary{color:#637381;cursor:pointer;align-items:center;gap:5px;font-size:12px;font-weight:700;list-style:none;display:flex}.tcard-details summary::-webkit-details-marker{display:none}.tcard-details summary:before{content:"▸";color:#919aa6;font-size:10px;transition:transform .15s}.tcard-details[open] summary:before{content:"▾"}.tcard-details-body{flex-direction:column;gap:8px;padding-top:10px;display:flex}.details-group-label{color:#919aa6;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-top:4px;font-size:10px;font-weight:700;display:flex}.ov-pill{color:#00873a;text-transform:none;letter-spacing:0;background:#e7f7ec;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700}.tcard-fit-summary{color:#919aa6;margin-bottom:3px;padding:2px 2px 0;font-size:11px;line-height:1.45}.align-empty{color:#637381;background:#f6f8fa;border-radius:8px;padding:10px 11px;font-size:11.5px;line-height:1.5}.align-row{cursor:default;background:#fff;border:1px solid #eceef0;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;display:flex}.align-row.overridden{background:#f1faf3;border-color:#00ae42}.align-row:hover{box-shadow:0 2px 8px #10182814}.patch-thumb{background:#fff;border:1px solid #eceef0;border-radius:6px;flex-shrink:0;padding:2px}.align-meta{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.align-meta-top{font-size:12.5px;font-weight:700}.align-meta-sub{color:#919aa6;font-size:10.5px}.align-actions{align-items:center;gap:5px;display:flex}.align-btn{color:#637381;background:#fff;border:1px solid #dfe3e8;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:all .14s;display:flex}.align-btn:hover{color:#00873a;background:#f1faf3;border-color:#00ae42}.align-btn.reset{color:#919aa6;padding:5px 7px}.align-btn.reset:hover{color:#d6492f;background:#fbe7e3;border-color:#f4ccc4}.region-row{background:#fafbfc;border:1px solid #eceef0;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;display:flex}.region-thumbs{display:flex}.region-thumbs .patch-thumb{margin-left:-6px}.region-thumbs .patch-thumb:first-child{margin-left:0}.layer-add{color:#637381;background:0 0;border:1px dashed #dfe3e8;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12.5px;font-weight:600;display:flex}.layer-add:hover{color:#00873a;background:#f1faf3;border-color:#00ae42}.export-panel{background:#fff;border-top:1px solid #eceef0;flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;padding-bottom:12px;display:flex;position:sticky;bottom:0}.coverage-bar{background:#eceef0;border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.coverage-fill{background:#00ae42;border-radius:999px;height:100%;transition:width .25s}.coverage-text{color:#637381;font-size:11.5px}.source-link-btn{color:#919aa6;background:0 0;border:none;align-self:center;margin-top:-2px;padding:0 4px;font-size:11.5px;font-weight:600}.source-link-btn:hover{color:#637381;text-decoration:underline}input[type=range]{appearance:none;background:#dfe3e8;border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#00ae42;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00ae4266}input[type=range]::-moz-range-thumb{cursor:pointer;background:#00ae42;border:none;border-radius:50%;width:14px;height:14px}.confidence{flex-direction:column;gap:10px;display:flex}.conf-row{align-items:flex-start;gap:9px;display:flex}.conf-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.conf-dot.ok{background:#00ae42}.conf-dot.warn{background:#a06a00}.conf-label{font-size:12.5px;font-weight:700}.conf-detail{color:#919aa6;font-size:11px}.primary-btn{color:#fff;background:#00ae42;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .14s;display:inline-flex}.primary-btn:hover{background:#019b3a}.primary-btn.big{padding:12px;font-size:13.5px}.primary-btn.alt{color:#00873a;background:#fff;border:1.5px solid #00ae42}.primary-btn.alt:hover{background:#f1faf3}.ghost-btn{color:#637381;background:#fff;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ghost-btn:hover{color:#212b36;background:#f6f8fa}.ghost-btn:disabled{opacity:.45;cursor:not-allowed;color:#919aa6;background:#fff}.mini-check{color:#637381;align-items:center;gap:7px;font-size:12px;display:flex}.viewport{background:radial-gradient(120% 90% at 50% 14%,#fbfbfc,#eef0f2 56%,#e4e7ea);flex:1;position:relative;overflow:hidden}.viewport canvas{display:block;position:absolute;inset:0}.vp-coach{color:#637381;z-index:6;background:#fff;border:1px solid #eceef0;border-radius:999px;align-items:center;gap:10px;max-width:70%;padding:7px 14px 7px 8px;font-size:12.5px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #1018281a}.vp-coach-text b{color:#212b36}.detect-block{padding:2px 2px 6px}.detect-block input[type=range]{accent-color:#00ae42;width:100%}.detect-meta{color:#637381;justify-content:space-between;margin-top:2px;font-size:11.5px;display:flex}.resume-card{text-align:left;background:#f1faf3;border:1.5px solid #00ae42;border-radius:12px;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 14px;transition:all .14s;display:flex}.resume-card:hover{background:#e7f7ec;box-shadow:0 6px 18px #00ae4226}.resume-icon{color:#fff;background:#00ae42;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.resume-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.resume-title{color:#212b36;font-size:13.5px;font-weight:700}.resume-sub{color:#637381;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vp-coach-fill{color:#212b36;align-items:center;gap:6px;font-size:12px;display:flex}.vp-coach-fill input[type=range]{accent-color:#00ae42;width:90px}.vp-coach-fill b{text-align:right;min-width:28px}.mode-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.mode-badge.select{color:#00873a;background:#e7f7ec}.mode-badge.brush{color:#2f7fe0;background:#e3eefc}.mode-badge.fill{color:#7b4fd6;background:#efe7fb}.mode-badge.erase{color:#d6492f;background:#fbe7e3}.vp-selbar{z-index:8;background:#212b36;border-radius:12px;align-items:center;gap:7px;padding:7px 7px 7px 14px;animation:.2s toastin;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1018284d}.vp-selbar-count{color:#fff;margin-right:4px;font-size:12.5px;font-weight:700}.vp-selbar-btn{color:#fff;background:#ffffff24;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .14s;display:flex}.vp-selbar-btn:hover{background:#ffffff3d}.vp-selbar-btn.primary{background:#00ae42}.vp-selbar-btn.primary:hover{background:#019b3a}.vp-selbar-btn.ghost{padding:8px 9px}.vp-selbar-input{color:#212b36;background:#fff;border:none;border-radius:7px;outline:none;width:120px;padding:8px 10px;font-size:12.5px}.align-pop{z-index:18;background:#fff;border:1px solid #dfe3e8;border-radius:13px;width:248px;animation:.16s pop;position:absolute;top:84px;right:24px;box-shadow:0 16px 40px #10182838}.align-connector{pointer-events:none;z-index:17;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.align-pop-head{border-bottom:1px solid #eceef0;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;display:flex}.align-pop-title{flex-direction:column;flex:1;line-height:1.2;display:flex}.align-pop-title-top{font-size:13px;font-weight:700}.align-pop-title-sub{color:#919aa6;font-size:10.5px}.align-pop-head .patch-thumb{margin-right:2px}.align-pop-close{color:#637381;background:#f6f8fa;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.align-pop-close:hover{color:#212b36;background:#eceef0}.align-pop-body{flex-direction:column;gap:9px;padding:12px 13px;display:flex}.align-pop-hint{color:#637381;background:#f6f8fa;border-radius:7px;padding:7px 9px;font-size:11px}.align-pop-row{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.align-pop-reset{color:#637381;background:#fff;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11.5px;font-weight:600;display:flex}.align-pop-reset:hover:not(:disabled){color:#212b36;background:#f6f8fa}.align-pop-reset:disabled{opacity:.4;cursor:not-allowed}.align-pop-done{color:#fff;background:#00ae42;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700}.align-pop-done:hover{background:#019b3a}.align-pop{border-color:#f3c77a;box-shadow:0 16px 40px #f59e0b2e}.align-pop-head{background:#fffaf0;border-bottom-color:#f6e2bd;border-radius:13px 13px 0 0}.offset-arrows{pointer-events:none;z-index:18;width:0;height:0;position:absolute}.offset-arrow{color:#c2790a;cursor:pointer;pointer-events:auto;touch-action:none;background:#fffaf0eb;border:1.5px solid #f3c77a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .12s,color .12s,transform 60ms;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 12px #f59e0b47}.offset-arrow:hover{color:#fff;background:#f59e0b;border-color:#f59e0b}.offset-arrow:active{color:#fff;background:#d98605}.offset-arrow svg{display:block}.vp-legend{z-index:5;background:#fff;border:1px solid #eceef0;border-radius:12px;min-width:168px;padding:11px;position:absolute;top:16px;left:16px;box-shadow:0 4px 14px #10182814}.legend-title{color:#919aa6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:10.5px;font-weight:700}.legend-row{cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:5px 6px;display:flex}.legend-row:hover{background:#f6f8fa}.legend-row.active{background:#f1faf3}.legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-name{flex:1;font-size:12px;font-weight:600}.legend-count{color:#919aa6;font-size:10.5px}.vp-toolbar{z-index:5;background:#fff;border:1px solid #eceef0;border-radius:12px;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #10182824}.vp-tool{color:#637381;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .14s;display:flex}.vp-tool:hover{color:#212b36;background:#f6f8fa}.vp-tool.on{color:#00873a;background:#f1faf3;box-shadow:inset 0 0 0 1.5px #00ae42}.vp-tool.erase.on{color:#d6492f;background:#fbe7e3;box-shadow:inset 0 0 0 1.5px #d6492f}.vp-mono-toggle{color:#637381;z-index:5;background:#fff;border:1px solid #eceef0;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .14s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 14px #10182814}.vp-mono-toggle:hover{color:#212b36;background:#f6f8fa}.vp-mono-toggle.on{color:#00873a;background:#f1faf3;box-shadow:inset 0 0 0 1.5px #00ae42}.vp-home{color:#637381;z-index:5;background:#fff;border:1px solid #eceef0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .14s;display:flex;position:absolute;bottom:132px;left:16px;box-shadow:0 4px 14px #10182814}.vp-home:hover{color:#212b36;background:#f6f8fa}.vp-preview{text-align:left;z-index:5;background:#fff;border:1px solid #eceef0;border-radius:12px;width:150px;padding:10px;transition:all .14s;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 18px #1018281a}.vp-preview:hover{transform:translateY(-2px);box-shadow:0 10px 26px #10182829}.vp-preview-label{color:#919aa6;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10.5px;font-weight:700;display:flex}.vp-preview-house{background:linear-gradient(160deg,#f6f8fa,#eceef0);border-radius:8px;justify-content:center;align-items:center;height:96px;display:flex}.pv-cube{background:linear-gradient(135deg,#c4c4c4 0 50%,#a8a8a8 50% 100%),repeating-linear-gradient(45deg,#b4b4b4 0 4px,#989898 4px 7px);border-radius:6px;width:58px;height:58px;box-shadow:0 8px 18px #1018282e}.vp-preview-overlay{z-index:20;background:#0c0f132e;justify-content:center;align-items:center;animation:.16s fade;display:flex;position:absolute;inset:0}.vp-preview-panel{background:#fff;border:1px solid #dfe3e8;border-radius:16px;flex-direction:column;width:72%;height:72%;animation:.18s pop;display:flex;overflow:hidden;box-shadow:0 24px 60px #10182847}.vp-preview-bar{border-bottom:1px solid #eceef0;align-items:center;gap:10px;padding:14px 16px;display:flex}.vp-preview-bar-title{font-size:14px;font-weight:800}.vp-preview-bar-sub{color:#919aa6;flex:1;font-size:11.5px}.vp-preview-close{color:#637381;background:#f6f8fa;border:1px solid #eceef0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex}.vp-preview-close:hover{color:#212b36;background:#eceef0}.vp-preview-stage{background:radial-gradient(120% 90% at 50% 14%,#fbfbfc,#eef0f2 56%,#e4e7ea);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.vp-preview-stage canvas{display:block;width:100%!important;height:100%!important}.vp-preview-loading{color:#637381;flex-direction:column;align-items:center;gap:12px;font-size:13px;display:flex}.vp-preview-loading .spin{color:#00ae42;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pv-cube.big{width:200px;height:200px}.overlay{z-index:50;background:#0c0f138c;justify-content:center;align-items:center;padding:24px;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.library,.export-dialog{background:#fff;border-radius:16px;width:100%;animation:.18s pop;box-shadow:0 24px 70px #10182866}.library{flex-direction:column;max-width:720px;max-height:86vh;display:flex}.export-dialog{max-width:440px}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lib-head{border-bottom:1px solid #eceef0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.lib-head h3{margin:0;font-size:17px;font-weight:800}.lib-close{color:#637381;background:#f6f8fa;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lib-close:hover{color:#212b36;background:#eceef0}.lib-controls{gap:10px;padding:16px 20px 10px;display:flex}.lib-search{color:#919aa6;background:#f6f8fa;border:1px solid #eceef0;border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.lib-search input{color:#212b36;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:13px}.lib-tabs{background:#f6f8fa;border-radius:9px;gap:3px;padding:3px;display:flex}.lib-tabs button{color:#637381;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:600;display:flex}.lib-tabs button.on{color:#00873a;background:#fff;box-shadow:0 1px 4px #1018281a}.lib-cats{flex-wrap:wrap;gap:6px;padding:4px 20px 14px;display:flex}.lib-cat{color:#637381;background:#f6f8fa;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.lib-cat.on{color:#00873a;background:#e7f7ec;border-color:#00ae42}.lib-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:6px 20px 20px;display:grid;overflow-y:auto}.lib-card{text-align:left;background:#fff;border:1.5px solid #eceef0;border-radius:12px;padding:8px;transition:all .14s}.lib-card:hover{border-color:#dfe3e8;transform:translateY(-2px);box-shadow:0 8px 20px #1018281a}.lib-card.sel{border-color:#00ae42;box-shadow:0 0 0 3px #00ae421f}.lib-swatch{border:1px solid #dfe3e8;border-radius:8px;height:96px;margin-bottom:8px;position:relative}.lib-fav{color:#637381;background:#ffffffd9;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;right:6px}.lib-fav.on{color:#00ae42}.lib-remove{color:#637381;cursor:pointer;background:#ffffffd9;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;left:6px}.lib-remove:hover{color:#d6492f}.lib-upload-error{color:#d6492f;margin-left:10px;font-size:12px}.lib-foot .ghost-btn .spin{animation:1s linear infinite spin}.lib-check{color:#fff;background:#00ae42;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 8px #00ae4280}.lib-name{padding:0 2px;font-size:13px;font-weight:700}.lib-tags{color:#919aa6;padding:0 2px 2px;font-size:11px}.lib-empty{text-align:center;color:#637381;grid-column:1/-1;padding:40px 20px;font-size:13.5px}.lib-foot{border-top:1px solid #eceef0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lib-foot-right{align-items:center;gap:12px;display:flex}.lib-sel-name{color:#637381;font-size:12.5px}.export-warn{color:#a06a00;background:#fdf3e7;border-radius:9px;align-items:center;gap:8px;margin:16px 20px 0;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.export-options{flex-direction:column;gap:12px;padding:20px;display:flex}.export-options .primary-btn.big{margin-top:8px}.quality-group{flex-direction:column;gap:6px;display:flex}.quality-title{letter-spacing:.06em;text-transform:uppercase;color:#919aa6;font-size:11px;font-weight:700}.quality-opt{cursor:pointer;border:1px solid #eceef0;border-radius:9px;align-items:baseline;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.quality-opt.selected{background:#f4fbf6;border-color:#00ae42}.quality-opt input{accent-color:#00ae42;align-self:center}.quality-label{color:#212b36;font-weight:600}.quality-hint{color:#637381;font-size:12px}.export-error{color:#d6492f;text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;font-size:13px;font-weight:600;display:flex}.export-progress{padding:20px}.exp-stage{color:#919aa6;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.exp-stage.active{color:#212b36;font-weight:600}.exp-stage.done{color:#637381}.exp-stage-dot{color:#919aa6;background:#f6f8fa;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.exp-stage.active .exp-stage-dot{color:#fff;background:#00ae42}.exp-stage.done .exp-stage-dot{color:#00873a;background:#e7f7ec}.exp-bar{background:#eceef0;border-radius:999px;height:6px;margin-top:14px;overflow:hidden}.exp-bar-fill{background:#00ae42;height:100%;transition:width .4s}.export-done{text-align:center;padding:24px}.export-done-icon{color:#00873a;background:#e7f7ec;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;display:flex}.export-done .kv{padding:5px 0}.export-btns{gap:10px;margin-top:18px;display:flex}.export-btns .primary-btn{flex:1}.toast{color:#fff;z-index:60;background:#212b36;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;animation:.2s toastin;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1018284d}@keyframes toastin{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=760px){.fork-cards{grid-template-columns:1fr}.rail{width:260px}.lib-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}