/* Unified, quiet glass extraction workspaces. Scoped to extraction screens. */
body :is(#xhs-extract,#douyin-extract){--extract-ink:#193b30;--extract-muted:#607b6c;--extract-line:rgba(171,202,183,.5);--extract-glass:rgba(250,255,251,.78);max-width:1600px!important;margin:0 auto!important;padding:32px 36px 55px!important;color:var(--extract-ink)!important}
body :is(#xhs-extract,#douyin-extract) *{box-sizing:border-box}
body :is(#xhs-extract,#douyin-extract) h1{font-family:inherit!important;color:var(--extract-ink)!important;font-size:29px!important;letter-spacing:-.03em;line-height:1.3!important}
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-card,.xe-empty,#xhs-extract-result,.skill-form-col,.skill-output-col){border:1px solid rgba(255,255,255,.9)!important;border-radius:23px!important;background:linear-gradient(130deg,rgba(255,255,255,.9),rgba(235,250,240,.75))!important;box-shadow:0 12px 40px rgba(37,88,60,.07),inset 0 1px rgba(255,255,255,.9)!important;backdrop-filter:blur(20px) saturate(140%)}
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-card,.skill-form-col){padding:24px 26px!important}
body :is(#xhs-extract,#douyin-extract) :is(.xe-button,.dy-btn){min-height:42px;border-radius:11px;font-weight:600}
body :is(#xhs-extract,#douyin-extract) :is(.xe-primary,.dy-btn.primary,.skill-primary){background:#1c5b40!important;border-color:#1c5b40!important;color:white!important;box-shadow:0 5px 14px rgba(27,91,60,.14)}
body :is(#xhs-extract,#douyin-extract) :is(.xe-video-download,.dy-video-download){min-height:46px;padding:10px 20px;font-size:14px}
#xhs-extract .xe-cover img{cursor:zoom-in}
#xhs-extract #xhs-extract-result{padding:5px!important}
#xhs-extract .xe-result-head{padding:22px 24px}
#xhs-extract .xe-workspace{gap:0}
#xhs-extract .xe-viewer{background:#eaf3eb;border:0;border-radius:16px}
#xhs-extract .xe-body{color:#35584a;line-height:2}
#douyin-extract .v3-meta,#douyin-extract .micro-label{display:none!important}
#douyin-extract .skill-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
#douyin-extract .skill-form-col>p{color:var(--extract-muted)!important;max-width:860px;line-height:1.8}
#douyin-extract .skill-form{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:10px 16px!important;margin-top:22px!important}
#douyin-extract .skill-form .form-section{grid-row:1/3}
#douyin-extract .skill-form .head{display:none}
#douyin-extract .field-wide{color:#285242;font-weight:600;font-size:13px}
#douyin-extract textarea{border-radius:12px!important;background:rgba(255,255,255,.84)!important;border:1px solid var(--extract-line)!important;min-height:76px!important;font-size:14px!important}
#douyin-extract .skill-primary{min-height:48px;margin-top:22px!important;border-radius:12px!important}
#douyin-extract .douyin-extract-hint,#douyin-extract .douyin-extract-notice{font-size:12px!important;color:var(--extract-muted)!important}
#douyin-extract .skill-output-col{padding:22px!important}
#douyin-extract .douyin-extract-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
#douyin-extract .douyin-extract-result>.dy-card:first-child{grid-column:2;grid-row:1}
#douyin-extract .douyin-extract-result>.dy-card:nth-child(2){grid-column:1;grid-row:1}
#douyin-extract .dy-card{border:1px solid var(--extract-line);border-radius:17px;background:rgba(255,255,255,.68);padding:22px!important;box-shadow:none}
#douyin-extract .dy-body{background:#f2f8f3;color:#35584a;line-height:1.95}
#douyin-extract .dy-shot{padding:0;cursor:zoom-in;border:1px solid var(--extract-line)}
#douyin-extract .dy-lightbox{width:min(94vw,960px);max-height:94dvh;padding:16px;border:1px solid #dce9df;border-radius:20px;color:var(--extract-ink);background:#f4faf4;box-shadow:0 25px 90px #17392755}
#douyin-extract .dy-lightbox:not([open]){display:none}
#douyin-extract .dy-lightbox::backdrop{background:#173927aa;backdrop-filter:blur(5px)}
#douyin-extract .dy-lightbox-toolbar,#douyin-extract .dy-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
#douyin-extract .dy-lightbox img{display:block;width:100%;height:65dvh;object-fit:contain;margin:14px 0;background:#e9f1e9;border-radius:12px}
#douyin-extract .dy-lightbox button{min-width:44px;min-height:44px;border:1px solid #cadfd0;border-radius:10px;background:#fff;color:#234e38;cursor:pointer}
#douyin-extract .dy-lightbox button:disabled{opacity:.45}
#douyin-extract .dy-lightbox p{margin:10px 0 0;font-size:12px;color:#607b6c;text-align:center}
@media(max-width:800px){body :is(#xhs-extract,#douyin-extract){padding:20px 14px 110px!important}#douyin-extract .douyin-extract-result{grid-template-columns:minmax(0,1fr)}#douyin-extract .douyin-extract-result>.dy-card:first-child,#douyin-extract .douyin-extract-result>.dy-card:nth-child(2){grid-column:auto;grid-row:auto}#douyin-extract .douyin-extract-result>.dy-card:first-child{order:2}#douyin-extract .douyin-extract-result>.dy-card:nth-child(2){order:1}}
@media(max-width:560px){body :is(#xhs-extract,#douyin-extract) h1{font-size:25px!important}body :is(#xhs-extract,#douyin-extract) :is(.xe-input-card,.skill-form-col){padding:18px!important}#douyin-extract .skill-form{display:flex!important;flex-direction:column}#douyin-extract .skill-primary{width:100%;margin:0!important}#douyin-extract .skill-output-col{padding:15px!important}#douyin-extract .dy-card{padding:16px!important}#douyin-extract .dy-lightbox img{height:60dvh}body :is(#xhs-extract,#douyin-extract) :is(.xe-video-download,.dy-video-download){width:100%}}
body #xhs-extract .xe-video-help{align-self:center;color:#607b6c;font-size:12px;line-height:1.6}
@media(max-width:560px){body #xhs-extract .xe-button{min-height:44px}}
/* Result-first editorial layout: one workspace, one media/document surface. */
body :is(#xhs-extract,#douyin-extract){max-width:1500px!important}
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-card,.skill-form-col){padding:18px 22px!important}
#xhs-extract .xe-page-head{margin-bottom:16px}
#xhs-extract #xhs-extract-url{height:58px;min-height:58px;max-height:140px}
#xhs-extract .xe-input-card{margin-bottom:16px}
#douyin-extract .skill-form-col{display:grid;grid-template-columns:1fr;gap:0}
#douyin-extract .skill-form-col>h1{margin:0 0 7px!important}
#douyin-extract .skill-form-col>p{margin:0!important;font-size:13px}
#douyin-extract .skill-form{grid-template-columns:minmax(0,1fr) 145px!important;grid-template-rows:auto auto!important;gap:8px 12px!important;margin-top:17px!important}
#douyin-extract .skill-form .form-section{grid-row:1/3;display:grid;grid-template-columns:1fr;gap:6px}
#douyin-extract .field-wide{display:flex;flex-direction:column;gap:7px}
#douyin-extract textarea{height:58px!important;min-height:58px!important;max-height:140px;resize:vertical;padding:11px 14px!important}
#douyin-extract .skill-primary{margin:23px 0 0!important;min-height:58px!important;align-self:start}
#douyin-extract .douyin-extract-hint{margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.6}
#douyin-extract .douyin-extract-hint summary{cursor:pointer;color:#44715a;text-decoration:underline;text-underline-offset:3px}
#douyin-extract .douyin-extract-hint p{margin:8px 0!important}
#douyin-extract .douyin-extract-notice{margin:0!important;text-align:right;white-space:nowrap;align-self:start}
body :is(#xhs-extract,#douyin-extract) .extract-result-heading{display:flex;align-items:center;gap:10px;padding:4px 3px 16px;color:#1b4332}
body :is(#xhs-extract,#douyin-extract) .extract-heading-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e4f3e9;color:#24784e;font-weight:700}
body :is(#xhs-extract,#douyin-extract) .extract-result-heading strong{display:block;font-size:16px;line-height:1.3}
body :is(#xhs-extract,#douyin-extract) .extract-result-heading small{display:block;color:#728c7c;font-size:11px;margin-top:3px}
body :is(#xhs-extract,#douyin-extract) .extract-result-kind{margin-left:auto;padding:5px 10px;border:1px solid #d6e8da;border-radius:999px;font-size:11px;color:#557563;background:#f5faf6}
#xhs-extract #xhs-extract-result{padding:20px!important;overflow:visible}
#xhs-extract .xe-workspace{border:1px solid #e0ede3;border-radius:17px;background:rgba(255,255,255,.7);overflow:hidden;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}
#xhs-extract .xe-workspace.xe-text-only{grid-template-columns:minmax(0,1fr)}
#xhs-extract .xe-media{padding:18px!important;border-right:0;background:#f7fbf7}
#xhs-extract .xe-document{padding:20px 24px!important;background:transparent;min-width:0}
#xhs-extract .xe-result-head{display:block!important;padding:0 0 16px!important;border:0!important}
#xhs-extract .xe-result-head h2{font-size:20px!important;line-height:1.5;margin:9px 0!important}
#xhs-extract .xe-document-head{margin:2px 0 10px}
#xhs-extract .xe-body{min-height:72px;max-height:240px;font-size:14px}
#xhs-extract .xe-tags{margin-top:12px}
#xhs-extract .xe-stats{gap:18px;margin:18px 0 0;padding:14px 0;border-top:1px solid #e3eee5}
#xhs-extract .xe-stats div{display:flex;gap:5px}
#xhs-extract .xe-doc-actions{padding-top:0;border:0;margin-top:auto}
#xhs-extract .xe-viewer{height:300px!important}
#xhs-extract .xe-thumbs{grid-template-columns:repeat(auto-fill,minmax(44px,54px))}
#douyin-extract .skill-output-col{padding:20px!important}
#douyin-extract .douyin-extract-result{gap:0!important;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)!important;align-items:stretch!important}
#douyin-extract .douyin-extract-result>.extract-result-heading{grid-column:1/-1;grid-row:1}
#douyin-extract .douyin-extract-result>.dy-details{grid-column:2!important;grid-row:2!important;order:initial!important;border-radius:0 17px 17px 0;border-left:0}
#douyin-extract .douyin-extract-result>.dy-media-card{grid-column:1!important;grid-row:2!important;order:initial!important;border-radius:17px 0 0 17px;background:#f7fbf7}
#douyin-extract .douyin-extract-result>.dy-details:only-of-type{grid-column:1/-1!important;border-radius:17px;border-left:1px solid var(--extract-line)}
#douyin-extract .dy-card{padding:20px!important;min-width:0}
#douyin-extract .dy-card h3{font-size:19px;line-height:1.5;color:#1b4332}
#douyin-extract .dy-media-head h3{font-size:13px}
#douyin-extract .dy-video{max-height:330px;background:#172c20}
#douyin-extract .dy-stats{margin:14px 0}
#douyin-extract .dy-body{min-height:72px;max-height:240px;background:transparent!important;padding:0!important;font-size:14px;line-height:1.9}
#douyin-extract .dy-actions{gap:8px}
#douyin-extract .dy-hint-inline{width:100%;font-size:11px;color:#718b7b}
@media(max-width:800px){#xhs-extract .xe-workspace,#douyin-extract .douyin-extract-result{grid-template-columns:minmax(0,1fr)!important}#xhs-extract .xe-media{border-bottom:1px solid #e4eee6}#douyin-extract .douyin-extract-result>.dy-media-card{grid-column:1!important;grid-row:2!important;border-radius:17px 17px 0 0}#douyin-extract .douyin-extract-result>.dy-details{grid-column:1!important;grid-row:3!important;border-left:1px solid var(--extract-line);border-top:0;border-radius:0 0 17px 17px}#douyin-extract .douyin-extract-result>.dy-details:only-of-type{grid-row:2!important;border:1px solid var(--extract-line);border-radius:17px}#xhs-extract .xe-viewer{height:300px!important}}
@media(max-width:560px){#xhs-extract #xhs-extract-result,#douyin-extract .skill-output-col{padding:14px!important}#xhs-extract .xe-document,#xhs-extract .xe-media,#douyin-extract .dy-card{padding:16px!important}#douyin-extract .skill-form{display:flex!important}#douyin-extract .skill-primary{margin:0!important;min-height:48px!important}#douyin-extract .douyin-extract-notice{white-space:normal;text-align:left}#xhs-extract .xe-result-head h2,#douyin-extract .dy-card h3{font-size:17px!important}#xhs-extract .xe-stats{gap:10px;justify-content:space-between;flex-wrap:nowrap}#xhs-extract .xe-stats div{flex-direction:column;gap:2px}}
#douyin-extract .dy-page-head{margin:0 0 16px}
#douyin-extract .dy-page-head h1{margin:0 0 7px!important}
#douyin-extract .dy-page-head p{font-size:13px;line-height:1.8;color:var(--extract-muted);margin:0}
#douyin-extract .skill-form{margin-top:0!important}
#douyin-extract .dy-body{border:0!important;box-shadow:none!important}
/* Link composer: a single tactile glass surface with a clear primary action. */
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-card,.skill-form-col){padding:23px 25px!important;background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(231,249,237,.58) 72%,rgba(244,255,249,.8))!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 18px 48px rgba(29,81,53,.08),inset 0 1px 0 rgba(255,255,255,.95)!important}
body :is(#xhs-extract,#douyin-extract) .extract-link-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 11px;color:#244c39;font-size:13px;font-weight:650;line-height:1.4}
body :is(#xhs-extract,#douyin-extract) .extract-link-label span{font-size:11px;font-weight:500;color:#769283}
#douyin-extract .skill-form.extract-link-form{display:block!important;margin:0!important}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field{display:flex!important;flex-direction:row;align-items:center!important;gap:0!important;min-width:0;padding:8px!important;border:1px solid rgba(255,255,255,.95);border-radius:19px;background:linear-gradient(115deg,rgba(255,255,255,.86),rgba(239,251,243,.62) 60%,rgba(222,245,230,.48));box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 -1px 0 rgba(149,191,161,.12),0 9px 25px rgba(45,104,67,.08);-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%);transition:border-color .18s,box-shadow .18s}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field:focus-within{border-color:#7bb99a;box-shadow:0 0 0 3px rgba(76,160,112,.14),0 10px 28px rgba(45,104,67,.09),inset 0 1px rgba(255,255,255,.95)}
body :is(#xhs-extract,#douyin-extract) .extract-link-icon{display:grid;place-items:center;align-self:center;flex:0 0 42px;width:42px;height:42px;margin:0 9px 0 3px;border:1px solid rgba(255,255,255,.88);border-radius:14px;color:#408260;background:linear-gradient(145deg,rgba(232,249,237,.94),rgba(207,237,216,.58));box-shadow:inset 0 1px 2px #fff,0 3px 9px rgba(34,100,61,.08)}
body :is(#xhs-extract,#douyin-extract) .extract-link-icon svg{width:20px;height:20px}
body #xhs-extract #xhs-extract-url,body #douyin-extract #douyin-extract-url{display:block!important;flex:1 1 auto;min-width:0;width:100%;height:68px!important;min-height:68px!important;max-height:180px;padding:20px 8px!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#244a38!important;font:400 14px/1.8 inherit;line-height:1.8!important;resize:vertical;overflow-y:auto;word-break:break-word}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field textarea::placeholder{color:#8ba296;opacity:1}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field .extract-submit{flex:0 0 auto;align-self:center;min-width:132px;min-height:50px!important;height:50px!important;margin:0!important;padding:0 21px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:14px!important;background:linear-gradient(145deg,#287954,#15583b)!important;color:#fff!important;font-size:14px!important;font-weight:650;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.2),0 6px 16px rgba(22,88,57,.20)!important}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field .extract-submit:hover:not(:disabled){filter:brightness(1.07)}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field .extract-submit:focus-visible{outline:3px solid #7cb994;outline-offset:3px}
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-footer,.extract-form-foot){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:12px 3px 0;color:#718b7c;font-size:11px;line-height:1.7}
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-footer,.extract-form-foot) summary{color:#5a8068;text-decoration:none;cursor:pointer}
body :is(#xhs-extract,#douyin-extract) :is(.xe-input-footer,.extract-form-foot) summary:hover{text-decoration:underline;text-underline-offset:3px}
#douyin-extract .douyin-extract-notice{font-size:11px!important;white-space:normal;text-align:right}
@media(max-width:560px){body :is(#xhs-extract,#douyin-extract) :is(.xe-input-card,.skill-form-col){padding:18px!important}body :is(#xhs-extract,#douyin-extract) .extract-link-label span{font-size:10px}body :is(#xhs-extract,#douyin-extract) .extract-glass-field{display:grid!important;grid-template-columns:43px minmax(0,1fr);align-items:start!important;gap:0 7px!important;padding:9px!important;border-radius:17px}body :is(#xhs-extract,#douyin-extract) .extract-link-icon{align-self:start;margin:3px 0 0;width:40px;height:40px}body #xhs-extract #xhs-extract-url,body #douyin-extract #douyin-extract-url{height:78px!important;min-height:78px!important;padding:10px 3px!important;font-size:16px!important}body :is(#xhs-extract,#douyin-extract) .extract-glass-field .extract-submit{grid-column:1/-1;width:100%!important;height:46px!important;min-height:46px!important;margin:5px 0 0!important}body :is(#xhs-extract,#douyin-extract) :is(.xe-input-footer,.extract-form-foot){flex-direction:row;flex-wrap:wrap;gap:4px 12px}body :is(#xhs-extract,#douyin-extract) .xe-input-footer details{max-width:100%}}
@media(prefers-reduced-motion:reduce){body :is(#xhs-extract,#douyin-extract) .extract-glass-field{transition:none}}
@media(min-width:561px){body :is(#xhs-extract,#douyin-extract) .extract-glass-field .extract-submit{width:132px!important;max-width:132px!important;flex:0 0 132px!important}}
/* Hide native scrollbar controls and the resize grip, while retaining scrolling. */
body :is(#xhs-extract,#douyin-extract) .extract-glass-field textarea{resize:none!important;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
body :is(#xhs-extract,#douyin-extract) .extract-glass-field textarea::-webkit-scrollbar{display:none;width:0;height:0}