.shot-workspace .shot-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;padding:24px;background:#fdfdfe}.shot-workspace .shot-controls>label{margin-top:16px}.shot-workspace .shot-controls>label:first-child{margin-top:0}.shot-workspace label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#555}.shot-workspace input:not([type=checkbox]),.shot-workspace select{font:inherit;width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;background:#fff;color:#333}.shot-workspace .shot-url-label input{padding:13px 12px}.shot-workspace input:focus-visible,.shot-workspace select:focus-visible,.shot-workspace button:focus-visible{outline:2px solid #ff4500;outline-offset:3px}.shot-workspace small{font-size:12px;margin-top:7px}.shot-workspace .shot-advanced{margin-top:20px;border-block:1px solid #e8eaed;padding:14px 0}.shot-workspace .shot-advanced summary{font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:14px;list-style:none}.shot-workspace .shot-advanced summary span{color:#ff4500}.shot-workspace .shot-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.shot-workspace .shot-check{flex-direction:row;align-items:center;gap:9px;margin-top:14px}.shot-workspace .shot-check input{accent-color:#ff4500;flex-shrink:0}.shot-workspace .shot-capture{width:100%;margin-top:22px}.shot-workspace .shot-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.shot-workspace h3{font-size:14px}.shot-workspace .shot-stage{height:430px;display:flex;justify-content:center;padding:14px;background:radial-gradient(circle,#d5dde5 .7px,transparent .9px) 0 0/12px 12px,#edf1f5;border:1px solid #e2e7ed;border-radius:14px;overflow:hidden}.shot-workspace .shot-browser{width:100%;max-width:300px;border:1px solid #d6dee6;border-radius:9px;background:#fff;box-shadow:0 10px 24px #1c293a18;overflow:hidden;transition:max-width .25s ease}.shot-workspace .shot-stage[data-device=tablet] .shot-browser{max-width:240px}.shot-workspace .shot-stage[data-device=mobile] .shot-browser{max-width:180px}.shot-workspace .shot-chrome{height:28px;display:flex;align-items:center;gap:12px;padding:0 10px;background:#f7f9fa;border-bottom:1px solid #e6ebee;font-size:10px;color:#73808e}.shot-workspace .shot-dots{font-size:7px;letter-spacing:2px;color:#c2cbd4}.shot-workspace .shot-viewport{position:relative;height:370px;overflow:hidden}.shot-workspace .shot-paper{height:370px;transform-origin:50% 0}.shot-workspace .shot-art{height:100%;width:100%;display:block}.shot-workspace .shot-scan{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#ff6b3538);border-bottom:2px solid #ff6b35;opacity:0;pointer-events:none}.shot-workspace .shot-stage[data-area=visible] .shot-paper{height:814px}.shot-workspace .shot-stage[data-area=visible] .shot-viewport{box-shadow:inset 0 0 0 2px #ff6b35}.shot-workspace .shot-demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.shot-workspace button:not(.btn-primary){display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;font-size:12px}.shot-workspace .shot-demo-actions button{color:#a83a10}.shot-workspace .shot-sample-note{font-size:12px;line-height:1.7}.shot-workspace .shot-demo-viewport{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;color:#777;margin-top:12px}.shot-workspace .shot-result{border-top:1px solid #e8eaed;margin-top:16px;padding-top:14px}.shot-workspace .shot-result dl{display:flex;gap:20px;font-size:12px;color:#777}.shot-workspace .shot-result dd{color:#999}.shot-workspace .shot-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;color:#999}.shot-workspace .shot-mobile-layout,.shot-workspace [data-device=mobile] .shot-desktop-layout{display:none}.shot-workspace [data-device=mobile] .shot-mobile-layout{display:block}@media(max-width:767px){.shot-workspace .shot-columns{grid-template-columns:1fr;gap:24px;padding:16px}.shot-workspace .shot-stage{height:430px}.tool-page[data-tool-id=full-page-screenshot]:lang(zh-cn) .tool-hero-copy h1,.tool-page[data-tool-id=full-page-screenshot]:lang(zh-tw) .tool-hero-copy h1{max-width:6em;margin-inline:auto;text-wrap:wrap}}@media(prefers-reduced-motion:reduce){.shot-workspace *{animation:none!important;transition:none!important}}.shot-workspace [hidden]{display:none!important}.shot-workspace .shot-columns{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:0;padding:0;background:#fff}.shot-workspace .shot-controls{min-width:0;padding:28px;border-inline-end:1px solid #e8eaed}.shot-workspace .shot-preview{min-width:0;padding:28px;background:#fcfcfd}.shot-workspace label,.shot-workspace legend{font-size:13px;font-weight:500;color:#424955;line-height:1.5}.shot-workspace .shot-controls>label{margin-top:20px}.shot-workspace small{display:block;color:#7a818c;line-height:1.65;font-weight:400}.shot-workspace fieldset{min-width:0;padding:0;border:0;margin:23px 0 0}.shot-workspace legend{padding:0;margin-bottom:9px}.shot-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),.shot-workspace select{min-width:0;font-size:13px;min-height:42px;border-color:#dfe3e8;border-radius:9px}.shot-workspace .shot-url-label input{min-height:48px;background:#fafbfc}.shot-workspace .shot-segments{display:flex;gap:4px;background:#f0f2f5;padding:4px;border:1px solid #e8eaee;border-radius:10px}.shot-workspace .shot-segments label{position:relative;flex:1;min-width:0;cursor:pointer}.shot-workspace .shot-segments input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.shot-workspace .shot-segments span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:35px;padding:7px 4px;border-radius:7px;font-size:12px;line-height:1.45;overflow-wrap:anywhere;color:#6b7280;transition:background .15s,color .15s}.shot-workspace .shot-segments input:checked+span{background:#fff;color:#cf420f;box-shadow:0 1px 4px #172b4d12;font-weight:600}.shot-workspace .shot-segments input:focus-visible+span{outline:2px solid #ff4500;outline-offset:2px}.shot-workspace .shot-segments input:disabled+span{opacity:.6;cursor:wait}.shot-workspace [data-viewport-label]{font-size:11px;letter-spacing:.2px}.shot-workspace .shot-range{display:flex;gap:12px;align-items:center;min-height:32px}.shot-workspace input[type=range]{min-width:0;flex:1;padding:0;accent-color:#ff4500}.shot-workspace .shot-range output{font-size:12px;width:36px;text-align:end;font-variant-numeric:tabular-nums}.shot-workspace .shot-advanced{margin-top:24px}.shot-workspace .shot-advanced summary{font-weight:500;align-items:center;min-height:22px}.shot-workspace .shot-advanced[open] summary span{transform:rotate(45deg)}.shot-workspace .shot-check{font-size:12px;font-weight:400}.shot-workspace .shot-capture{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin-top:20px;font-size:14px}.shot-workspace .shot-cancel{width:100%;margin-top:10px;background:#fff}.shot-workspace .shot-privacy{font-size:11px;color:#8b929b;line-height:1.8;margin-top:13px}.shot-workspace .shot-error{margin-top:14px;border-radius:8px;background:#fff1f0;border:1px solid #ffd4cf;color:#ac3023;padding:10px 12px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.shot-workspace .shot-heading{min-height:25px;margin-bottom:16px}.shot-workspace h3{font-weight:600;color:#313945}.shot-workspace .shot-status{font-size:11px;color:#838b97;line-height:1.5}.shot-workspace[data-state=capturing] .shot-status{color:#d34a18}.shot-workspace[data-state=success] .shot-status{color:#268453}.shot-workspace .shot-stage{position:relative;display:block;height:460px;padding:16px;border-radius:12px;background:radial-gradient(circle,#d8dee6 .75px,transparent .9px) 0 0/12px 12px,#f0f3f6;overflow:auto;overscroll-behavior:contain;direction:ltr;scrollbar-width:thin}.shot-workspace .shot-empty{height:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:20px;color:#7a8492;direction:initial}.shot-workspace .shot-empty-icon{display:grid;place-items:center;width:72px;height:72px;background:#fff;border:1px solid #e4e8ed;border-radius:20px;box-shadow:0 8px 22px #283e5710;color:#f27040;margin-bottom:5px}.shot-workspace .shot-empty strong{font-size:15px;font-weight:500;color:#505d6f}.shot-workspace .shot-empty p{font-size:12px;line-height:1.8;max-width:270px;margin:0}.shot-workspace .shot-empty-tags{font-size:10px;letter-spacing:1.6px;color:#9ba4b1;margin-top:8px}.shot-workspace .shot-image{display:block;max-width:none;height:auto;margin:0 auto;box-shadow:0 3px 18px #2332481c;background:#fff}.shot-workspace .shot-progress{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#f6f8fbf5;text-align:center;padding:24px;z-index:1;color:#5d697a;direction:initial}.shot-workspace .shot-progress strong{font-weight:500;font-size:14px}.shot-workspace .shot-progress>span:last-child{font-size:12px;line-height:1.7}.shot-workspace .shot-spinner{width:32px;height:32px;border:3px solid #f6d9cc;border-top-color:#fa5b20;border-radius:50%;animation:shot-spin .9s linear infinite}.shot-workspace .shot-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-bottom:10px}.shot-workspace .shot-toolbar button{border:1px solid #e2e6ec;background:#fff;border-radius:7px;color:#5d6879;min-height:32px;padding:5px 9px}.shot-workspace .shot-zoom{display:flex;align-items:center;gap:5px}.shot-workspace .shot-zoom output{min-width:42px;text-align:center;font-size:11px;color:#6b7584;font-variant-numeric:tabular-nums}.shot-workspace .shot-result{margin-top:18px;padding-top:16px}.shot-workspace .shot-result dl{display:flex;flex-wrap:wrap;gap:14px 25px;margin:0;font-size:11px}.shot-workspace .shot-result dl>div{display:flex;flex-direction:column;gap:5px}.shot-workspace .shot-result dd{color:#414d60;font-size:12px;margin:0;font-weight:500}.shot-workspace .shot-source{margin-top:13px;font-size:11px;color:#87909d;overflow-wrap:anywhere;max-height:44px;overflow:auto}.shot-workspace .shot-result-actions{gap:10px;margin-top:15px}.shot-workspace .shot-result-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;padding:10px 16px;text-decoration:none}.shot-workspace .shot-result-actions button{color:#677386;border-radius:8px;background:#fff}.shot-workspace .shot-warning{font-size:12px;line-height:1.7;color:#9c601b;background:#fff8e9;border:1px solid #f3dfb8;border-radius:8px;padding:10px 12px;margin-top:12px}.shot-workspace.shot-expanded .shot-columns{grid-template-columns:1fr}.shot-workspace.shot-expanded .shot-controls{display:none}.shot-workspace.shot-expanded .shot-stage{height:min(76vh,900px);min-height:360px}.shot-workspace button:disabled{cursor:wait;opacity:.65}@keyframes shot-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.shot-workspace .shot-columns{grid-template-columns:1fr;gap:0;padding:0}.shot-workspace .shot-controls{padding:20px;border-inline-end:0;border-bottom:1px solid #e8eaed}.shot-workspace .shot-preview{padding:20px}.shot-workspace .shot-stage{height:390px}.shot-workspace .shot-empty{padding:12px}.shot-workspace .shot-empty strong{font-size:14px}.shot-workspace .shot-result-actions>*{flex:1}.shot-workspace .shot-toolbar button{font-size:11px;padding:5px 7px}}@media(prefers-reduced-motion:reduce){.shot-workspace .shot-spinner{animation:none;border-top-color:#fa5b20}}