.dgpt{--dgpt-teal:#087f78;--dgpt-ink:#152238;--dgpt-line:#d9e7e5;color:var(--dgpt-ink);max-width:1160px;margin:0 auto;box-sizing:border-box;line-height:1.7}.dgpt *{box-sizing:border-box}.dgpt [hidden]{display:none!important}.dgpt a{color:var(--dgpt-teal)}.dgpt-intro,.dgpt-home{padding:clamp(24px,5vw,48px);background:#edf5f4;border-radius:20px}.dgpt-kicker{font-size:.78rem;letter-spacing:.13em;font-weight:700;color:var(--dgpt-teal)}.dgpt-lead{font-size:clamp(1.15rem,2.8vw,1.6rem);line-height:1.5}.dgpt h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.25}.dgpt h3,.dgpt-card h2{font-size:1.2rem;line-height:1.4}.dgpt-panel,.dgpt-guide,.dgpt-faq{margin:28px 0;padding:clamp(20px,4vw,36px);border:1px solid var(--dgpt-line);border-radius:18px;background:#fff}.dgpt label{display:block;font-weight:650;margin:12px 0 6px}.dgpt input,.dgpt select,.dgpt textarea{font:inherit;width:100%;max-width:100%;padding:12px;border:1px solid #91aaa7;border-radius:8px;background:#fff;color:var(--dgpt-ink);min-height:48px}.dgpt textarea{font-family:ui-monospace,monospace;font-size:.9rem;white-space:pre;overflow:auto;resize:vertical}.dgpt-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr) auto;gap:16px;align-items:end;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--dgpt-line)}.dgpt button,.dgpt-button{font:inherit;font-weight:650;border-radius:9px;padding:12px 20px;min-height:48px;cursor:pointer;text-decoration:none;display:inline-block}.dgpt .dgpt-button{background:var(--dgpt-teal);color:#fff;border:1px solid var(--dgpt-teal)}.dgpt .dgpt-secondary,.dgpt-remove{color:var(--dgpt-teal);background:#fff;border:1px solid #9ebfba}.dgpt button:disabled{opacity:.5;cursor:not-allowed}.dgpt :focus-visible{outline:3px solid #0a9186;outline-offset:3px}.dgpt input[aria-invalid=true]{border:2px solid #a62626}.dgpt-small{font-size:.9rem;color:#465d69}.dgpt-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.dgpt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}.dgpt-card{padding:28px;border:1px solid var(--dgpt-line);border-top:4px solid var(--dgpt-teal);border-radius:16px;background:#fff;display:flex;flex-direction:column}.dgpt-card p{overflow-wrap:anywhere}.dgpt-card .dgpt-button{align-self:flex-start;margin-top:auto}.dgpt-home{margin:48px auto}.dgpt-faq details{padding:18px 0;border-bottom:1px solid var(--dgpt-line)}.dgpt-faq summary{font-weight:650;cursor:pointer}.dgpt-faq p{margin-bottom:0}#dgpt-status,#dgpt-copy-status{min-height:1.7em}#dgpt-stale{color:#8a4200}#dgpt-host-wrap{margin:18px 0}@media(max-width:650px){.dgpt-row{grid-template-columns:1fr}.dgpt-remove{justify-self:start}.dgpt-panel,.dgpt-guide,.dgpt-faq{padding:20px}.dgpt-actions>*{width:100%;text-align:center}.dgpt-intro{padding:24px}.dgpt-home{border-radius:12px;padding:22px}}
/* Public tool surfaces only; no theme, pricing or Workspace selectors. */
.dgpt-home{--dgpt-ink:#edf3ff;background:radial-gradient(ellipse at 0 0,#2563eb35,transparent 60%),radial-gradient(ellipse at 100% 100%,#7c3aed30,transparent 60%),#0b1220;color:#edf3ff;border:1px solid #33456b;border-radius:24px;box-shadow:0 18px 48px #0b122025}
.dgpt-home>.dgpt{color:#d9e5fa}.dgpt-home>.dgpt-kicker{color:#67e8f9}.dgpt-home a{color:#a5ddff}.dgpt-home #dgpt-home-title{color:#edf3ff;background:linear-gradient(100deg,#e0f2fe,#a5b4fc 50%,#c4b5fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:750;letter-spacing:-.025em}
.dgpt .dgpt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dgpt .dgpt-card{--dgpt-accent:#67e8f9;position:relative;min-width:0;background:linear-gradient(145deg,#172a4e,#101a30);border:1px solid #334d76;border-top:3px solid #06b6d4;border-radius:20px;color:#dbeafe;box-shadow:0 8px 24px #0b122020;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.dgpt .dgpt-card:nth-child(3n+2){--dgpt-accent:#ddd6fe;background:linear-gradient(145deg,#2f2054,#151b33);border-top-color:#7c3aed}.dgpt .dgpt-card:nth-child(3n){--dgpt-accent:#bfdbfe;background:linear-gradient(145deg,#16375a,#121b30);border-top-color:#2563eb}
.dgpt .dgpt-card :is(h2,h3) a{color:#f1f5ff;text-decoration:none}.dgpt .dgpt-card :is(h2,h3) a:hover{text-decoration:underline}.dgpt .dgpt-card .dgpt-kicker{color:var(--dgpt-accent)}.dgpt .dgpt-tool-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:10px;border-radius:16px;background:linear-gradient(135deg,#2563eb38,#7c3aed30);color:var(--dgpt-accent);border:1px solid #6179a85c;box-shadow:0 0 24px #06b6d412}.dgpt-tool-icon svg{display:block}
.dgpt .dgpt-card .dgpt-button{color:#fff;background:#174fc5;border-color:#5689ef;box-shadow:0 4px 14px #2563eb25}.dgpt .dgpt-card:focus-within{border-color:#67e8f9;box-shadow:0 0 0 1px #67e8f9,0 12px 30px #2563eb25}
#dgpt-generator .dgpt-intro{background:radial-gradient(ellipse at top right,#7c3aed50,transparent 65%),linear-gradient(125deg,#0b1220,#102b53);border:1px solid #334b75;border-radius:24px;color:#e2ecff;box-shadow:0 16px 40px #0b122018}#dgpt-generator .dgpt-intro .dgpt-kicker{color:#67e8f9}#dgpt-generator .dgpt-intro .dgpt-lead{color:#fff;font-weight:700;font-size:clamp(1.35rem,3vw,2rem)}#dgpt-generator .dgpt-intro a{color:#a5ddff}
#dgpt-generator .dgpt-panel{background:linear-gradient(130deg,#f0f5ff,#f7f2ff 65%,#ecfbff);border:1px solid #ccd8f2;border-radius:22px;box-shadow:0 10px 32px #2563eb0c}#dgpt-generator .dgpt-panel h2{color:#193776}#dgpt-generator input,#dgpt-generator select{border:1px solid #a2b5da;border-radius:10px;box-shadow:0 2px 5px #0b122006;background:#fff;color:#152238;transition:border-color .18s ease,box-shadow .18s ease}#dgpt-generator input:focus,#dgpt-generator select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}#dgpt-generator input[aria-invalid=true]{border:2px solid #a62626}#dgpt-generator input::placeholder{color:#61718a;opacity:1}#dgpt-generator .dgpt-row{border-color:#ccd8f2}#dgpt-generator #dgpt-captcha{max-width:180px}
#dgpt-generator .dgpt-button{background:linear-gradient(110deg,#174fc5,#6330c5);color:#fff;border:1px solid #4a57c6;box-shadow:0 6px 18px #2563eb28;transition:transform .18s ease,box-shadow .18s ease}#dgpt-generator button[type=submit]{padding:15px 28px;font-size:1.05rem}#dgpt-generator .dgpt-secondary,#dgpt-generator .dgpt-remove{border-color:#9ab0d8;color:#23468a;background:#ffffffd9}
#dgpt-generator #dgpt-output{background:linear-gradient(135deg,#0b1220,#142346);border-color:#3b5282;color:#dae7ff;box-shadow:0 12px 32px #0b12201c}#dgpt-generator #dgpt-output h2{color:#f1f5ff}#dgpt-generator #dgpt-output .dgpt-small{color:#c2d2ed}#dgpt-generator #dgpt-code{background:#080f1d;color:#a5f3fc;border:1px solid #48618d;border-radius:12px;padding:20px;line-height:1.7;tab-size:2;font-size:.88rem}#dgpt-generator #dgpt-stale{color:#fcd34d}#dgpt-generator #dgpt-output .dgpt-secondary{background:#1d3154;color:#e2ecff;border-color:#6e87b0}#dgpt-generator #dgpt-copy-status{color:#a5f3fc}
.dgpt :focus-visible{outline:3px solid #2563eb;outline-offset:4px}.dgpt-home :focus-visible,#dgpt-output :focus-visible,.dgpt-card :focus-visible{outline-color:#67e8f9}
@media(hover:hover){.dgpt .dgpt-card:hover{transform:translateY(-5px);border-color:#7186c2;box-shadow:0 15px 36px #2563eb25,0 0 22px #7c3aed12}#dgpt-generator .dgpt-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 24px #6330c538}}
@media(max-width:1024px){.dgpt .dgpt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dgpt .dgpt-grid{grid-template-columns:1fr;gap:18px}.dgpt .dgpt-card{padding:24px}.dgpt-home{padding:24px;border-radius:18px}#dgpt-generator button[type=submit]{width:100%;padding:14px 18px}#dgpt-generator #dgpt-code{padding:14px}#dgpt-generator .dgpt-intro{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.dgpt .dgpt-card,#dgpt-generator .dgpt-button,#dgpt-generator input,#dgpt-generator select{transition:none}.dgpt .dgpt-card:hover,#dgpt-generator .dgpt-button:hover{transform:none}}@media(forced-colors:active){.dgpt-home #dgpt-home-title{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.dgpt .dgpt-tool-icon{color:CanvasText;border:1px solid CanvasText}#dgpt-generator #dgpt-code{color:CanvasText;background:Canvas}}
/* Intrinsic dimensions reserve hero artwork space before its local SVG loads. */
#dgpt-generator .dgpt-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center}#dgpt-generator .dgpt-hero-copy{min-width:0}#dgpt-generator .dgpt-hero-art{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:8/5;justify-self:center}@media(max-width:800px){#dgpt-generator .dgpt-intro{grid-template-columns:1fr}#dgpt-generator .dgpt-hero-art{max-width:360px}}
/* Twenty Twenty-Five stacks main margin and title-wrapper padding (70px each).
   Scope to the generator page; reserve 32px between the header and its H1. */
body.page main.wp-block-group:has(#dgpt-generator){margin-block-start:32px!important}body.page main.wp-block-group:has(#dgpt-generator)>.wp-block-group:has(>h1.wp-block-post-title){padding-block-start:0!important}
