.dn-workbench{z-index:100;color:#edf1f5;--wb-line:#284253;--wb-accent:#71d9eb;background:#071019;outline:none;flex-direction:column;font-size:14px;display:flex;position:fixed;inset:0}.dn-workbench button{cursor:pointer;color:inherit;font:inherit;border:1px solid var(--wb-line);background:#101e2b;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.dn-workbench button:disabled{opacity:.4;cursor:not-allowed}.dn-workbench button:hover:not(:disabled){background:#193345}:is(.dn-workbench button:focus-visible,.dn-workbench input:focus-visible,.dn-workbench select:focus-visible,.dn-workbench textarea:focus-visible){outline-offset:3px;outline:2px solid #71d9eb}.dn-workbench button.active,.dn-workbench button[aria-pressed=true]{color:#c0f6ff;background:#193a49;border-color:#71d9eb}.dn-wb-top{border-bottom:1px solid var(--wb-line);background:linear-gradient(110deg,#102e43,#09141e);align-items:center;gap:12px;min-height:82px;padding:16px 20px;display:flex}.dn-wb-brand{letter-spacing:2px;color:#efc4a0;font-size:28px}.dn-wb-brand small{letter-spacing:2px;color:#b4c4d0;font-size:9px;display:block}.dn-wb-title{min-width:0;margin-right:auto}.dn-wb-title strong,.dn-wb-title small{display:block}.dn-wb-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;overflow:hidden}.dn-wb-title small{color:#99adbe;margin-top:6px;font-size:12px}.dn-wb-layout{flex:1;grid-template-columns:160px minmax(0,1fr) 300px;min-height:0;display:grid}.dn-wb-filmstrip{border-right:1px solid var(--wb-line);background:#0b1722;padding:18px 12px;overflow:auto}.dn-workbench h2{letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;font-weight:500;display:flex}.dn-wb-filmstrip h2{color:#9cb3c4;text-transform:uppercase;font-size:12px}.dn-wb-filmstrip>div{flex-direction:column;gap:13px;display:flex}.dn-wb-filmstrip button{text-align:left;background:#10212f;width:100%;padding:6px;display:block}.dn-wb-filmstrip button.active{box-shadow:0 0 14px #3ec9e722}.dn-wb-filmstrip img{object-fit:cover;border-radius:5px;width:100%;height:86px}.dn-wb-filmstrip small{color:#9ab1c3;margin:7px 0 4px;font-size:10px;display:block}.dn-wb-filmstrip strong{overflow-wrap:anywhere;font-size:11px;font-weight:500;line-height:1.4;display:block}.dn-wb-main{background:radial-gradient(at 50% 25%,#12324b,#071019 75%);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.dn-wb-versions{border-bottom:1px solid var(--wb-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.dn-wb-versions>div{gap:6px;display:flex;overflow:auto}.dn-wb-versions button{white-space:nowrap;border-radius:20px;padding:7px 12px;font-size:11px}.dn-wb-versions button.active{color:#071119;background:linear-gradient(110deg,#45cbd8,#9979dd);border:0;font-weight:700}.dn-wb-viewport{overscroll-behavior:contain;flex:1;min-height:0;padding:20px;overflow:auto}.dn-wb-image{touch-action:none;-webkit-user-select:none;user-select:none;max-width:none;margin:auto;line-height:0;position:relative}.dn-wb-image>img{border-radius:7px;width:100%;max-width:none;height:auto;display:block}.dn-wb-marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dn-workbench .dn-wb-pin{color:#071019;text-align:center;border:2px solid #fff;border-radius:50%;width:25px;height:25px;padding:0;font-size:12px;font-weight:700;line-height:21px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 8px #000a}.dn-wb-pin.focused{outline:4px solid #fff8}.dn-wb-pin.draft{pointer-events:none;border-style:dashed}.dn-wb-zoom{border-top:1px solid var(--wb-line);justify-content:center;gap:0;padding:10px;display:flex}.dn-wb-zoom button{border-radius:0;font-size:12px}.dn-wb-zoom button:first-child{border-radius:22px 0 0 22px}.dn-wb-zoom button:last-child{border-radius:0 22px 22px 0}.dn-wb-comments{border-left:1px solid var(--wb-line);background:#091521;padding:18px 16px;overflow:auto}.dn-wb-comments h2{text-transform:uppercase;color:#b4c9d8;font-size:12px}.dn-wb-comment-list{flex-direction:column;gap:12px;max-height:36vh;margin-bottom:22px;display:flex;overflow:auto}.dn-wb-comment-list article{border:1px solid var(--wb-line);background:#102030;border-radius:9px;padding:12px}.dn-wb-comment-list article.focused{border-color:#71d9eb}.dn-wb-comment-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:13px;line-height:1.7}.dn-workbench .dn-wb-comment-author{text-align:left;background:0 0;border:0;justify-content:flex-start;padding:0}.dn-wb-comment-author>span{text-align:center;color:#061018;border-radius:50%;flex-shrink:0;width:23px;height:23px;font-size:12px;line-height:23px}.dn-wb-comment-author strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.dn-wb-comment-author small{color:#95a9ba;margin-top:3px;font-size:10px;display:block}.dn-wb-tools,.dn-wb-colors{border:0;flex-wrap:wrap;gap:5px;margin:16px 0;padding:0;display:flex}.dn-wb-tools legend,.dn-wb-colors legend{letter-spacing:1px;text-transform:uppercase;color:#8ea5b7;margin-bottom:10px;font-size:10px}.dn-wb-tools button{flex-direction:column;flex:1;padding:8px 5px;font-size:10px}.dn-wb-colors button{border:2px solid #0000;border-radius:50%;width:23px;height:23px;padding:0}.dn-wb-colors button.active{outline-offset:2px;outline:2px solid #fff}.dn-wb-hint{color:#93aabc;padding:0 14px;font-size:12px;line-height:1.6}.dn-wb-comments>.dn-wb-hint{padding:0}.dn-wb-comments textarea,.dn-wb-references textarea{border:1px solid var(--wb-line);color:#f3f6f8;width:100%;font:inherit;resize:vertical;background:#0b1b29;border-radius:8px;min-height:100px;padding:12px}.dn-workbench .dn-wb-primary,.dn-workbench .dn-wb-approve{width:100%;margin-top:10px;padding:12px}.dn-workbench .dn-wb-primary{background:#174354;border-color:#4693aa}.dn-workbench .dn-wb-approve{border-color:#71d9eb;border-radius:24px;box-shadow:0 0 14px #5ebedd1a}.dn-workbench .dn-wb-clear{margin-bottom:10px;font-size:11px}.dn-wb-compare-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex}.dn-workbench select{color:#e6f3ff;border:1px solid var(--wb-line);max-width:100%;font:inherit;background:#102231;border-radius:6px;padding:9px}.dn-wb-compare{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:10px;padding:0 16px;display:grid;overflow:auto}.dn-wb-compare figure{border:1px solid var(--wb-line);background:#0b1722;border-radius:7px;min-width:0;margin:0;overflow:hidden}.dn-wb-compare figcaption{border-bottom:1px solid var(--wb-line);padding:12px;font-size:12px;line-height:1.5}.dn-wb-compare img{width:100%;height:auto;display:block}.dn-wb-compare figure p{color:#91a8b9;padding:30px 14px}.dn-wb-references{z-index:5;background:#0c1b28;border-left:1px solid #508498;width:min(650px,95%);padding:24px;position:absolute;inset:82px 0 0 auto;overflow:auto;box-shadow:-15px 0 50px #0008}.dn-wb-references header{justify-content:space-between;align-items:center;display:flex}.dn-wb-references p{color:#adc1cf;line-height:1.6}.dn-wb-references label{margin:20px 0;line-height:1.6;display:block}.dn-wb-references input{width:100%;padding:12px 0}.dn-wb-references small{color:#91a9bd;font-size:12px;line-height:1.5;display:block}.dn-wb-reference-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.dn-wb-reference-grid article{border:1px solid var(--wb-line);overflow-wrap:anywhere;border-radius:8px;padding:12px}.dn-wb-reference-grid img{object-fit:contain;background:#071019;width:100%;height:150px}.dn-wb-reference-grid strong{margin:8px 0;font-size:13px;display:block}.dn-wb-reference-grid p{font-size:12px}.dn-wb-discard{z-index:10;background:#122435;border:1px solid #7babbd;border-radius:12px;width:min(440px,92vw);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #000a}.dn-wb-discard button{margin:10px 8px 0 0}.dn-wb-discard p{line-height:1.6}.dn-wb-discard h2{line-height:1.5}@media (max-width:1100px){.dn-wb-layout{grid-template-columns:125px minmax(0,1fr) 255px}.dn-wb-top{gap:8px;padding:12px}.dn-wb-brand small{display:none}.dn-wb-top button{font-size:11px}.dn-wb-filmstrip img{height:70px}}@media (max-width:760px){.dn-workbench{display:block;overflow:auto}.dn-wb-top{z-index:4;flex-wrap:wrap;min-height:100px;position:sticky;top:0}.dn-wb-brand{font-size:24px}.dn-wb-title{flex:1}.dn-wb-title strong{max-width:50vw}.dn-wb-top button{padding:8px}.dn-wb-layout{flex-direction:column;display:flex}.dn-wb-filmstrip{border-right:0;border-bottom:1px solid var(--wb-line);padding:10px;overflow:visible}.dn-wb-filmstrip h2{display:none}.dn-wb-filmstrip>div{flex-direction:row;overflow:auto}.dn-wb-filmstrip button{flex-shrink:0;width:105px}.dn-wb-filmstrip strong{font-size:10px}.dn-wb-viewport{min-height:200px;max-height:65vh;padding:10px}.dn-wb-comments{border-left:0;border-top:1px solid var(--wb-line)}.dn-wb-comment-list{max-height:280px}.dn-wb-tools button{flex-direction:row;padding:12px;font-size:12px}.dn-wb-references{z-index:8;width:100%;padding:20px;position:fixed;inset:0}.dn-wb-compare{flex:none;min-height:200px;padding:0 8px}.dn-wb-compare figcaption{padding:8px;font-size:10px}.dn-wb-discard{position:fixed}.dn-wb-versions{gap:5px;padding:12px 8px}.dn-wb-versions button{padding:7px 9px;font-size:10px}}.dn-workbench .dn-wb-approve.is-approved{color:#fff;background:#23834d;border-color:#7cecaa;font-weight:600;box-shadow:0 0 0 1px #6ce79a33,0 0 20px #28aa5525}.dn-workbench .dn-wb-approve.is-approved:hover:not(:disabled){background:#2a985b}.dn-workbench .dn-wb-approve.is-approved:disabled{opacity:1;cursor:default}.dn-workbench .dn-wb-filmstrip button.is-approved{background:#102d23;border-color:#4ac47c}.dn-workbench .dn-wb-filmstrip button.is-approved.active{border-color:#a2ffc4;box-shadow:0 0 0 2px #65d99350}.dn-workbench .dn-wb-approved-badge{color:#8ef1b3;background:#194d32;border-radius:5px;align-items:center;gap:5px;margin-top:8px;padding:4px 7px;font-size:12px;line-height:1.4;display:inline-flex}.dn-workbench .dn-wb-title .dn-wb-approved-badge{margin-top:5px}.dn-workbench .dn-wb-upload{background:#15324455;border:1px dashed #5b9eae;border-radius:12px;margin:20px 0;padding:22px}.dn-workbench .dn-wb-upload>strong{font-size:16px;display:block}.dn-workbench .dn-wb-upload p{margin:10px 0 16px;font-size:14px}.dn-workbench .dn-wb-upload-button{color:#071921;background:#77d6e7;border-color:#9ee9f5;width:100%;padding:15px 18px;font-size:15px;font-weight:600}.dn-workbench .dn-wb-upload-button:hover:not(:disabled){background:#a5eafa}.dn-workbench .dn-wb-upload small{margin-top:12px}.dn-workbench .dn-wb-upload input[hidden]{display:none}.dn-workbench .dn-wb-top{flex-shrink:0;width:100%;position:relative;inset:auto}.dn-workbench .dn-wb-references header{gap:12px;width:100%;padding:0;position:relative;inset:auto}@media (max-width:760px){.dn-workbench .dn-wb-top{gap:8px;min-height:0;padding:12px;position:sticky;top:0}.dn-wb-title{flex:160px}.dn-wb-title strong{white-space:normal;overflow-wrap:anywhere;max-width:100%}.dn-workbench .dn-wb-top button{min-height:42px;font-size:13px}.dn-wb-layout,.dn-wb-main,.dn-wb-filmstrip{min-width:0;max-width:100%}.dn-wb-versions{flex-wrap:wrap}.dn-wb-versions>div{min-width:0;max-width:100%}.dn-workbench .dn-wb-versions button{min-height:40px;font-size:12px}.dn-wb-zoom{flex-wrap:wrap;gap:4px}.dn-workbench .dn-wb-zoom button{min-height:42px;padding:9px}.dn-wb-viewport{flex:none;height:52dvh;min-height:240px;max-height:none}.dn-wb-reference-grid,.dn-wb-compare{grid-template-columns:1fr}.dn-wb-compare figcaption{font-size:14px}}.dn-wb-mobile-actions{display:none}@media (max-width:760px){.dn-workbench{overscroll-behavior:contain;height:100dvh;padding-bottom:calc(140px + env(safe-area-inset-bottom));bottom:auto;overflow-y:auto}.dn-workbench .dn-wb-top{position:relative}.dn-wb-layout,.dn-wb-comments{overflow:visible}.dn-wb-image{touch-action:pan-x pan-y pinch-zoom;scroll-margin-top:12px}.dn-wb-image.is-drawing{touch-action:none;outline:2px solid #71d9eb}.dn-wb-tools,.dn-wb-comments textarea{scroll-margin-top:12px}.dn-workbench .dn-wb-tools button{min-width:72px;min-height:44px;font-size:14px}.dn-workbench .dn-wb-colors button{width:36px;height:36px}.dn-workbench .dn-wb-comments textarea{font-size:16px}.dn-workbench .dn-wb-mobile-actions{z-index:6;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#091521;border-top:1px solid #528297;grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid;position:fixed;inset:auto 0 0}.dn-workbench .dn-wb-mobile-actions button{min-height:46px;padding:8px 4px;font-size:13px}.dn-workbench .dn-wb-mobile-actions .is-approved{color:#fff;background:#23834d}.dn-workbench .dn-wb-mobile-actions .dn-wb-stop-drawing{grid-column:1/-1;min-height:36px}}.dn-workbench .dn-wb-brand{background:#fff;flex-shrink:0;width:112px;height:48px;display:block;-webkit-mask-image:url(/media/logo-dn7-new.png);mask-image:url(/media/logo-dn7-new.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:147%;mask-size:147%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}@media (max-width:760px){.dn-workbench .dn-wb-brand{width:84px;height:36px}}