.dm-page{--dm-case:var(--color-ink-bg-deep);--dm-metal:color-mix(in srgb, var(--color-ink-text) 24%, var(--dm-case));--dm-case-edge:color-mix(in srgb, var(--color-ink-text) 52%, var(--dm-case));--dm-light:var(--color-ink-text);--dm-studio-height:clamp(690px, calc(100svh - 218px), 860px)}.dm-intro,.dm-workspace,.dm-discover,.dm-next{max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,3.4vw,48px)}.dm-intro{justify-content:space-between;align-items:center;gap:28px;padding-block:30px 26px;display:flex}.dm-eyebrow{letter-spacing:.17em;color:var(--color-text-muted);margin:0 0 8px;font-size:.6875rem;font-weight:600;line-height:1.6}.mk-shell .dm-intro h1{margin:0;font-size:clamp(2.2rem,3.2vw,3.2rem);line-height:1.1}.dm-intro>div>p:last-child{color:var(--color-text-muted);margin:12px 0 0;font-size:.9375rem;line-height:1.6}.dm-gallery-link{border:1px solid var(--color-border);color:var(--color-text);border-radius:100px;flex-shrink:0;align-items:center;gap:10px;padding:13px 17px;font-size:.875rem;text-decoration:none;display:flex}.dm-gallery-link:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.mk-shell .dm-studio{height:var(--dm-studio-height);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:0 18px 50px color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:26px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:242px minmax(0,1fr);gap:0;margin:0;display:grid;overflow:hidden}.dm-library{background:var(--color-ink-bg-deep);min-height:0;color:var(--color-ink-text);flex-direction:column;display:flex}.dm-library__heading{justify-content:space-between;align-items:center;gap:14px;padding:26px 22px 20px;display:flex}.dm-library .dm-eyebrow{color:var(--color-ink-muted)}.mk-shell .dm-library h2{font-family:var(--font-display);color:inherit;margin:0;font-size:1.75rem;line-height:1}.dm-library__count{border:1px solid var(--color-ink-border);min-width:32px;height:32px;color:var(--color-ink-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;display:inline-flex}.dm-templates{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-ink-muted) transparent;flex-direction:column;flex:1;gap:5px;min-height:0;padding:4px 12px 18px;scroll-padding-block:10px;display:flex;position:relative;overflow-y:auto}.dm-template{width:100%;min-height:48px;font:inherit;text-align:left;color:var(--color-ink-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;font-size:.875rem;transition:background .18s,color .18s;display:flex}.dm-template:hover{background:var(--color-ink-border)}.dm-template__icon{width:30px;height:30px;color:var(--color-ink-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dm-template__check{opacity:0;margin-left:auto;display:inline-flex}.dm-template[aria-pressed=true]{background:var(--color-ink-text);color:var(--color-ink-bg-deep);font-weight:600}.dm-template[aria-pressed=true] .dm-template__icon{color:inherit}.dm-template[aria-pressed=true] .dm-template__check{opacity:1}.dm-template:focus-visible{outline:2px solid var(--color-ink-accent);outline-offset:-3px}.dm-library__link{border-top:1px solid var(--color-ink-border);min-height:58px;color:var(--color-ink-text);text-underline-offset:4px;justify-content:space-between;align-items:center;gap:8px;padding:16px 22px;font-size:.8125rem;display:flex}.dm-preview{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.dm-preview__toolbar{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;gap:18px;padding:18px 26px;display:flex}.dm-current{align-items:center;gap:13px;min-width:0;display:flex}.dm-current__icon{border:1px solid var(--color-border);background:var(--color-surface);width:46px;height:46px;color:var(--color-accent);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.dm-current .dm-eyebrow{letter-spacing:.13em;margin-bottom:3px;font-size:.625rem}.mk-shell .dm-current h2{margin:0;font-size:1.875rem;font-weight:500;line-height:1.05}.dm-devices{border:1px solid var(--color-border);background:var(--color-surface);border-radius:15px;gap:4px;padding:4px;display:flex}.dm-devices button{min-width:74px;min-height:58px;font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-size:.75rem;font-weight:500;line-height:1.3;display:flex}.dm-devices button:hover{color:var(--color-text);background:var(--color-bg)}.dm-devices button[aria-pressed=true]{background:var(--color-ink-bg-deep);color:var(--color-ink-text);border-color:var(--color-ink-bg-deep);box-shadow:var(--shadow-sm)}.dm-canvas{isolation:isolate;background:radial-gradient(ellipse at 50% 32%, var(--color-bg) 3%, var(--color-surface) 75%, var(--color-surface-muted));min-width:0;min-height:0;padding:30px 32px 26px;display:grid;position:relative;overflow:hidden}.dm-canvas:before{content:"";z-index:-1;background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.28;pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.dm-canvas:after{content:"";border:1px solid var(--color-border-strong);width:70%;height:40%;box-shadow:0 0 0 30px color-mix(in srgb, var(--color-border) 25%, transparent), 0 0 0 60px color-mix(in srgb, var(--color-border) 12%, transparent);pointer-events:none;z-index:-1;border-radius:50%;position:absolute;bottom:-24%;left:15%}.dm-canvas__area{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.dm-mockup-space{flex-shrink:0;position:relative}.dm-device{width:var(--device-width);height:var(--device-height);transform:scale(var(--device-scale));transform-origin:0 0;position:absolute;top:0;left:0}.dm-device__body{width:var(--device-width);padding:var(--case-bezel);background:linear-gradient(135deg, var(--dm-metal), var(--dm-case) 36%, var(--dm-case) 75%, var(--dm-metal));box-shadow:inset 0 0 0 2px var(--dm-case-edge), inset 0 0 0 5px var(--dm-case), 0 25px 45px color-mix(in srgb, var(--dm-case) 24%, transparent), 0 3px 5px color-mix(in srgb, var(--dm-case) 22%, transparent);border-radius:48px;position:relative}.dm-device__camera{height:var(--case-crown);justify-content:center;align-items:center;padding-bottom:8px;display:flex;position:relative}.dm-device__camera span{background:var(--dm-metal);border-radius:10px;width:42px;height:5px;position:relative}.dm-device__camera span:after{content:"";background:var(--dm-case-edge);border-radius:50%;width:5px;height:5px;position:absolute;left:-14px}.dm-device__screen{width:var(--screen-width);height:var(--screen-height);background:var(--color-bg);box-shadow:0 0 0 1px var(--dm-case);border-radius:30px;position:relative;overflow:hidden}.mk-shell .dm-device .dm-device__frame{z-index:1;background:var(--color-bg);border:0;width:100%;height:100%;position:absolute;inset:0;transform:none}.dm-device__loading{text-align:center;color:var(--color-text-muted);margin:0;font-size:16px;position:absolute;inset:45% 10px auto}.dm-device__chin{height:var(--case-chin);justify-content:center;align-items:end;display:flex}.dm-device__chin span{background:var(--dm-case-edge);border-radius:5px;width:100px;height:4px}.dm-device__buttons{background:var(--dm-case-edge);width:3px;height:34px;box-shadow:0 50px 0 var(--dm-case-edge), calc(var(--device-width) + 3px) 30px 0 var(--dm-case-edge);border-radius:3px 0 0 3px;position:absolute;top:125px;left:-3px}.dm-device__stand{display:none}.dm-device--tablet .dm-device__body{border-radius:38px}.dm-device--tablet .dm-device__screen{border-radius:19px}.dm-device--tablet .dm-device__camera span{background:var(--dm-case-edge);width:6px;height:6px}.dm-device--tablet .dm-device__camera span:after{content:none}.dm-device--tablet .dm-device__chin span{width:130px;height:4px}.dm-device--tablet .dm-device__buttons{width:45px;height:3px;box-shadow:none;border-radius:3px 3px 0 0;top:-3px;left:auto;right:70px}.dm-device--masaustu .dm-device__body{box-shadow:inset 0 0 0 2px var(--dm-case-edge), inset 0 0 0 5px var(--dm-case), 0 14px 30px color-mix(in srgb, var(--dm-case) 22%, transparent);border-radius:22px}.dm-device--masaustu .dm-device__screen{border-radius:9px}.dm-device--masaustu .dm-device__camera{padding:0}.dm-device--masaustu .dm-device__camera span{background:var(--dm-case-edge);width:5px;height:5px;position:absolute;top:-10px}.dm-device--masaustu .dm-device__camera span:after{content:none}.dm-device--masaustu .dm-device__chin{align-items:center}.dm-device--masaustu .dm-device__chin span{border-radius:50%;width:4px;height:4px}.dm-device--masaustu .dm-device__buttons{display:none}.dm-device--masaustu .dm-device__stand{height:76px;display:block;position:relative}.dm-device--masaustu .dm-device__stand:before{content:"";background:linear-gradient(90deg, var(--dm-metal), var(--dm-case) 50%, var(--dm-metal));clip-path:polygon(21% 0,79% 0,100% 100%,0 100%);width:145px;height:60px;position:absolute;top:0;left:calc(50% - 72.5px)}.dm-device--masaustu .dm-device__stand span{background:linear-gradient(var(--dm-metal), var(--dm-case));width:285px;height:18px;box-shadow:0 8px 14px color-mix(in srgb, var(--dm-case) 16%, transparent);border-bottom:2px solid var(--dm-case-edge);border-radius:50% 50% 8px 8px;position:absolute;bottom:0;left:calc(50% - 142.5px)}.dm-preview__footer{border-top:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;gap:16px;padding:15px 26px;display:flex}.mk-shell .dm-status{color:var(--color-text-muted);flex-wrap:wrap;gap:12px;margin:0;font-size:.8125rem;display:flex}.dm-tier{border-left:1px solid var(--color-border-strong);padding-left:12px}.dm-preview__footer a{min-height:32px;color:var(--color-text);text-underline-offset:5px;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.dm-description{border-top:1px solid var(--color-border);background:var(--color-bg);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:17px 24px;display:flex}.dm-description p{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.6}.dm-description strong{color:var(--color-text);font-weight:600}.dm-description>span{color:var(--color-text-muted);text-align:right;flex-shrink:0;font-size:.75rem}.dm-source-note{color:var(--color-text-muted);margin:15px 2px 0;font-size:.75rem;line-height:1.6}.dm-empty{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:380px;padding:36px;display:flex}.mk-shell .dm-empty h2{margin:0;font-size:2rem}.dm-empty p{max-width:44ch;margin:0;line-height:1.7}.dm-empty>svg{color:var(--color-accent)}.dm-discover{padding-block:76px 70px}.mk-shell .dm-section-heading h2{margin:0;font-size:clamp(2rem,3vw,2.8rem)}.dm-discover ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;margin:34px 0 0;padding:0;list-style:none;display:grid}.dm-discover li{border-top:1px solid var(--color-border);padding-top:24px}.dm-discover__icon{color:var(--color-accent);margin-bottom:18px;display:inline-flex}.dm-discover h3{margin:0 0 10px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.45}.dm-discover li p{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.75}.dm-next{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:36px;padding-block:38px 58px;display:flex}.mk-shell .dm-next h2{margin:0;font-size:clamp(1.9rem,2.7vw,2.7rem)}.dm-next>div>p:last-child{color:var(--color-text-muted);margin:16px 0 0;font-size:.9375rem;line-height:1.7}.dm-next .actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:14px}.dm-next .dm-published{text-underline-offset:5px;align-items:center;gap:8px;padding-block:8px;font-size:.8125rem;display:flex}@media (max-width:1199px){.mk-shell .dm-studio{grid-template-columns:210px minmax(0,1fr)}.dm-library__heading{padding-inline:18px}.dm-preview__toolbar{padding:17px 20px}.dm-current__icon{width:40px;height:40px}.dm-devices button{min-width:64px;padding-inline:8px}.dm-description>span{display:none}.dm-discover ul{gap:22px}}@media (max-width:959px){.mk-shell .dm-studio{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);height:auto}.dm-library{display:block}.dm-library__heading{justify-content:flex-start;gap:10px;padding:14px 20px 8px}.dm-library__heading>div{align-items:center;gap:14px;display:flex}.dm-library .dm-eyebrow{display:none}.mk-shell .dm-library h2{letter-spacing:normal;font-family:inherit;font-size:.8125rem;font-weight:500}.dm-library__count{min-width:24px;height:24px;font-size:.6875rem}.dm-templates{flex-direction:row;gap:7px;padding:8px 14px 14px;scroll-padding-inline:14px;overflow:auto hidden}.dm-template{gap:7px;width:auto;min-height:46px;padding:7px 14px 7px 10px}.dm-template__icon{width:26px}.dm-template__check,.dm-library__link{display:none}.dm-preview{grid-template-rows:auto 600px auto}.dm-discover ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.dm-intro{padding-block:26px 22px}.dm-intro>div>p:last-child{max-width:32ch;font-size:.875rem}.dm-gallery-link{display:none}.mk-shell .dm-intro h1{font-size:clamp(2rem,8vw,2.7rem)}.dm-workspace{padding-inline:12px}.mk-shell .dm-studio{border-radius:20px}.dm-preview{grid-template-rows:auto 530px auto}.dm-preview__toolbar{flex-wrap:wrap;gap:16px;padding:17px 18px}.dm-current{gap:10px}.dm-current__icon{border-radius:12px;width:38px;height:38px}.dm-current__icon svg{width:23px;height:23px}.mk-shell .dm-current h2{font-size:1.65rem}.dm-devices{border-radius:12px;justify-content:stretch;width:100%;padding:3px}.dm-devices button{border-radius:9px;flex-direction:row;flex:1;gap:8px;min-width:0;min-height:46px;padding:7px}.dm-devices button svg{width:19px;height:19px}.dm-canvas{padding:24px 22px}.dm-preview__footer{align-items:flex-start;gap:10px;padding:13px 18px}.mk-shell .dm-status{flex-direction:column;gap:4px;font-size:.75rem}.dm-tier{border-left:0;padding-left:0}.dm-preview__footer a{font-size:.8125rem}.dm-description{padding:16px 18px}.dm-description p{font-size:.8125rem}.dm-source-note{margin-inline:8px}.dm-discover{padding-block:52px 44px}.dm-discover ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.dm-discover li:last-child{grid-column:1/-1}.dm-next{flex-direction:column;align-items:flex-start;gap:24px;padding-block:32px 44px}.dm-next .actions{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.dm-template{transition:none}}