.drawing-studio{margin:28px 0 40px;border:1px solid var(--line);background:var(--paper)}.ds-selector{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--light)}.ds-selector label{display:flex;align-items:center;gap:18px;font-size:14px;color:var(--ink);flex:1;min-width:0}.ds-selector select{font:inherit;font-size:16px;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);min-height:48px;max-width:560px;width:100%;min-width:0}.ds-selector>span{font-size:14px;color:var(--muted);white-space:nowrap}.ds-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr)}.ds-main{min-width:0}.ds-stage{height:530px;position:relative;background:radial-gradient(ellipse at 50% 35%,#424941,#222921 70%);overflow:hidden}.ds-stage-meta{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#d2d7cc;z-index:2;pointer-events:none}.ds-canvas{height:100%;width:100%;touch-action:none}.ds-canvas canvas{display:block;width:100%;height:100%;cursor:grab}.ds-canvas canvas:active{cursor:grabbing}.ds-hint{position:absolute;bottom:18px;left:24px;right:24px;margin:0;color:#d2d7cc;font-size:14px;pointer-events:none}.ds-fallback{position:absolute;inset:65px 24px 40px;overflow:auto}.ds-fallback img{max-height:330px;object-fit:contain;margin:auto}.ds-fallback p{font-size:14px;color:white;margin-top:16px}.ds-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ds-toolbar button,.ds-exports button{min-height:44px;padding:10px 14px;font-size:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.ds-toolbar button:hover:not(:disabled),.ds-exports button:hover:not(:disabled){background:var(--light);border-color:var(--brand)}.ds-toolbar button:disabled,.ds-exports button:disabled{opacity:.5}.ds-segment{display:flex;gap:0}.ds-segment button+button{border-left:0}.ds-segment button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.ds-timeline{padding:20px;display:flex;align-items:center;gap:20px}.ds-timeline label{display:flex;align-items:center;gap:18px;flex:1;min-width:0;font-size:14px;white-space:nowrap}.ds-timeline input{flex:1;width:100%;min-width:0;accent-color:#6f8475;min-height:44px;background:none}.ds-timeline output{font-size:14px;width:42px;text-align:right;color:var(--ink)}.ds-info{padding:26px 28px;border-left:1px solid var(--line);min-width:0}.ds-eyebrow{font-size:14px;margin-bottom:16px;color:var(--muted)}.ds-info h2{font-size:27px!important;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.025em;margin-bottom:16px}.ds-info>p:not(.ds-eyebrow){font-size:16px;line-height:1.65}.ds-layers-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 8px}.ds-layers-head h3{font-size:16px;letter-spacing:0;line-height:1.4;margin:0}.ds-layers-head button{background:none;border:0;padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.ds-layers{list-style:none;margin:0;padding:0}.ds-layers li{border-top:1px solid var(--line);margin:0}.ds-layers li:last-child{border-bottom:1px solid var(--line)}.ds-layers button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;padding:13px 0;min-height:48px;font-size:14px;line-height:1.45}.ds-layers button>span:first-child{color:var(--muted);width:23px;flex:none}.ds-swatch{width:10px;height:10px;flex:none;border:1px solid rgba(0,0,0,.15)}.ds-layers button[aria-pressed="true"]{color:#3e5a40;background:var(--light)}.ds-info .ds-layer-note{font-size:14px!important;margin-top:18px}.ds-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;border-top:1px solid var(--line)}.ds-footer p{font-size:14px;margin:0;max-width:500px;line-height:1.6}.ds-exports{display:flex;gap:12px;flex-wrap:wrap;flex:none}.ds-status{margin:0;padding:18px 24px;border-top:1px solid var(--line);font-size:16px;color:var(--ink)}.ds-media{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:24px;border-top:1px solid var(--line);background:var(--light)}.ds-media h3{font-size:24px;line-height:1.3}.ds-media p{font-size:16px}.ds-media a,.ds-media button{display:block;font-size:16px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0}.ds-media button{border:0;background:none}.ds-media img,.ds-media video{width:100%;max-height:600px;object-fit:contain;background:#263025}.kb-drawing .kb-article-columns{margin-top:40px}
@media(max-width:1100px){.ds-stage{height:520px}.ds-selector>span{display:none}.ds-info{padding:24px 20px}.ds-footer{align-items:start;flex-direction:column;gap:16px}.ds-toolbar{justify-content:start}.ds-info h2{font-size:25px!important}}
@media(max-width:750px){.ds-layout{grid-template-columns:1fr}.ds-selector{padding:16px}.ds-selector label{display:block}.ds-selector select{margin-top:8px}.ds-stage{height:420px}.ds-stage-meta{left:18px;right:18px;top:18px;font-size:13px}.ds-hint{left:18px;right:18px;font-size:13px}.ds-toolbar{padding:14px;gap:10px;justify-content:space-between}.ds-toolbar button{padding:10px 12px}.ds-toolbar>button:last-child{width:100%}.ds-timeline{padding:14px}.ds-timeline label{gap:12px}.ds-info{border-left:0;border-top:1px solid var(--line);padding:24px}.ds-footer{padding:20px}.ds-media{grid-template-columns:1fr;padding:20px}.ds-layers button{font-size:16px}.ds-info h2{font-size:28px!important}}
@media(max-width:420px){.ds-stage{height:340px}.ds-toolbar{gap:8px}.ds-toolbar button{font-size:14px;padding:10px}.ds-timeline label{display:block;white-space:normal}.ds-timeline input{display:block;margin-top:6px;width:100%}.ds-exports{width:100%}.ds-exports button{flex:1}.ds-footer p{font-size:14px}}