/* LyfPDF v22 — unified Pro interface layer. Existing page metadata and crawler files are unchanged. */
:root{
  --pro-ink:#08152f;
  --pro-ink-2:#102544;
  --pro-cyan:#12b7c6;
  --pro-blue:#1f8cf0;
  --pro-violet:#7957e8;
  --pro-mint:#14c59a;
  --pro-line:#dce8ef;
  --pro-soft:#f4f9fb;
  --pro-shadow:0 24px 70px rgba(15,35,62,.13);
}
body.pro-tool-page{background:linear-gradient(180deg,#f9fcfd 0,#fff 640px);}
body.pro-tool-page .tool-hero{position:relative;overflow:hidden;padding:54px 0 46px;background:
  radial-gradient(circle at 73% 0,rgba(35,184,202,.16),transparent 31%),
  radial-gradient(circle at 18% 100%,rgba(117,83,232,.11),transparent 34%),
  linear-gradient(180deg,#f7fcfc,#fff);border-bottom:1px solid #e5eef2;}
body.pro-tool-page .tool-hero:after{content:"";position:absolute;right:-110px;top:-160px;width:380px;height:380px;border:1px solid rgba(25,177,192,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(25,177,192,.045),0 0 0 78px rgba(121,87,232,.035);pointer-events:none;}
body.pro-tool-page .tool-hero .container{position:relative;z-index:1;}
body.pro-tool-page .tool-hero h1{font-size:clamp(2.25rem,5vw,4.1rem);letter-spacing:-.055em;line-height:1.02;color:var(--pro-ink);}
body.pro-tool-page .tool-hero p{font-size:1.03rem;line-height:1.7;}
.pro-tool-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px;}
.pro-tool-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #d9e6ec;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);font-size:.82rem;font-weight:750;color:#2f4a5e;box-shadow:0 8px 24px rgba(17,39,61,.05);}
.pro-tool-nav a:hover{border-color:#95d8df;color:#0c7e8b;transform:translateY(-1px);}
.pro-workspace-shell{max-width:1120px;margin:0 auto;position:relative;}
.pro-workspace-banner{position:relative;overflow:hidden;border-radius:26px;padding:30px 32px;color:#fff;background:
  radial-gradient(circle at 86% 16%,rgba(124,95,231,.55),transparent 32%),
  radial-gradient(circle at 6% 100%,rgba(17,190,167,.2),transparent 31%),
  linear-gradient(125deg,#07152d 0,#10233f 58%,#161f47 100%);box-shadow:var(--pro-shadow);margin-bottom:14px;}
.pro-workspace-banner:before,.pro-workspace-banner:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-90px;top:-140px;width:320px;height:320px;}
.pro-workspace-banner:after{right:-20px;top:-70px;width:190px;height:190px;border-color:rgba(87,224,218,.16);}
.pro-banner-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;position:relative;z-index:1;}
.pro-kicker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px;}
.pro-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(135,235,223,.28);background:rgba(15,194,164,.1);border-radius:999px;color:#aaf5e8;font-size:.71rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;}
.pro-pill.alt{border-color:rgba(185,197,231,.2);background:rgba(255,255,255,.035);color:#d2dced;}
.pro-workspace-banner h2{margin:0;color:#fff;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.045em;}
.pro-workspace-banner p{margin:8px 0 0;max-width:720px;color:#c8d7e8;line-height:1.65;}
.pro-orbit{width:142px;height:142px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 44px rgba(63,95,189,.18);}
.pro-orbit:before,.pro-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(90,225,219,.19);inset:18px;animation:proSpin 13s linear infinite;}
.pro-orbit:after{inset:38px;border-color:rgba(165,127,255,.28);animation-direction:reverse;animation-duration:9s;}
.pro-orbit i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#0cbca8,#227bea 57%,#8557e5);font-style:normal;font-size:1.45rem;box-shadow:0 12px 28px rgba(16,188,184,.25);}
@keyframes proSpin{to{transform:rotate(360deg)}}
.pro-metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px;}
.pro-metric{border:1px solid var(--pro-line);background:#fff;border-radius:16px;padding:14px 15px;box-shadow:0 10px 28px rgba(15,35,62,.05);}
.pro-metric b{display:block;color:var(--pro-ink);font-size:.95rem;}
.pro-metric small{display:block;color:#718295;margin-top:3px;font-size:.74rem;}
.pro-flow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce8ed;border:1px solid #dce8ed;border-radius:19px;overflow:hidden;margin:0 0 14px;box-shadow:0 12px 34px rgba(15,35,62,.06);}
.pro-flow-step{display:flex;gap:11px;align-items:center;background:#fff;padding:15px 16px;min-height:64px;}
.pro-flow-step span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:900;background:linear-gradient(135deg,var(--pro-mint),var(--pro-blue));flex:none;}
.pro-flow-step b{display:block;font-size:.82rem;color:#17304a;}.pro-flow-step small{display:block;color:#7b8b9b;font-size:.7rem;margin-top:2px;}
body.pro-tool-page .tool-wrap{max-width:1120px;}
body.pro-tool-page #tool-mount{position:relative;background:#fff;border:1px solid #d9e7ed;border-radius:25px;padding:22px;box-shadow:var(--pro-shadow);overflow:hidden;}
body.pro-tool-page #tool-mount:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--pro-mint),var(--pro-cyan),var(--pro-blue),var(--pro-violet));}
body.pro-tool-page #tool-mount .dropzone{min-height:330px;border:1.5px dashed #87d6dc;border-radius:20px;background:
  radial-gradient(circle at 50% 38%,rgba(25,187,193,.07),transparent 28%),linear-gradient(180deg,#fbfefe,#f7fbfc);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;transition:.22s ease;}
body.pro-tool-page #tool-mount .dropzone:hover,body.pro-tool-page #tool-mount .dropzone.drag{border-color:#2fbfc3;background:#f2fbfb;transform:translateY(-2px);box-shadow:0 14px 42px rgba(17,160,170,.09);}
body.pro-tool-page #tool-mount .dz-ico{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0fbea7,#128fc8 55%,#7655e8);box-shadow:0 15px 30px rgba(23,151,189,.22);margin-bottom:18px;}
body.pro-tool-page #tool-mount .dz-ico svg{width:36px;height:36px;}
body.pro-tool-page #tool-mount .dropzone h3{font-size:1.35rem;color:var(--pro-ink);margin:0 0 6px;}
body.pro-tool-page #tool-mount .dropzone .btn{margin-top:12px;min-width:170px;}
body.pro-tool-page #tool-mount .controls{padding:17px;border:1px solid #dce8ed;border-radius:17px;background:#f8fbfc;gap:12px;align-items:end;flex-wrap:wrap;}
body.pro-tool-page #tool-mount .controls label{font-weight:760;color:#2b4357;font-size:.79rem;}
body.pro-tool-page #tool-mount select,body.pro-tool-page #tool-mount input[type="text"],body.pro-tool-page #tool-mount input[type="number"],body.pro-tool-page #tool-mount textarea{border:1px solid #d6e2e8;border-radius:11px;background:#fff;min-height:42px;box-shadow:0 2px 0 rgba(15,35,62,.01);}
body.pro-tool-page #tool-mount .file-list{display:grid;gap:9px;margin:0 0 13px;}
body.pro-tool-page #tool-mount .file-row{border:1px solid #dce8ed;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,35,62,.045);padding:13px 14px;}
body.pro-tool-page #tool-mount .file-row button{border:0;border-radius:9px;min-width:34px;height:34px;background:#eef5f7;color:#27445a;cursor:pointer;}
body.pro-tool-page #tool-mount .status{margin-top:13px;border-radius:13px;}
body.pro-tool-page #tool-mount .progress{border-radius:999px;overflow:hidden;}
body.pro-tool-page #tool-mount .note{border:1px solid #dce9ee;background:#f4f9fb;border-left:4px solid var(--pro-cyan);border-radius:13px;color:#4a6276;}
.pro-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
.pro-quality-card{border:1px solid #dce8ed;border-radius:18px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(15,35,62,.05);}
.pro-quality-card .ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#e4fbf6,#e9f2ff);font-size:1.15rem;margin-bottom:12px;}
.pro-quality-card h3{font-size:.97rem;margin:0 0 5px;color:#17304a}.pro-quality-card p{font-size:.79rem;line-height:1.55;color:#728295;margin:0;}
body.pro-tool-page .qa .prose,body.pro-tool-page main>.section:not(:first-of-type)>.prose,body.pro-tool-page main>.section>.container.prose{border-radius:24px;}
body.pro-tool-page .prose h2{color:var(--pro-ink);letter-spacing:-.035em;}
body.pro-tool-page .article-cards{gap:14px;}body.pro-tool-page .article-card{border:1px solid #dce8ed;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(15,35,62,.05);}
body.pro-tool-page .faq details{border:1px solid #dce8ed;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,35,62,.035);margin-bottom:9px;overflow:hidden;}
body.pro-tool-page .faq summary{padding:16px 18px;font-weight:760;color:#213b52;}
body.pro-tool-page .faq details p{padding:0 18px 16px;}
/* editor frame */
body.pro-editor-page .ed-shell{max-width:1500px;margin:0 auto 30px;border-radius:24px;overflow:hidden;box-shadow:var(--pro-shadow);border:1px solid #dbe6ec;background:#fff;}
/* New Labs */
.lab-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;}
.lab-sidebar,.lab-stage{border:1px solid #dce8ed;border-radius:20px;background:#f8fbfc;min-width:0;}
.lab-sidebar{padding:18px;align-self:start;position:sticky;top:82px;}
.lab-stage{padding:16px;background:#eef4f6;min-height:520px;display:flex;flex-direction:column;}
.lab-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.lab-stage-toolbar strong{color:#203b51}.lab-stage-toolbar span{font-size:.76rem;color:#738596;}
.lab-canvas-wrap{flex:1;display:grid;place-items:center;overflow:auto;border-radius:15px;background:
  linear-gradient(45deg,#e9eef1 25%,transparent 25%),linear-gradient(-45deg,#e9eef1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9eef1 75%),linear-gradient(-45deg,transparent 75%,#e9eef1 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#fff;border:1px solid #dce5e9;min-height:430px;}
.lab-canvas-wrap canvas,.lab-canvas-wrap img{display:block;max-width:100%;height:auto;box-shadow:0 16px 38px rgba(15,35,62,.14);background:#fff;}
.lab-field{margin-bottom:13px}.lab-field>label{display:flex;justify-content:space-between;gap:10px;font-size:.76rem;font-weight:780;color:#345064;margin-bottom:6px}.lab-field input,.lab-field select{width:100%;}
.lab-button-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;}.lab-button-row .btn{width:100%;}
.lab-thumb-list{display:flex;gap:8px;overflow:auto;padding:2px 0 8px;}.lab-thumb{position:relative;border:2px solid transparent;border-radius:12px;background:#fff;padding:4px;cursor:pointer;flex:none}.lab-thumb.active{border-color:var(--pro-cyan)}.lab-thumb img{width:72px;height:72px;object-fit:cover;border-radius:8px}.lab-thumb span{position:absolute;right:5px;bottom:5px;background:#07152d;color:#fff;border-radius:7px;padding:2px 5px;font-size:.63rem;}
.passport-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;min-height:530px;}.passport-editor{display:grid;place-items:center;overflow:hidden;border:1px solid #dce5e9;border-radius:15px;background:#dfe7eb;}.passport-editor canvas{max-width:100%;height:auto;box-shadow:0 16px 42px rgba(12,30,52,.2)}.passport-sheet{border:1px solid #dce5e9;border-radius:15px;background:#e9eff2;display:grid;place-items:center;padding:12px;overflow:auto}.passport-sheet canvas{max-width:100%;height:auto;box-shadow:0 12px 30px rgba(12,30,52,.16)}
.lab-drop{min-height:420px!important;}
.pro-beta{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#fff3d5;color:#9a6200;font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;}
@media(max-width:900px){
  .pro-banner-grid{grid-template-columns:1fr}.pro-orbit{display:none}.pro-metric-strip,.pro-flow-strip{grid-template-columns:1fr 1fr}.pro-quality-grid{grid-template-columns:1fr}.lab-workspace{grid-template-columns:1fr}.lab-sidebar{position:static}.passport-stage{grid-template-columns:1fr}.passport-sheet{min-height:360px;}
}
@media(max-width:560px){
  .pro-workspace-banner{padding:24px 20px;border-radius:21px}.pro-metric-strip,.pro-flow-strip{grid-template-columns:1fr}.pro-flow-step{min-height:auto}.pro-workspace-shell{margin-left:-8px;margin-right:-8px}body.pro-tool-page #tool-mount{padding:13px;border-radius:20px}body.pro-tool-page #tool-mount .dropzone{min-height:280px}.lab-stage,.lab-sidebar{border-radius:16px}.lab-stage{padding:10px}.lab-button-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pro-orbit:before,.pro-orbit:after{animation:none!important}*{scroll-behavior:auto!important}}