.reference-editor{--ref-panel:#2c2c35;--ref-line:#d4c4e130;--ref-muted:#b7adbf;--ref-accent:#d4b8fa;background:#26262f;border:1px solid var(--ref-line);border-radius:22px;overflow:hidden;color:#eee7f7;margin-bottom:65px}.reference-editor a,.reference-editor button{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ref-line);border-radius:9px;color:#e6d9f2;background:#c6a6e409;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.reference-editor a:hover,.reference-editor button:hover:not(:disabled){background:#cfb6e719;border-color:#cfb6e75c}.reference-editor button:disabled{opacity:.38;cursor:default}.reference-editor a:focus-visible,.reference-editor button:focus-visible{outline:2px solid #d9befa;outline-offset:3px}.reference-editor :is(button,a)>svg{flex:none;stroke-width:1.75}.reference-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--ref-line);background:#32303b}.reference-toolbar>a{padding:7px 10px;font-size:11px}.reference-badge{display:flex;align-items:center;gap:8px;color:#efc28e;font-size:11px}.reference-steps{display:flex;justify-content:center;gap:55px;padding:20px;border-bottom:1px solid #c9b5dd16;font-size:11px;color:#a89aaf}.reference-steps>div{display:flex;align-items:center;gap:8px}.reference-steps>div>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #c3a7da30;border-radius:50%;font-variant-numeric:tabular-nums;font-size:10px}.reference-steps>div.is-current{color:#eee2f8}.reference-steps>div.is-current>span{background:#baa0d82b;border-color:#ceb0ef65;color:#e8ceff}.reference-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);direction:ltr;align-items:start}.reference-grid>.reference-results,.reference-grid>aside{direction:rtl}.reference-editor[dir=ltr] .reference-grid>aside,.reference-editor[dir=ltr] .reference-results{direction:ltr}.reference-source{position:sticky;top:115px;padding:22px;background:#292931;border-right:1px solid #c8b3da24;min-width:0}.reference-video{background:repeating-conic-gradient(#36353e 0 25%,#302f38 0 50%) 0/18px 18px;border:1px solid #d1bade2e;border-radius:15px;min-height:250px;aspect-ratio:16/10;position:relative;overflow:hidden;display:grid;place-items:center}.reference-video video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#1c1b22}.reference-drop{padding:28px 20px;text-align:center;display:grid;justify-items:center;gap:12px;width:100%;height:100%;align-content:center;background:#2b2936d9}.reference-drop.is-drop{background:#4b3b5cdb;outline:2px solid #c9a3ee;outline-offset:-5px}.reference-drop>div,.reference-report-empty>div:first-child{display:grid;place-items:center;width:70px;height:70px;border:1px solid #d4b9ea29;border-radius:21px;background:#b795d50d;color:#bda0d7}.reference-drop h2{font-size:17px;font-weight:500;margin:0}.reference-drop p{font-size:11px;color:#b6a6c3;line-height:1.9;max-width:280px;margin:0 0 5px}.reference-editor .reference-primary{padding:10px 16px;background:#c8a8ef;color:#261833;border-color:#d7b8f4;font-size:12px;min-height:40px}.reference-editor .reference-primary:hover:not(:disabled){background:#d5b5f9;color:#261833}.reference-source-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.reference-source-caption>div{min-width:0;display:grid;gap:5px}.reference-source-caption strong{font-weight:500;font-size:11px;overflow-wrap:anywhere}.reference-source-caption small{color:var(--ref-muted);font-size:10px}.reference-source-caption>button{font-size:10px;padding:5px 8px;flex:none}.reference-note{font-size:10px;line-height:1.9;color:#a89ab3;margin:15px 0 0}.reference-inline-progress{display:flex;width:100%;padding:10px;margin-top:14px;text-align:start;justify-content:flex-start!important;font-size:11px!important;color:#d8c2f0!important}.reference-inline-progress span{flex:1}.reference-error{display:flex;gap:10px;align-items:center;padding:12px 18px;background:#784b3829;color:#f0c3b1;border-bottom:1px solid #cc9c6730;font-size:12px;line-height:1.8}.reference-error span{flex:1}.reference-error button{padding:4px;border:0;background:transparent}.reference-results{padding:24px;min-width:0;min-height:400px}.reference-report-empty{display:grid;justify-items:center;text-align:center;align-content:center;min-height:360px;padding:20px 10px}.reference-report-empty h2{font-size:20px;font-weight:500;margin:22px 0 10px}.reference-report-empty p{font-size:12px;line-height:2;max-width:420px;color:var(--ref-muted);margin:0}.reference-empty-features{display:grid;gap:12px;text-align:start;margin-top:24px;color:#c9b6db;font-size:11px}.reference-empty-features>span{display:flex;align-items:center;gap:9px}.reference-report-heading{display:flex;justify-content:space-between;gap:14px;align-items:center}.reference-report-heading span{color:#b1a0c1;font-size:9px;letter-spacing:.7px}.reference-report-heading h2{font-size:22px;font-weight:500;margin:5px 0 0}.reference-report-heading button{font-size:10px;padding:7px 9px}.reference-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 14px}.reference-metrics>div{display:grid;gap:6px;border:1px solid #cdb4e126;background:#c7ace707;border-radius:12px;padding:13px}.reference-metrics strong{font-size:23px;color:#e7cdfb;font-weight:500;font-variant-numeric:tabular-nums}.reference-metrics strong small{font-size:10px;color:#ba9ed1}.reference-metrics span{font-size:9px;color:#b5a2c3}.reference-disclaimer{font-size:10px;line-height:2;color:#b6a8c1;margin:0 0 18px}.reference-cut-map{display:flex;align-items:center;gap:8px;font-size:9px;color:#baa6cb;direction:ltr;margin:16px 0 22px}.reference-cut-map>div{position:relative;flex:1;height:30px;background:linear-gradient(90deg,#c3a1e414,#bca9d609);border-block:1px solid #c6a2df2b}.reference-editor .reference-cut-map button{position:absolute;inset:0 auto;width:20px;transform:translateX(-10px);padding:0;background:transparent;border:0;border-radius:0}.reference-cut-map button:after{content:"";height:17px;width:2px;background:#c5a0e4;border-radius:3px}.reference-cut-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.reference-cut-list>li{border:1px solid #c3a5df29;border-radius:12px;background:#c4ade505;overflow:hidden}.reference-cut-list>li.is-active{border-color:#cab0e65b;background:#c4ade50c}.reference-editor .reference-cut-heading{width:100%;display:flex;justify-content:flex-start;text-align:start;background:transparent;border:0;border-radius:0;padding:12px;gap:10px}.reference-cut-number{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#b69cd315;color:#d4b9eb;font-size:11px}.reference-cut-heading>span:nth-child(2){flex:1;display:grid;gap:4px}.reference-cut-heading strong{font-size:12px;font-weight:500}.reference-cut-heading small{font-size:9px;color:#ae98be}.reference-cut-heading time{font-size:11px;font-variant-numeric:tabular-nums;color:#d4bce8}.reference-cut-detail{padding:0 14px 14px}.reference-cut-detail>p{font-size:11px;line-height:2.1;color:#d4c6e0;margin:5px 0 12px}.reference-effect{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;background:#c4a8df0d;border:1px solid #d6b7e41d;border-radius:8px}.reference-effect>span{font-size:9px;color:#bba5ca}.reference-effect>strong{font-size:11px;color:#efd1a1;font-weight:500}.reference-cut-detail .reference-howto{font-size:10px;color:#bba9c8}.reference-cut-detail footer{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px}.reference-confidence{font-size:9px;color:#b5a5c0}.reference-confidence.confidence-high{color:#a8d9b8}.reference-confidence.confidence-medium{color:#ddc49e}.reference-confidence.confidence-low{color:#d7aca7}.reference-cut-detail footer button{padding:4px 7px;font-size:9px}.reference-parts{margin-top:18px;border-top:1px solid #d0b4e62a}.reference-parts summary{cursor:pointer;display:flex;justify-content:space-between;padding:15px 0;font-size:11px;color:#c8b4d8}.reference-parts summary span{font-size:10px;background:#c1a4db17;padding:1px 7px;border-radius:6px}.reference-parts>div{display:grid;gap:4px}.reference-editor .reference-parts button{display:flex;justify-content:space-between;padding:8px;font-size:10px;background:transparent;border-color:#d0b4e611}.reference-parts button time{font-size:9px;color:#c9b0df;font-variant-numeric:tabular-nums}.reference-parts button small{font-size:9px;color:#a994b8}.reference-next{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#bfa1d90c;padding:14px;border-radius:12px;margin-top:20px}.reference-next>span{font-size:10px;color:#bfaacd}.reference-next>a{font-size:10px;padding:7px 10px;flex:none}.reference-no-cuts{display:grid;justify-items:center;padding:22px;text-align:center;border:1px dashed #bda6da30;border-radius:12px;color:#b9d7c4}.reference-no-cuts h3{font-size:14px;font-weight:500}.reference-no-cuts p{font-size:11px;line-height:2;color:#b8a7c5}.reference-scan{position:absolute;inset:0;pointer-events:none;background:#ab83db05;overflow:hidden}.reference-scan>span{position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,transparent,#d8c0fa20);border-right:1px solid #ddc9f98a;animation:reference-scan 2.2s ease-in-out infinite alternate}.reference-scan>i{position:absolute;inset:9px;border:1px solid #d8bdf33b;border-radius:10px}.reference-progress-overlay{position:fixed;inset:0;z-index:220;background:#202028ed;backdrop-filter:blur(14px)}.reference-progress{position:fixed;inset:0;z-index:221;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;gap:12px;text-align:center;color:#e8dcf5;outline:none}.reference-progress h2{font-size:21px;font-weight:500;margin:0}.reference-progress>p{font-size:11px;color:#baa8c9;max-width:420px;overflow-wrap:anywhere;margin:0}.reference-progress-ring{position:relative;width:180px;height:180px;margin-top:12px;display:grid;place-items:center}.reference-progress-ring>svg:first-child{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none}.reference-progress-ring circle{stroke:#b9a1d018;stroke-width:3}.reference-progress-ring circle+circle{stroke:#c9a4f1;stroke-linecap:round;transition:stroke-dashoffset .25s ease}.reference-progress-ring>button{display:grid;place-items:center;width:76px;height:76px;padding:0;background:transparent;border:0;border-radius:50%;outline:0;outline-offset:0;color:#ecdefa;cursor:pointer;z-index:1;touch-action:manipulation;transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.reference-progress-ring>button:hover{background:#c9a4f10d;color:#fff;transform:scale(1.05)}.reference-progress-ring>button:active{transform:scale(.94)}.reference-progress-ring>button:focus-visible{outline:0;box-shadow:0 0 0 4px #d4b8fa18,0 0 25px #c9a4f10a}.reference-progress-ring>button>svg{width:40px;height:40px;stroke-width:1.65}.reference-progress-ring>svg:not(:first-child){color:#c9ade3}.reference-progress>strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.reference-background{display:flex;align-items:center;gap:8px;background:#bca3da0b;border:1px solid #c9aadd35;border-radius:9px;padding:9px 13px;color:#d0b6e3;font:inherit;font-size:11px;margin-top:12px;cursor:pointer}.reference-spin{animation:reference-spin 1s linear infinite}.studio .studio-reference-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8b27c40;background:#d8b27c0b;color:#edcda6;border-radius:9px;padding:6px 10px;font-size:10px;text-decoration:none;min-height:34px}.studio .studio-reference-link:hover{background:#d8b27c1c;border-color:#d8b27c66}@keyframes reference-scan{0%{transform:translateX(-100%)}to{transform:translateX(340%)}}@keyframes reference-spin{to{transform:rotate(1turn)}}@media(min-width:1051px) and (max-width:1400px){body:has(.reference-editor) .desktop-nav{gap:20px}}@media(max-width:1050px){.reference-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.reference-source{padding:15px}.reference-results{padding:17px}.reference-source-caption{align-items:flex-start}.reference-source-caption>button{font-size:9px;padding:4px 6px}.reference-metrics>div{padding:9px}.reference-metrics strong{font-size:20px}}@media(max-width:760px){.reference-editor{border-radius:16px}.reference-toolbar{padding:12px}.reference-steps{gap:13px;padding:14px 8px;font-size:9px}.reference-steps>div{gap:5px}.reference-steps>div>span{width:21px;height:21px;font-size:9px}.reference-grid{display:flex;flex-direction:column}.reference-source{width:100%;position:relative;top:auto;border-right:0;border-bottom:1px solid #c8b3da24;padding:14px}.reference-video{min-height:200px;aspect-ratio:16/9}.reference-results{width:100%;padding:17px}.reference-report-empty{min-height:280px}.reference-report-heading h2{font-size:19px}.reference-report-heading button{font-size:9px}.reference-source-caption>button{font-size:10px}.reference-note{font-size:9px}.reference-cut-heading time{font-size:10px}.reference-cut-detail footer{flex-wrap:wrap}.reference-next{flex-direction:column;align-items:stretch;text-align:center}.reference-effect{align-items:flex-start}.reference-parts button{flex-wrap:wrap}.reference-empty-features{gap:11px}}@media(prefers-reduced-motion:reduce){.reference-scan>span{animation:none;transform:translateX(120%)}.reference-spin{animation:none}.reference-editor a,.reference-editor button,.reference-progress-ring circle+circle{transition:none}}