/* Studio tokens and modal geometry remain owned by the shared Studio/Whiteboard CSS. */
.dg-start{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding:24px;margin-bottom:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.dg-start>div{margin-right:auto}.dg-start h3{font-size:23px;margin-bottom:8px}.dg-start p,.dg-guided p,.dg-guided footer{color:var(--muted);line-height:1.7}.dg-start label,.dg-guided label{display:grid;gap:8px;font-size:13px}.dg-start select{min-width:180px}
.dg-steps{display:flex;gap:8px;flex-wrap:wrap;padding:20px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.dg-steps button{flex:1;min-width:180px}.dg-steps [aria-current=step]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.dg-guided{max-width:1040px;margin:auto;padding:32px 24px}.dg-guided h2{font-size:30px;margin:12px 0}.dg-guided ol{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}.dg-entry{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.dg-entry>label:has(select){grid-column:2}.dg-entry>input{width:100%}.dg-entry .dg-actions{grid-column:3;grid-row:1}.dg-guided footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.dg-guided #guided-error{color:#a52d20;min-height:24px;margin-top:16px}.dg-guided [aria-invalid=true]{border:2px solid #a52d20}
.dg-more{position:relative}.dg-more>div{position:absolute;z-index:30;right:0;top:calc(100% + 8px);min-width:230px;max-width:calc(100vw - 32px);padding:12px;display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.dg-more summary,.dg-shapes summary,.wb-inspector summary,.dg-property-details summary{cursor:pointer;min-height:44px;padding:12px;font-size:13px}.dg-tool-list{display:grid;gap:8px;margin-top:12px}.dg-shapes h2{font-size:21px}.dg-property-details>div{margin-top:12px}.dg-property-details label{margin:10px 0}#workspace [hidden],.dg-library [hidden],#diagram-todo[hidden]{display:none!important}#workspace :is(button,input,select),.dg-library :is(button,select){min-height:44px}#workspace .wb-inspector #elements{max-height:55%}#workspace #elements .wb-selection-entry{min-width:0}
@media(max-width:700px){.dg-steps{padding:16px}.dg-steps button{min-width:0;flex-basis:100%;justify-content:start}.dg-guided{padding:24px 16px}.dg-guided h2{font-size:26px}.dg-entry{grid-template-columns:minmax(0,1fr);padding:16px}.dg-entry>label:has(select),.dg-entry .dg-actions{grid-column:1;grid-row:auto}.dg-guided footer{align-items:stretch;flex-direction:column}.dg-start{padding:20px}.dg-start>*,.dg-start select{width:100%}.dg-more>div{right:auto;left:0}.dg-document-header #title{width:100%}.dg-document-header>div{width:100%}.dg-shapes details{width:100%}}
.dg-card h3{overflow-wrap:anywhere;hyphens:auto}
.dg-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100dvh}.dg-sidebar{background:var(--surface);padding:28px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.dg-sidebar h1{font-size:32px}.dg-sidebar .wb-logo{width:200px;height:50px;margin-bottom:24px}.dg-sidebar select{width:100%;margin-top:8px}.dg-navigation{display:grid;gap:6px;margin:26px 0}.dg-navigation button{justify-content:start;gap:12px;min-height:48px}.dg-navigation button[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.dg-sidebar-foot{margin-top:auto;font-weight:600;font-size:13px}.dg-sidebar-foot small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:6px}.dg-main{min-width:0}.dg-topbar{min-height:70px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 32px;border-bottom:1px solid var(--line);background:var(--surface);font-size:11px;color:var(--muted)}.dg-topbar>span:first-child{letter-spacing:.15em;font-weight:600}.dg-library{padding:36px 32px}.dg-library-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.dg-library-heading h2{font-size:36px;letter-spacing:-.03em;margin:10px 0}.dg-library-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7}.dg-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dg-library-note{border-left:3px solid var(--accent);padding:14px 20px;margin-bottom:26px;background:var(--accent-soft);font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.dg-library-note span{color:var(--muted)}.dg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.dg-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0 22px 22px;min-width:0}.dg-card>svg{width:calc(100% + 44px);margin:0 -22px 22px;height:170px;padding:20px;background:var(--bg);border-bottom:1px solid var(--line)}.dg-card-symbol{height:110px;font:54px var(--display);display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);margin:0 -22px 22px}.dg-card h3{font-size:21px;line-height:1.3;margin:10px 0}.dg-card>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:22px}.dg-card>button{margin-top:auto;align-self:start}.dg-empty{padding:32px;background:var(--surface);border:1px dashed var(--line);line-height:1.8;grid-column:1/-1}.dg-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0;font-size:12px;color:var(--muted)}.dg-pagination span{margin-right:auto}.dg-references{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:30px;border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.dg-references h3{font-size:24px;margin:8px 0}.dg-references p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;max-width:750px}.dg-references nav{display:grid;gap:10px;align-content:start}.dg-references a{font-size:12px;color:var(--accent);text-decoration:underline;padding:8px 0}.dg-references a:hover{color:var(--text)}.dg-document-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:22px;background:var(--surface);border-bottom:1px solid var(--line)}.dg-document-header label{display:block;font-size:11px;color:var(--muted)}.dg-document-header input{font:600 23px var(--display);max-width:100%;width:300px}.dg-editor-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 210px;grid-template-rows:minmax(540px,calc(100dvh - 240px)) auto}.dg-shapes{background:var(--surface);padding:22px 14px;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line);overflow:auto}.dg-shapes button{font-size:12px;justify-content:start;text-align:left}.dg-shapes p{margin:8px 0;line-height:1.8}#diagram-outline{min-height:260px;tab-size:2;white-space:pre;font:14px/1.7 Consolas,monospace;resize:none}#diagram-error{min-height:20px;color:#a52d20;font-size:12px}.dg-test-banner{padding:12px 20px;background:var(--accent-soft);color:var(--accent);font-size:13px}.dg-card button:active{transform:translateY(1px)}
@media(max-width:1050px){.dg-shell{grid-template-columns:210px minmax(0,1fr)}.dg-sidebar{padding:22px 16px}.dg-sidebar .wb-logo{width:170px}.dg-editor-grid{grid-template-columns:150px minmax(0,1fr)}.dg-editor-grid .wb-inspector{grid-column:1/-1;border-top:1px solid var(--line)}.dg-editor-grid #elements{max-height:170px}.dg-library{padding:24px}.dg-references{grid-template-columns:1fr}}
@media(max-width:700px){.dg-shell{display:block}.dg-sidebar{border-bottom:1px solid var(--line);border-right:0;padding:16px}.dg-sidebar .wb-logo{margin:0;height:40px}.dg-sidebar>p,.dg-sidebar>h1,.dg-sidebar-foot{display:none}.dg-navigation{display:flex;flex-wrap:wrap;margin:12px 0}.dg-navigation button{min-height:44px;font-size:12px}.dg-topbar{padding:16px}.dg-library{padding:24px 16px}.dg-library-heading h2{font-size:30px}.dg-document-header{padding:16px}.dg-document-header>div{min-width:0}.dg-editor-grid{grid-template-columns:1fr;grid-template-rows:auto 440px auto auto}.dg-shapes{flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--line);border-right:0}.dg-shapes>p{width:100%}.dg-editor-grid .wb-footer{grid-column:1}.dg-card{min-width:0}.dg-cards{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}}
@media print{body>*:not(#wb-print){display:none!important}#wb-print{display:block!important}}