/* Screenshots of the drawing prototype, in the studio's glass gallery. */
.drawing-status{display:inline-flex;padding:7px 12px;border:1px solid #ffb28f66;border-radius:999px;background:#ffb28f0d;letter-spacing:.07em!important}
.drawing-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}
.drawing-modes span{padding:11px 13px;border:1px solid #ffb28f38;border-radius:14px;background:linear-gradient(135deg,#ffb28f0c,#0714281a);color:#fff;font:600 .8rem/1.5 I,Arial,sans-serif;box-shadow:inset 0 1px #fff2}
.drawing-premium{position:relative;padding:22px 20px;margin:25px 0;border:1px solid #e6c6ff55;border-radius:22px;background:linear-gradient(135deg,#ae88ef14,#ffb28f09);box-shadow:inset 0 1px #ffffff30}
.drawing-premium>span{font:700 .58rem/1.5 I,Arial,sans-serif;letter-spacing:.15em;color:#eed7ff}
.drawing-premium h3{font-size:1.25rem;line-height:1.4;color:#fff;margin:12px 0}
.drawing-premium p{font-size:.88rem;line-height:1.8;color:#eff5ff}
.drawing-preview-note{font-size:.73rem!important;line-height:1.65!important;color:#d4e1f0!important;margin-top:18px}
.drawing-mobile-gallery .phone-slide img{object-fit:contain;background:#faf7f1}
.drawing-desktop-review{grid-column:1/-1;min-width:0;margin-top:10px}
.drawing-review-heading{max-width:700px;text-align:center;margin:0 auto 28px;text-shadow:0 2px 10px #000}
.drawing-review-heading h3{font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.3;margin:13px 0;color:#fff}
.drawing-review-heading>p:last-child{color:#e2edf8;font-size:.9rem;line-height:1.8}
.drawing-desktop-gallery .device-shell{width:min(100%,900px);max-width:100%;aspect-ratio:16/10;border:1px solid #cdeaff70;padding:0;border-radius:22px;background:#071023;box-shadow:inset 0 1px #fff5,3px 5px #4e536544,0 30px 60px #0005;overflow:hidden;display:flex;flex-direction:column}
.drawing-desktop-gallery .device-shell::before,.drawing-desktop-gallery .device-shell::after{display:none}
.drawing-browser-bar{display:flex;align-items:center;gap:6px;padding:12px 15px;flex:none;background:#071428dd;border-bottom:1px solid #d5e9ff29}
.drawing-browser-bar i{width:6px;height:6px;flex:none;border-radius:50%;background:#ffb28f9c}.drawing-browser-bar i:nth-child(2){background:#e4c4ff9c}.drawing-browser-bar i:nth-child(3){background:#b1e5ff9c}
.drawing-browser-bar span{font:500 .59rem/1.5 I,Arial,sans-serif;margin-left:9px;color:#dbe9f7}
.drawing-desktop-gallery .phone-track{border-radius:0;flex:1;min-height:0;touch-action:pan-x pan-y;background:#faf7f1}
.drawing-desktop-gallery .phone-slide{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ea987d #faf7f1}
.drawing-desktop-gallery .phone-slide img{width:100%;height:auto;object-fit:contain;background:#faf7f1}
.drawing-desktop-gallery .phone-hint{text-align:center;letter-spacing:.02em;font-size:.68rem;line-height:1.7;color:#deedfa}
@media(max-width:650px){.drawing-modes{gap:7px;margin:20px 0}.drawing-modes span{font-size:.72rem;padding:10px}.drawing-premium{padding:18px 15px}.drawing-desktop-review{margin-top:0}.drawing-desktop-gallery .device-shell{aspect-ratio:4/3;max-width:100%;border-radius:16px}.drawing-browser-bar{padding:10px}.drawing-browser-bar span{font-size:.49rem;margin-left:4px}.drawing-desktop-gallery .phone-navigation{gap:12px}.drawing-desktop-gallery .phone-dots{gap:8px}.drawing-desktop-gallery .phone-caption{font-size:.74rem;min-height:36px}.drawing-review-heading>p:last-child{font-size:.82rem}}