/* INOOWA Drawing Studio 08E.03 — iPad 1366x1024.
   Official Owii and logo reused unchanged. Only added bitmap: drawing_studio_background.png.
   The studio photo is not masked globally. Text/video panels have local backgrounds.
*/
#drawing-studio-v2.ds-screen{background:#172665;color:#fff;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ds-light:#b7fcf6;--ds-dark:#141b58}
#drawing-studio-v2 *{box-sizing:border-box}
#drawing-studio-v2 button{font:inherit;cursor:pointer}
#drawing-studio-v2 button:focus-visible{outline:4px solid #a7fbf0;outline-offset:3px;z-index:20}
#drawing-studio-v2 .ds-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important}
#drawing-studio-v2 .ds-top{position:absolute;top:0;left:0;right:0;height:92px;z-index:7;display:flex;align-items:center;gap:14px;padding:0 27px;background:linear-gradient(180deg,#0e1745f5,#18205fe9);border-bottom:2px solid #9680df;box-shadow:0 6px 24px #0d113b8a}
#drawing-studio-v2 .ds-back{width:57px;height:57px;flex:none;border:1.6px solid #b6a4fb;border-radius:50%;background:linear-gradient(145deg,#5b40b0,#241659);color:#fff;font-size:52px;line-height:30px;padding-bottom:11px}
#drawing-studio-v2 .ds-brand{width:163px;height:58px;object-fit:contain;display:block}
#drawing-studio-v2 .ds-brand-label{padding:8px 13px;border-radius:14px;background:linear-gradient(125deg,#6553d6,#b254da);box-shadow:0 0 15px #784ada7c;font-weight:870;font-size:20px;line-height:1}
#drawing-studio-v2 .ds-top-separator{width:1px;height:43px;background:#8b96d87f;margin:0 5px}
#drawing-studio-v2 .ds-heading{display:flex;flex-direction:column;gap:5px;min-width:270px}
#drawing-studio-v2 .ds-heading strong{font-weight:930;font-size:24px;line-height:1.05;white-space:nowrap}
#drawing-studio-v2 .ds-heading small{color:#c4d3fd;font-size:12px;white-space:nowrap;font-weight:700}
#drawing-studio-v2 .ds-lesson-chip{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid #8e8bd6;border-radius:18px;background:#2c3079d8;font-size:11px;font-weight:950;letter-spacing:.045em}
#drawing-studio-v2 .ds-lesson-dot{width:10px;height:10px;border-radius:50%;background:#69e4d3;box-shadow:0 0 9px #67ebc6}
#drawing-studio-v2 .ds-stars{display:flex;align-items:center;gap:9px;border:1px solid #ac95ef;border-radius:18px;background:#20296fdd;min-height:52px;padding:5px 12px;box-shadow:0 4px 13px #080b3b88}
#drawing-studio-v2 .ds-stars>span{font-size:32px;color:#ffd448;text-shadow:0 0 7px #ffbb5c}
#drawing-studio-v2 .ds-stars strong{font-size:23px}
#drawing-studio-v2 .ds-stars small{font-size:9px;color:#b5c5f2;line-height:1.2;max-width:81px}
#drawing-studio-v2 .ds-main{position:absolute;inset:92px 0 214px 0}
#drawing-studio-v2 .ds-title-area{position:absolute;top:25px;left:45px;z-index:2;text-shadow:0 3px 15px #10183daf}
#drawing-studio-v2 .ds-overline{font-size:12px;color:#bcffec;font-weight:900;letter-spacing:.13em}
#drawing-studio-v2 .ds-title-area h1{font-size:43px;line-height:1.1;font-weight:950;letter-spacing:-.05em;margin:3px 0 5px}
#drawing-studio-v2 .ds-title-area p{font-size:16px;font-weight:650;color:#e5edff}
#drawing-studio-v2 .ds-player{position:absolute;z-index:3;left:39px;top:143px;width:777px;height:454px;border:2px solid #b49aff;border-radius:25px;background:linear-gradient(155deg,#121943f9,#1a1b56fa);overflow:hidden;box-shadow:0 14px 37px #0b0e3cbb,0 0 20px #a46df776}
#drawing-studio-v2 .ds-player-top{position:absolute;z-index:3;top:0;left:0;right:0;height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#131b58;box-shadow:0 1px 0 #7774bd}
#drawing-studio-v2 .ds-live-badge{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:910;letter-spacing:.09em;color:#e3eafc}
#drawing-studio-v2 .ds-video-dot{display:block;width:9px;height:9px;border-radius:50%;background:#66e4d1}
#drawing-studio-v2 #ds-clip-count{font-size:11px;letter-spacing:.04em;font-weight:820;color:#b3c6f8}
#drawing-studio-v2 .ds-player-center{position:absolute;top:47px;left:0;right:0;bottom:51px;background:radial-gradient(ellipse at 34% 50%,#344b92 0%,#13235a 63%,#12163f 100%);display:flex;align-items:center;gap:21px;padding:21px 27px}
#drawing-studio-v2 .ds-preview-paper{height:252px;width:322px;flex:none;border-radius:17px;border:2px solid #d0c2f5;background:#f9f7f4;padding:10px;transform:rotate(-2deg);box-shadow:0 7px 25px #0b103eae}
#drawing-studio-v2 .ds-preview-paper img{width:100%;height:100%;object-fit:contain}
#drawing-studio-v2 .ds-video-copy{display:flex;flex-direction:column;gap:12px;width:315px;align-items:flex-start}
#drawing-studio-v2 .ds-source-badge{color:#bffff2;border:1px solid #3bafbe;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.09em;background:#234a64b8}
#drawing-studio-v2 .ds-video-copy h2{font-weight:920;font-size:27px;letter-spacing:-.04em;line-height:1.09;margin:0}
#drawing-studio-v2 .ds-video-copy p{font-size:14px;line-height:1.4;color:#d1dfff;margin:0}
#drawing-studio-v2 .ds-play{position:absolute;z-index:4;left:147px;top:123px;width:70px;height:70px;border-radius:50%;border:3px solid #ffec9a;background:linear-gradient(145deg,#fff7ba,#ffc43b);color:#3c2a55;font-size:28px;box-shadow:0 0 18px #ffc8519c;display:grid;place-items:center;padding-left:5px}
#drawing-studio-v2 .ds-player .ds-video-footer{position:absolute;bottom:0;left:0;right:0;height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:#151e5c;border-top:1px solid #6574b4}
#drawing-studio-v2 .ds-video-footer>span{display:flex;align-items:center;gap:8px}
#drawing-studio-v2 .ds-timeline-symbol{color:#bbccff;font-size:20px}
#drawing-studio-v2 .ds-video-footer strong{font-size:11px;letter-spacing:.07em;color:#a6f5eb}
#drawing-studio-v2 .ds-video-separator{color:#8390cb}
#drawing-studio-v2 #ds-current-step-title{font-size:12px;color:#e3e7ff}
#drawing-studio-v2 .ds-video-duration{font-size:11px;color:#bdc8f4}
#drawing-studio-v2 .ds-instruction-state{position:absolute;inset:47px 0 51px;padding:40px 49px;background:radial-gradient(ellipse at 75% 35%,#44509c 0%,#232669 65%,#17225a 100%)}
#drawing-studio-v2 .ds-try-badge{display:inline-block;padding:7px 13px;border:1px solid #96e7e0;border-radius:12px;background:#235c70;color:#c5fff2;font-size:11px;letter-spacing:.09em;font-weight:920}
#drawing-studio-v2 .ds-instruction-state h2{font-size:34px;font-weight:930;letter-spacing:-.04em;margin:20px 0 15px;line-height:1.12;max-width:580px}
#drawing-studio-v2 .ds-instruction-state p{font-size:18px;line-height:1.45;color:#f1f4ff;max-width:610px}
#drawing-studio-v2 .ds-try-hint{display:flex;align-items:center;gap:12px;color:#cbd9fb;background:#283b82d9;border:1px solid #6a8dc3;border-radius:12px;padding:10px 13px;font-size:13px;max-width:585px;margin-top:19px}
#drawing-studio-v2 .ds-try-hint span:first-child{font-size:24px;color:#ffe9b2}
#drawing-studio-v2 .ds-watch-again{border:1px solid #c0b5ee;border-radius:13px;background:#49368c;color:#fff;padding:9px 16px;font-size:13px;font-weight:820;margin-top:18px}
#drawing-studio-v2 .ds-guidance{position:absolute;right:37px;top:151px;z-index:3;width:455px;height:440px;border-radius:27px;border:2px solid #9b8bff;background:linear-gradient(150deg,rgba(26,26,87,.95),rgba(35,25,88,.94));box-shadow:0 12px 32px #14134298,0 0 12px #a176fb73;padding:18px 21px}
#drawing-studio-v2 .ds-owii-heading{display:flex;align-items:center;gap:12px}
#drawing-studio-v2 .ds-owii-image{width:79px;height:82px;object-fit:contain;filter:drop-shadow(0 5px 8px #080a2a8c)}
#drawing-studio-v2 .ds-owii-heading div{display:flex;flex-direction:column;gap:6px}
#drawing-studio-v2 .ds-owii-heading div span{font-size:11px;letter-spacing:.095em;font-weight:920;color:#a7f6ee}
#drawing-studio-v2 .ds-owii-heading strong{font-size:24px;font-weight:930;letter-spacing:-.025em}
#drawing-studio-v2 #ds-owii-advice{font-size:15px;line-height:1.43;color:#e2e9ff;margin:12px 1px 14px}
#drawing-studio-v2 .ds-guide-divider{height:1px;background:#8685c063;margin:15px 0}
#drawing-studio-v2 .ds-guidance-heading{font-size:12px;font-weight:930;letter-spacing:.10em;color:#b5e8ff;margin-bottom:11px}
#drawing-studio-v2 .ds-step-description{display:flex;align-items:center;gap:13px}
#drawing-studio-v2 #ds-step-icon{display:grid;place-items:center;width:57px;height:57px;flex:none;border-radius:15px;background:linear-gradient(120deg,#6a57bb,#3551a9);font-size:32px;color:#ffedbc}
#drawing-studio-v2 .ds-step-description>span:last-child{display:flex;flex-direction:column;gap:5px}
#drawing-studio-v2 .ds-step-description strong{font-size:18px;font-weight:910}
#drawing-studio-v2 .ds-step-description small{font-size:13px;color:#c3d0f3}
#drawing-studio-v2 .ds-guide-template{width:100%;min-height:68px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #9c94e3;border-radius:16px;background:#302b7e;color:#fff;padding:10px 13px}
#drawing-studio-v2 .ds-guide-template>span:first-child{font-size:31px;color:#d4dcff}
#drawing-studio-v2 .ds-guide-template>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}
#drawing-studio-v2 .ds-guide-template strong{font-size:14px;font-weight:870}
#drawing-studio-v2 .ds-guide-template small{font-size:12px;color:#c6cff9}
#drawing-studio-v2 .ds-guide-template>span:last-child{font-size:30px;color:#eadcff}
#drawing-studio-v2 .ds-guide-template:hover{background:#42369b}
#drawing-studio-v2 .ds-guide-reassure{font-size:11.5px;color:#b5c5ed;line-height:1.3;margin:12px 0 0;text-align:center}
#drawing-studio-v2 .ds-workflow-actions{position:absolute;z-index:5;bottom:14px;left:43px;right:38px;display:flex;align-items:center;gap:18px;justify-content:space-between}
#drawing-studio-v2 .ds-prev{border:1px solid #b6abf6;border-radius:17px;min-height:61px;background:#211b64e8;color:#fff;font-size:17px;font-weight:850;padding:0 23px;min-width:238px}
#drawing-studio-v2 .ds-prev:hover{background:#383187}
#drawing-studio-v2 .ds-prev:disabled{opacity:.5;cursor:default}
#drawing-studio-v2 .ds-prev span{font-size:29px;vertical-align:middle;margin-right:8px}
#drawing-studio-v2 .ds-primary-action{min-width:360px;min-height:70px;border:2px solid #fff0aa;border-radius:22px;padding:0 32px;background:linear-gradient(170deg,#fff6a7,#ffd454);box-shadow:0 0 22px #ffd4469e,0 9px 15px #1a0f4e80;color:#25234d;font-size:21px;font-weight:940}
#drawing-studio-v2 .ds-primary-action:hover{filter:brightness(1.09)}
#drawing-studio-v2 .ds-primary-action span{margin-left:19px;font-size:26px}
#drawing-studio-v2 .ds-bottom{position:absolute;bottom:0;left:0;right:0;height:214px;background:linear-gradient(114deg,#191958,#231d6c 58%,#161950);border-top:2px solid #856cf4;padding:18px 38px 17px;z-index:6;box-shadow:0 -8px 29px #14123b7c}
#drawing-studio-v2 .ds-bottom-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
#drawing-studio-v2 .ds-bottom-heading>div{display:flex;align-items:baseline;gap:17px}
#drawing-studio-v2 .ds-bottom-kicker{color:#9cf2e8;font-size:11px;letter-spacing:.11em;font-weight:920}
#drawing-studio-v2 .ds-bottom-heading strong{font-size:16px;letter-spacing:-.01em;font-weight:850}
#drawing-studio-v2 #ds-step-progress{font-size:12px;font-weight:900;color:#c6caff;letter-spacing:.07em}
#drawing-studio-v2 .ds-chapters{display:flex;align-items:center;gap:10px;margin-top:15px;height:97px}
#drawing-studio-v2 .ds-chapter{height:96px;flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:12px;border:1.5px solid #777ed0;border-radius:19px;background:#2a286e;padding:10px 14px;color:#dfe2ff;box-shadow:0 4px 9px #100d3a6f}
#drawing-studio-v2 .ds-chapter.is-current{border:2px solid #ffe3a2;background:linear-gradient(120deg,#4c3c94,#3a357f);box-shadow:0 0 15px #e0a9ff61}
#drawing-studio-v2 .ds-chapter.is-complete{border-color:#85dabb;background:#264c69}
#drawing-studio-v2 .ds-chapter[aria-disabled="true"]{opacity:.73}
#drawing-studio-v2 .ds-chapter-round{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;border:1px solid #c0b3f1;background:#463ba5;color:#fff;flex:none;font-size:17px;font-weight:920}
#drawing-studio-v2 .ds-chapter.is-current .ds-chapter-round{background:#ffe1a1;color:#3e2863;border-color:#fff4cb}
#drawing-studio-v2 .ds-chapter.is-complete .ds-chapter-round{background:#4fbca7;color:#0b2c43}
#drawing-studio-v2 .ds-chapter>span:last-child{display:flex;flex-direction:column;gap:6px;text-align:left}
#drawing-studio-v2 .ds-chapter strong{font-size:14px;font-weight:900;white-space:nowrap}
#drawing-studio-v2 .ds-chapter small{font-size:11px;white-space:nowrap;color:#c3ccf1}
#drawing-studio-v2 .ds-chapter-line{width:18px;height:3px;background:#8b8acb;border-radius:4px;flex:none}
#drawing-studio-v2 .ds-bottom-note{margin-top:6px;font-size:11.5px;color:#bcc8ef;text-align:center}
#drawing-studio-v2 .ds-checkpoint{position:absolute;inset:0;z-index:20;background:rgba(5,13,43,.75);display:grid;place-items:center;backdrop-filter:blur(5px)}
#drawing-studio-v2 .ds-checkpoint[hidden]{display:none!important}
#drawing-studio-v2 .ds-check-card{width:625px;max-height:92%;overflow:auto;border:3px solid #b79bfc;border-radius:31px;padding:26px 31px;background:linear-gradient(150deg,#292466,#202665);box-shadow:0 25px 75px #0009}
#drawing-studio-v2 .ds-check-header{display:flex;gap:16px;align-items:center}
#drawing-studio-v2 .ds-check-header img{height:100px;width:100px;object-fit:contain}
#drawing-studio-v2 .ds-check-header>div{display:flex;flex-direction:column;gap:8px}
#drawing-studio-v2 .ds-check-header span{font-size:12px;color:#bcffef;letter-spacing:.13em;font-weight:900}
#drawing-studio-v2 .ds-check-header h2{font-size:33px;font-weight:920;letter-spacing:-.04em}
#drawing-studio-v2 #ds-check-question{font-size:19px;line-height:1.4;margin:16px 0 17px;font-weight:730}
#drawing-studio-v2 .ds-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#drawing-studio-v2 .ds-answers button{min-height:70px;color:white;background:#3e3c8a;border:1px solid #a9a7ec;border-radius:16px;font-size:16px;font-weight:790;padding:10px}
#drawing-studio-v2 .ds-answers button:hover{background:#554caf}
#drawing-studio-v2 .ds-answers button.correct{background:#17685d;border-color:#88f6cc}
#drawing-studio-v2 .ds-answers button.incorrect{border-color:#ffa0b6;background:#6e376d}
#drawing-studio-v2 .ds-check-feedback{font-size:14px;line-height:1.4;color:#dfe9ff;margin-top:13px;min-height:38px}
#drawing-studio-v2 .ds-check-actions{display:flex;gap:13px;margin-top:15px}
#drawing-studio-v2 .ds-check-actions button{min-height:55px;border-radius:15px;padding:10px 16px;border:1px solid #b6a8f5;color:white;background:#46358d;font-weight:870;flex:1}
#drawing-studio-v2 .ds-check-actions #ds-check-continue{background:linear-gradient(120deg,#fdf0a4,#ffcc56);color:#35294c;border-color:#fff5bf}
#drawing-studio-v2 .ds-preview-label{position:absolute;z-index:9;bottom:3px;right:24px;font-size:9px;letter-spacing:.08em;color:#ada5de;font-weight:700}
@media(prefers-reduced-motion:reduce){#drawing-studio-v2 *,#drawing-studio-v2 *:before{animation:none!important;transition:none!important}}