/* INOOWA Draw 13B · Playground · approved Creative Sparks image direction
 * CSS/HTML UI. Art-only crops in assets/playground, original Owii/logo unchanged.
 * Scoped to this screen; original V7 Playground is preserved in Archive.
 */
#playground-v2.pg13{display:none;background:radial-gradient(ellipse at 86% 78%,#34357d 0%,transparent 46%),linear-gradient(145deg,#07183c 0%,#152559 45%,#21235f 100%);color:#fff;font:500 16px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#playground-v2.pg13.active{display:flex}
#playground-v2 *{box-sizing:border-box}
#playground-v2 button,#playground-v2 input{font:inherit}
#playground-v2 button{cursor:pointer}
#playground-v2 button:focus-visible,#playground-v2 input:focus-visible{outline:3px solid #a5f2ff;outline-offset:3px}
#playground-v2 .pg13-sidebar{width:138px;flex:none;padding:25px 10px 18px;background:linear-gradient(180deg,#0b1d49,#132754 72%,#20265f);border-right:1px solid #8b9bc449;display:flex;flex-direction:column;align-items:center;gap:25px}
#playground-v2 .pg13-owii-brand{display:block;width:119px;height:95px;object-fit:contain;margin:0 0 18px;filter:drop-shadow(0 8px 13px #040b2c7a)}
#playground-v2 .pg13-nav{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
#playground-v2 .pg13-nav-item{width:122px;min-height:76px;padding:9px 4px;border:1px solid transparent;border-radius:20px;background:none;color:#e6e8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:background .16s,transform .16s;font-size:14px;font-weight:760}
#playground-v2 .pg13-nav-item:hover{background:#4159a66e;transform:translateY(-1px)}
#playground-v2 .pg13-nav-item.is-selected{background:linear-gradient(122deg,#4255b7,#255f9d);border-color:#a4bdfa;box-shadow:inset 0 1px #ffffff59,0 4px 11px #02072268;color:white}
#playground-v2 .pg13-nav-item svg{width:28px;height:28px;fill:none;stroke:#bbcbfa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#playground-v2 .pg13-nav-item.is-selected svg{stroke:white}
#playground-v2 .pg13-parent{display:flex;align-items:center;justify-content:center;gap:7px;width:122px;min-height:50px;margin-top:auto;border:1px solid #607cafb7;border-radius:14px;background:#1d32648c;color:#eef5ff;font-size:12px;font-weight:700}
#playground-v2 .pg13-parent:hover{background:#345493}
#playground-v2 .pg13-parent svg{width:19px;height:19px;fill:none;stroke:#a7bdf5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#playground-v2 .pg13-main{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}
#playground-v2 .pg13-header{height:75px;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 29px;border-bottom:1px solid #6b88bb24}
#playground-v2 .pg13-brand{display:flex;align-items:center;gap:7px}
#playground-v2 .pg13-brand img{width:151px;max-height:43px;object-fit:contain}
#playground-v2 .pg13-brand strong{font-size:23px;letter-spacing:-.035em;color:#f293df}
#playground-v2 .pg13-header-end{display:flex;align-items:center;gap:39px}
#playground-v2 .pg13-search-wrap{display:flex;align-items:center;gap:12px;width:342px;height:50px;padding:0 15px;border:1px solid #88a2d064;border-radius:20px;background:#273d72bd;color:#bad9fa}
#playground-v2 .pg13-search-wrap svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}
#playground-v2 .pg13-search-wrap input{border:0;background:transparent;color:#fff;width:100%;outline:0;font-size:14px}
#playground-v2 .pg13-search-wrap input::placeholder{color:#c0d1ec}
#playground-v2 .pg13-avatar{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:2px solid #a4d9fe;border-radius:50%;background:#26497b;padding:0}
#playground-v2 .pg13-avatar img{width:100%;height:100%;object-fit:cover}
#playground-v2 .pg13-scroll{min-height:0;flex:1;padding:0 24px 23px 21px;overflow-y:auto;scrollbar-color:#7487d7 transparent;scrollbar-width:thin}
#playground-v2 .pg13-intro{height:101px;padding:14px 12px 8px}
#playground-v2 .pg13-intro h1{margin:0;font-size:43px;font-weight:860;letter-spacing:-.05em;line-height:1.03}
#playground-v2 .pg13-intro h1 span{font-size:19px;color:#ffdf58;vertical-align:top;margin-left:14px}
#playground-v2 .pg13-intro p{margin:8px 0 0;color:#e2eaff;font-size:20px}
#playground-v2 .pg13-hero{height:318px;position:relative;overflow:hidden;border:1px solid #688de9b6;border-radius:27px;background:radial-gradient(ellipse at 78% 40%,#5645ac70 0%,transparent 46%),radial-gradient(ellipse at 23% 69%,#263d88 0%,transparent 68%),linear-gradient(112deg,#0a1d50,#122863 60%,#31307a);box-shadow:inset 0 1px 0 #b3d8ff30,0 12px 26px #030b3175}
#playground-v2 .pg13-hero::after{content:"";position:absolute;pointer-events:none;right:-9px;bottom:-70px;width:550px;height:165px;border-radius:50%;background:#b578ff69;filter:blur(41px)}
#playground-v2 .pg13-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 27%,#dca6f755 0%,transparent 24%),radial-gradient(circle at 69% 21%,#435cbb75 0%,transparent 37%)}
#playground-v2 .pg13-sparkles{position:absolute;left:48%;top:25px;font-size:28px;color:#ffe188;letter-spacing:90px;z-index:1;text-shadow:0 0 14px #f6a9ff}
#playground-v2 .pg13-sparkles span{font-size:17px;color:#d9c6ff}
#playground-v2 .pg13-hero-content{position:relative;z-index:5;max-width:565px;height:100%;padding:24px 31px;display:flex;flex-direction:column;align-items:flex-start}
#playground-v2 .pg13-eyebrow{padding:9px 19px;border-radius:22px;background:#d1f8ff;color:#143b69;font-size:13px;font-weight:900;letter-spacing:.045em;line-height:1.25;white-space:nowrap}
#playground-v2 .pg13-hero-content h2{margin:14px 0 5px;min-height:90px;max-width:520px;color:#fff;font-size:35px;font-weight:870;line-height:1.12;letter-spacing:-.046em;text-wrap:balance}
#playground-v2 .pg13-hero-content p{margin:0;color:#dce8ff;font-size:17px;max-width:490px}
#playground-v2 .pg13-hero-actions{display:flex;align-items:center;gap:15px;margin-top:auto}
#playground-v2 .pg13-primary,#playground-v2 .pg13-secondary{min-height:53px;padding:0 23px;display:flex;justify-content:center;align-items:center;gap:12px;border-radius:18px;color:white;font-size:17px;font-weight:820;white-space:nowrap}
#playground-v2 .pg13-primary{border:0;background:linear-gradient(110deg,#12c9e8 0%,#387af0 38%,#a84dec 79%,#e05dca);box-shadow:0 6px 16px #05225e6b}
#playground-v2 .pg13-primary:hover{filter:brightness(1.12)}
#playground-v2 .pg13-secondary{border:2px solid #82dff6;background:#142854d9}
#playground-v2 .pg13-secondary:hover{background:#27417d}
#playground-v2 .pg13-primary svg,#playground-v2 .pg13-secondary svg{height:25px;width:25px;stroke:white;stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}
#playground-v2 .pg13-primary span{font-size:24px;font-weight:500}
#playground-v2 .pg13-hero-art{position:absolute;right:0;top:0;width:62%;height:100%;overflow:hidden;pointer-events:none}
#playground-v2 .pg13-art-cloud{position:absolute;z-index:0;background:#a97de5bf;filter:blur(3px);border-radius:55% 55% 38% 38%;box-shadow:35px 5px 0 #aa83dfc8,-28px 25px 0 #6960c5b0}
#playground-v2 .pg13-art-cloud.cloud-one{width:112px;height:52px;top:12px;right:35px}
#playground-v2 .pg13-art-cloud.cloud-two{width:160px;height:61px;bottom:23px;right:405px;background:#8f72d3b9}
#playground-v2 .pg13-art-cloud.cloud-three{width:128px;height:52px;top:70px;right:330px;background:#705dc0b2}
#playground-v2 .pg13-art-ring{position:absolute;right:6px;top:45px;width:280px;height:190px;border:5px solid #ffbadb66;border-left-color:transparent;border-radius:50%;transform:rotate(18deg);filter:drop-shadow(0 0 11px #d984ed)}
#playground-v2 .pg13-art-owii{position:absolute;top:14px;right:307px;z-index:3;width:190px;height:122px;object-fit:contain;filter:drop-shadow(0 9px 11px #0509389c)}
#playground-v2 .pg13-art-notebook{position:absolute;right:-6px;bottom:0;z-index:2;width:617px;height:210px;object-fit:cover;object-position:bottom right;filter:drop-shadow(0 7px 12px #0b12347d)}
#playground-v2 .pg13-art-star{position:absolute;top:39px;right:70px;color:#fff4a3;font-size:79px;text-shadow:0 0 16px #ffa9f9,0 0 29px #c75ffa;z-index:2}
#playground-v2 .pg13-how{margin-top:15px}
#playground-v2 .pg13-section-intro{padding:0 11px 11px}
#playground-v2 .pg13-section-intro h2{font-size:27px;font-weight:820;line-height:1.12;letter-spacing:-.035em;margin:0;color:#fff}
#playground-v2 .pg13-section-intro p{color:#d5e2f5;font-size:15px;margin:5px 0 0}
#playground-v2 .pg13-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #6685d5a1;border-radius:25px;overflow:hidden;background:linear-gradient(119deg,#19386bb9,#25396c98 50%,#263876be)}
#playground-v2 .pg13-step{position:relative;height:157px;min-width:0;padding:15px 12px 11px 19px;border-right:1px solid #617ac08a;overflow:hidden}
#playground-v2 .pg13-step:last-child{border-right:0}
#playground-v2 .pg13-step-no{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#a0f2f4;color:#15385b;font-weight:900;font-size:15px}
#playground-v2 .pg13-step-copy{position:relative;z-index:2;max-width:176px}
#playground-v2 .pg13-step-copy h3{margin:10px 0 5px;color:#fff;font-size:17px;line-height:1.05;font-weight:840;letter-spacing:-.02em}
#playground-v2 .pg13-step-copy p{margin:0;color:#e0ebfd;font-size:13px;line-height:1.31}
#playground-v2 .pg13-step img{position:absolute;right:0;bottom:4px;width:115px;height:105px;object-fit:contain;z-index:1;pointer-events:none}
#playground-v2 .pg13-step-arrow{position:absolute;right:4px;top:55px;z-index:4;color:#dbe7ff;font-size:22px}
#playground-v2 .pg13-step-hit{position:absolute;inset:0;z-index:3;border:0;background:transparent}
#playground-v2 .pg13-step-click:hover{background:#455ba047}
#playground-v2 .pg13-explore{margin-top:14px}
#playground-v2 .pg13-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#playground-v2 .pg13-category{position:relative;isolation:isolate;height:174px;min-width:0;overflow:hidden;border:1px solid #91a4e6bc;border-radius:24px;background:radial-gradient(circle at 50% 22%,#7762ca,#344899 66%,#3c288b);box-shadow:inset 0 1px 0 #ffffff36,0 6px 16px #070f3e74;color:#fff;padding:0;text-align:left;transition:transform .17s,filter .17s}
#playground-v2 .pg13-category:nth-child(2){background:radial-gradient(circle at 60% 24%,#8db8e9,#325ba4 70%,#25396d)}
#playground-v2 .pg13-category:nth-child(3){background:radial-gradient(circle at 50% 30%,#7374d4,#294f9c 70%,#242865)}
#playground-v2 .pg13-category:nth-child(4){background:radial-gradient(circle at 50% 30%,#ad7fe0,#4935a7 70%,#283777)}
#playground-v2 .pg13-category:hover{transform:translateY(-3px);filter:brightness(1.07)}
#playground-v2 .pg13-category img{position:absolute;top:0;left:0;width:100%;height:114px;object-fit:cover;object-position:center top;opacity:.98;mix-blend-mode:screen;pointer-events:none;z-index:-1}
#playground-v2 .pg13-category::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#22285ea8 35%,#252864e3);z-index:-1}
#playground-v2 .pg13-category strong{position:absolute;left:16px;bottom:15px;font-size:20px;font-weight:880;letter-spacing:-.04em;line-height:1.07;text-shadow:0 2px 5px #050f45b8}
#playground-v2 .pg13-category span{position:absolute;right:10px;bottom:14px;width:35px;height:35px;border-radius:50%;background:#c3caef47;color:#fff;font-size:23px;display:grid;place-items:center}
#playground-v2 .pg13-modal[hidden]{display:none!important}
#playground-v2 .pg13-modal{position:absolute;inset:0;z-index:50;display:flex;justify-content:center;align-items:center;background:#030d2abf;backdrop-filter:blur(5px);padding:30px}
#playground-v2 .pg13-modal-shell{position:relative;width:590px;max-height:94%;overflow-y:auto;border:1px solid #a0c8f0;border-radius:27px;background:linear-gradient(145deg,#1e3674,#2d2d79);box-shadow:0 25px 75px #0009;padding:32px;color:#fff}
#playground-v2 .pg13-modal-shell h2{font-size:32px;letter-spacing:-.035em;margin:0 45px 8px 0}
#playground-v2 .pg13-modal-shell p{font-size:16px;color:#dae7ff;line-height:1.42;margin:0 0 17px}
#playground-v2 .pg13-modal-shell label{display:block;font-size:14px;color:#d6e9ff;font-weight:700;margin:0 0 8px}
#playground-v2 .pg13-modal-shell input{height:51px;width:100%;padding:0 15px;border-radius:13px;border:1px solid #9db6e2;background:#12285c;color:#fff;outline:0;font-size:17px}
#playground-v2 .pg13-modal-shell input::placeholder{color:#abc1de}
#playground-v2 .pg13-modal-x{position:absolute;top:22px;right:25px;width:36px;height:36px;color:white;border:1px solid #9bb8e4;border-radius:50%;font-size:28px;background:#243e83}
#playground-v2 .pg13-modal-shell img{display:block;width:100%;max-height:265px;object-fit:contain;margin:17px 0;background:#c4d7eb;border-radius:12px}
#playground-v2 .pg13-modal-shell img[hidden]{display:none!important}
#playground-v2 .pg13-modal-shell p.pg13-privacy{font-size:12px;line-height:1.35;color:#b9cbe6;margin:14px 0 17px}
#playground-v2 .pg13-modal-actions{display:flex;justify-content:flex-end;gap:13px;flex-wrap:wrap}
#playground-v2 .pg13-modal-actions button{font-size:15px}
#playground-v2 [disabled]{opacity:.58;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){#playground-v2 *,#playground-v2 *::before,#playground-v2 *::after{transition:none!important}}