.dm-frame{margin-top:18px;width:min(392px,92vw);height:740px;background:var(--cream);border-radius:34px;border:1px solid var(--pv-frame-edge);box-shadow:0 0 0 8px var(--pv-frame-ring), 0 0 0 9px var(--pv-frame-edge), 0 44px 90px -40px var(--pv-frame-shadow), 0 0 60px -20px var(--pv-frame-glow);overflow:hidden;position:relative}
      .dm-screen{position:absolute;inset:0;display:flex;flex-direction:column;font-family:'Poppins',sans-serif}
      .dm-restart{margin-top:20px;background:none;border:none;cursor:pointer;font:400 13px 'Poppins',sans-serif;color:var(--on-ink-3);text-decoration:underline;text-underline-offset:4px}
      .dm-restart:hover{color:var(--mint)}
      .dm-screen *{box-sizing:border-box;font-family:inherit}
      .dm-pad{padding:26px;display:flex;flex-direction:column;height:100%}
      .dm-h{font:500 23px/1.32 'Poppins',sans-serif;color:var(--ink);margin:0 0 12px}
      .dm-p{font:300 14px/1.6 'Poppins',sans-serif;color:var(--pv-body);margin:0 0 14px}
      .dm-sub{font:400 12px/1.55 'Poppins',sans-serif;color:var(--pv-muted)}
      .dm-sp{flex:1;min-height:16px}
      .dm-btn{width:100%;padding:15px 18px;border-radius:12px;font:500 15px 'Poppins',sans-serif;cursor:pointer;border:none;background:var(--teal);color:var(--ink)}
      .dm-btn.q{background:transparent;color:var(--teal-deep);border:1px solid var(--pv-line)}
      .dm-btn:disabled{opacity:.35;cursor:default}
      .dm-choice{width:100%;text-align:left;padding:18px;border-radius:12px;background:transparent;border:1px solid var(--pv-line);cursor:pointer;margin-bottom:9px}
      .dm-choice .t{font:500 15px 'Poppins',sans-serif;color:var(--ink)}
      .dm-choice .s{font:300 12.5px 'Poppins',sans-serif;color:var(--pv-muted);margin-top:3px}
      .dm-input{width:100%;padding:13px 0;margin:4px 0 22px;border:none;border-bottom:1px solid var(--pv-field);font:400 17px 'Poppins',sans-serif;color:var(--ink);outline:none;background:transparent}
      .dm-label{font:400 12px 'Poppins',sans-serif;color:var(--pv-muted);letter-spacing:.06em}
      .dm-ta{width:100%;border:none;outline:none;resize:none;background:transparent;font:300 15px/1.75 'Poppins',sans-serif;color:var(--ink)}
      @media (prefers-reduced-motion: no-preference){
        .dm-bar{transform-origin:center;animation:dmwave 1.1s ease-in-out infinite}
        @keyframes dmwave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
      }
      @media (max-width:460px){ .dm-frame{height:680px} }
    
/* working-preview page (Revision 3) */
.dm-screen :focus-visible{outline:2px solid var(--teal-deep);outline-offset:2px}
.dm-screen [data-dark] :focus-visible,.dm-screen .dm-on-dark :focus-visible{outline-color:var(--mint)}
.dm-screen h2.dm-h,.dm-screen .dm-h[role="heading"]{outline:none}
.dm-screen [tabindex="-1"]:focus{outline:none}
.dm-restart{min-height:44px;padding:0 8px}
.dm-input::placeholder,.dm-ta::placeholder{color:var(--pv-muted);opacity:1}
.dm-screen button:not(.dm-btn):not(.dm-choice){min-height:44px;padding-right:16px}
.dm-restart:hover{color:var(--mint)}