/* INOOWA Draw · Library V2 · 1366×1024 iPad landscape.
 * Scoped to #library-v2. UI remains real HTML/CSS; source art only in assets/library.
 * Based on 07C's navy/cyan/lilac palette and 150px navigation footprint.
 */
#library-v2.lib-v2{display:none;color:#f7f9ff;font:500 15px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0a1942 url("assets/library/library-background.webp") center/cover no-repeat;letter-spacing:-.012em}
#library-v2.lib-v2.active{display:flex}
#library-v2.lib-v2 *{box-sizing:border-box}
#library-v2.lib-v2 button,#library-v2.lib-v2 input{font:inherit}
#library-v2.lib-v2 button{cursor:pointer}
#library-v2.lib-v2 button:focus-visible,#library-v2.lib-v2 input:focus-visible{outline:3px solid #8ce9f6;outline-offset:3px}
#library-v2 .lib-sidebar{width:138px;flex:none;position:relative;z-index:5;padding:32px 11px 21px;background:linear-gradient(170deg,#0a1c46 0%,#132657 72%,#20265b 100%);border-right:1px solid #8aaede4d;display:flex;align-items:center;flex-direction:column;gap:18px}
#library-v2 .lib-owii{display:block;width:113px;height:95px;object-fit:contain;filter:drop-shadow(0 7px 15px #06142f80);margin-bottom:16px}
#library-v2 .lib-nav{display:flex;flex-direction:column;align-items:center;gap:13px;width:100%}
#library-v2 .lib-nav-btn,#library-v2 .lib-parent{position:relative;display:grid;place-items:center;width:76px;height:72px;border:1px solid transparent;border-radius:20px;background:transparent;color:#c6d8f7;transition:transform .15s,background .15s,box-shadow .15s}
#library-v2 .lib-nav-btn:hover,#library-v2 .lib-parent:hover{background:#384f8988;transform:translateY(-1px)}
#library-v2 .lib-nav-btn svg,#library-v2 .lib-parent svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#library-v2 .lib-nav-btn.is-selected{background:linear-gradient(145deg,#415ec1,#742bcf 72%,#462cbb);border-color:#b9b4fb;box-shadow:0 0 18px #964bfc6e,inset 0 1px 0 #ffffff50;color:white}
#library-v2 .lib-parent{margin-top:auto;height:65px;width:72px;border-color:#718abc8e;background:#182d6080}
#library-v2 .lib-parent svg{width:29px;height:29px}
#library-v2 .lib-nav-tooltip{position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%);white-space:nowrap;background:#192f69;border:1px solid #92abd8;border-radius:9px;color:#fff;padding:7px 11px;font-size:13px;font-weight:750;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 8px 22px #06153180}
#library-v2 .lib-nav-btn:hover .lib-nav-tooltip,#library-v2 .lib-nav-btn:focus-visible .lib-nav-tooltip,#library-v2 .lib-parent:hover .lib-nav-tooltip,#library-v2 .lib-parent:focus-visible .lib-nav-tooltip{opacity:1;visibility:visible}
#library-v2 .lib-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:20px 32px 24px 34px;overflow:hidden;position:relative}
#library-v2 .lib-top{height:70px;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}
#library-v2 .lib-logo{display:flex;align-items:center;gap:8px;white-space:nowrap}
#library-v2 .lib-logo img{width:150px;max-height:44px;object-fit:contain;display:block}
#library-v2 .lib-logo strong{font-size:22px;color:#f18bdc;letter-spacing:-.035em}
#library-v2 .lib-top-actions{display:flex;align-items:center;gap:29px}
#library-v2 .lib-search{height:49px;width:355px;display:flex;align-items:center;gap:10px;padding:0 17px;background:#203665b9;border:1px solid #87a1ce91;border-radius:20px;color:#c4d8ff}
#library-v2 .lib-search svg{width:23px;height:23px;stroke-width:2;fill:none;stroke:currentColor}
#library-v2 .lib-search input{height:100%;min-width:0;width:100%;border:0;outline:none;background:transparent;color:#f7faff;font-size:14px}
#library-v2 .lib-search input::placeholder{color:#b3c8e5}
#library-v2 .lib-avatar{width:54px;height:54px;border:2px solid #a9d9ee;border-radius:50%;background:#2c4d81;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:0}
#library-v2 .lib-avatar img{display:block;width:100%;height:100%;object-fit:cover}
#library-v2 .lib-titlebar{height:156px;min-height:156px;position:relative;display:flex;align-items:flex-start;padding-top:26px;overflow:hidden}
#library-v2 .lib-world-art{position:absolute;right:-22px;top:-4px;width:62%;height:161px;object-fit:contain;object-position:center bottom;pointer-events:none;z-index:0;filter:saturate(1.07)}
#library-v2 .lib-titlecopy{z-index:1;position:relative;display:flex;align-items:center;gap:20px;padding-top:4px}
#library-v2 .lib-title-icon{width:76px;height:76px;border-radius:21px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#65c7f5,#8d40e5 62%,#a840cf);border:1px solid #d6b4fc;box-shadow:0 9px 23px #16154da1,inset 0 2px #ffffff80}
#library-v2 .lib-title-icon svg{width:38px;height:38px;fill:none;stroke:white;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
#library-v2 .lib-titlecopy h1{font-size:43px;font-weight:850;letter-spacing:-.045em;line-height:1.04;color:#fff}
#library-v2 .lib-titlecopy p{font-size:20px;color:#ccd7ef;margin-top:7px}
#library-v2 .lib-toolbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:3px 2px 21px;z-index:3;position:relative}
#library-v2 .lib-tabs{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
#library-v2 .lib-tab{height:49px;padding:0 23px;min-width:112px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #89a5d2be;border-radius:25px;background:#162955a3;color:#f7faff;box-shadow:inset 0 1px #ffffff16;font-size:15px;font-weight:750}
#library-v2 .lib-tab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#library-v2 .lib-tab.is-active{border-color:#b5d8ff;color:#fff;background:linear-gradient(105deg,#3bc8ee,#6665e4 53%,#c531cc);box-shadow:0 7px 15px #32106d62}
#library-v2 .lib-tools{display:flex;gap:10px;align-items:center}
#library-v2 .lib-icon-button{width:53px;height:49px;display:grid;place-items:center;border:1px solid #8aa6d5;border-radius:20px;color:#e5ebff;background:#283e7894}
#library-v2 .lib-icon-button.is-active{background:#405ba2a6}
#library-v2 .lib-icon-button svg{height:25px;width:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#library-v2 .lib-sort-pop{position:absolute;right:0;top:57px;z-index:20;display:flex;flex-direction:column;gap:4px;background:#192c5d;border:1px solid #85a5d9;border-radius:14px;padding:8px;min-width:178px;box-shadow:0 16px 32px #020921b0}
#library-v2 .lib-sort-pop[hidden]{display:none!important}
#library-v2 .lib-sort-pop button{border:0;border-radius:8px;padding:10px 12px;background:transparent;color:#eff7ff;text-align:left;font-size:13px}
#library-v2 .lib-sort-pop button:hover{background:#354e87}
#library-v2 .lib-gallery{overflow-y:auto;flex:1;min-height:0;padding:0 4px 13px 1px;scrollbar-width:thin;scrollbar-color:#768fd4 #132653}
#library-v2 .lib-gallery-note{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c8daef;font-size:12px;min-height:21px;margin:0 2px 11px}
#library-v2 .lib-demo-note{font-size:10px;letter-spacing:.095em;font-weight:850;color:#d4e9fa;border:1px solid #92b0d978;border-radius:20px;padding:4px 11px;background:#1e3972}
#library-v2 .lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 24px;align-content:start}
#library-v2 .lib-card{position:relative;border:1px solid #96acdd99;border-radius:27px;min-width:0;background:linear-gradient(180deg,#ffffff 0%,#e5e7fd 100%);color:#151d57;box-shadow:0 12px 23px #050c3294;overflow:hidden;transition:transform .16s,box-shadow .16s}
#library-v2 .lib-card:hover{transform:translateY(-2px);box-shadow:0 15px 28px #050c32bc}
#library-v2 .lib-card-media{width:100%;height:183px;display:block;border:0;padding:8px 8px 0;background:transparent;text-align:left}
#library-v2 .lib-card-media img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:17px;display:block;background:#eaf6ff}
#library-v2 .lib-card-info{padding:9px 18px 14px 20px;display:flex;justify-content:space-between;gap:8px;align-items:end}
#library-v2 .lib-card-open{background:none;color:#151d57;border:0;padding:0;text-align:left;min-width:0;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 49px)}
#library-v2 .lib-card-title{font-size:20px;font-weight:850;letter-spacing:-.035em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#library-v2 .lib-card-date{font-size:13px;color:#606aa1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#library-v2 .lib-heart{position:absolute;right:15px;top:15px;z-index:2;width:47px;height:47px;background:#fffefef2;color:#312d74;border:1px solid #e3e6fa;border-radius:50%;box-shadow:0 5px 10px #18225550;display:grid;place-items:center}
#library-v2 .lib-heart svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
#library-v2 .lib-heart.is-fav svg{fill:#f74a9b;stroke:#f74a9b}
#library-v2 .lib-more{width:42px;height:35px;border:1px solid #dee2f5;border-radius:17px;background:#f9faff;color:#3e418a;font-size:24px;font-weight:850;line-height:1;box-shadow:0 3px 8px #24225336}
#library-v2 .lib-card-menu{position:absolute;z-index:4;right:12px;bottom:55px;background:#fff;border:1px solid #b9c5e7;border-radius:13px;min-width:166px;box-shadow:0 14px 30px #06123c8a;display:flex;flex-direction:column;padding:6px}
#library-v2 .lib-card-menu[hidden]{display:none!important}
#library-v2 .lib-card-menu button{border:0;background:transparent;padding:10px;text-align:left;border-radius:7px;color:#243c75;font-size:13px;font-weight:650}
#library-v2 .lib-card-menu button:hover{background:#e5f2ff}
#library-v2 .lib-grid.is-list{grid-template-columns:1fr;gap:11px}
#library-v2 .lib-grid.is-list .lib-card{display:flex;min-height:125px}
#library-v2 .lib-grid.is-list .lib-card-media{width:218px;min-width:218px;height:122px;padding:7px}
#library-v2 .lib-grid.is-list .lib-card-info{flex:1;align-items:center}
#library-v2 .lib-grid.is-list .lib-heart{right:15px;top:12px}
#library-v2 .lib-grid.is-list .lib-card-menu{bottom:12px;right:60px}
#library-v2 .lib-empty{height:100%;min-height:390px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(130deg,#1c3575b5,#26346c88);border:1px dashed #8cb0deac;border-radius:27px;padding:38px 30px}
#library-v2 .lib-empty[hidden]{display:none!important}
#library-v2 .lib-empty-inner{max-width:540px;display:flex;flex-direction:column;align-items:center;gap:11px}
#library-v2 .lib-empty-art{width:144px;height:111px;display:grid;place-items:center;background:linear-gradient(140deg,#375cad,#5742b3);border:1px solid #9fd1ff9e;border-radius:23px;box-shadow:0 13px 25px #070f3396}
#library-v2 .lib-empty-art svg{width:86px;height:86px;stroke:#e2f8ff;stroke-width:1.5;fill:none}
#library-v2 .lib-empty h2{font-size:31px;line-height:1.1;letter-spacing:-.03em;color:#fff}
#library-v2 .lib-empty p{color:#c7d6ef;font-size:16px;line-height:1.48;max-width:460px}
#library-v2 .lib-start{margin-top:14px;height:47px;padding:0 28px;border:0;border-radius:17px;background:linear-gradient(110deg,#43c9ee,#686be6 54%,#b853e0);box-shadow:0 9px 18px #080d4178;color:#fff;font-weight:850}
#library-v2 .lib-start:hover{filter:brightness(1.1)}
#library-v2 .lib-empty.is-filter-empty .lib-start{display:none}
@media(max-width:900px){#library-v2 .lib-main{padding:16px 22px}#library-v2 .lib-grid{gap:14px}#library-v2 .lib-card-media{height:140px}#library-v2 .lib-tabs{gap:6px}#library-v2 .lib-tab{padding:0 12px;min-width:90px}}
@media(prefers-reduced-motion:reduce){#library-v2 *,#library-v2 *::before,#library-v2 *::after{transition:none!important}}