:root{--ink:#1e263c;--muted:#737b90;--violet:#7758dc;--line:#e6e8ef;--paper:#f6f7fb;--green:#238578;--nav:#101b32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;background:white;color:var(--ink);font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--violet);color:#fff}.danger{color:#b93e52;background:#fff0f2}.ghost{border:1px solid var(--line);background:transparent}a{color:var(--violet)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1px}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}small,.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#9fabc6;padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:24px;font-weight:750;letter-spacing:-.7px;margin:0 12px 35px}.logo{font-size:35px;line-height:1;background:linear-gradient(120deg,#c472ff,#774cf6,#21d4e5);color:transparent;background-clip:text;font-weight:900}.navlabel{font-size:10px;letter-spacing:1.8px;margin:17px 14px 9px;color:#71819f}.nav{display:flex;align-items:center;gap:13px;padding:12px 14px;margin:4px 0;border-radius:10px;color:#acb7ce;text-decoration:none}.nav svg,.icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}.nav.active{background:#2b2850;color:#d0baff;box-shadow:inset 3px 0 #a683ff}.sidebar .foot{margin-top:auto;padding:20px 12px 0;border-top:1px solid #26324a;font-size:12px}.topbar{background:white;border-bottom:1px solid var(--line);height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.badge{display:inline-block;font-size:11px;padding:4px 9px;border-radius:20px;background:#e9f5ef;color:#31705b;font-weight:650}.badge.draft{background:#f0edf7;color:#85769b}.avatar{background:#eee9fd;color:#7959cf;border-radius:50%;padding:9px 11px;font-weight:700}.content{max-width:1440px;margin:auto;padding:35px 40px}.titlebar,.flex{display:flex;align-items:center;justify-content:space-between;gap:15px}.titlebar{margin-bottom:25px}.titlebar p{margin:8px 0 0}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--violet);font-weight:700;margin-bottom:9px}.hero{border-radius:22px;background:linear-gradient(115deg,#e9e2ff,#f5effe 53%,#edeefe);display:grid;grid-template-columns:1fr 45%;overflow:hidden;min-height:250px;margin-bottom:24px}.hero-copy{padding:30px}.hero h2{font-size:28px;line-height:1.25;max-width:410px}.hero p{color:#76688b;max-width:410px}.hero-images{display:flex;align-items:center;gap:12px;padding:22px;transform:rotate(5deg)}.hero-images img{width:30%;height:195px;object-fit:cover;border:6px solid #fff;border-radius:16px;box-shadow:0 12px 28px #49318422}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.stat strong{display:block;font-size:29px;margin:8px 0 3px;letter-spacing:-1px}.stat .icon{float:right;background:#f1edfb;color:#8e70d2;padding:9px;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tile{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.tile .art{display:block;width:100%;height:245px;object-fit:cover;background:#eaeaf0}.tile canvas.art{object-fit:contain}.tile .info{padding:15px}.tile h3{margin:8px 0 3px}.tile .actions{display:flex;gap:6px;margin-top:14px}.tile .actions button{font-size:11px;padding:7px 10px;background:#f4f2fa}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:180px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #dfe2ec;border-radius:10px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:120px}label{display:block;font-size:12px;font-weight:600;margin:14px 0 6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span2{grid-column:1/-1}.check{display:flex;gap:10px;align-items:center;margin:18px 0}.check input{width:auto}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#fbfbfd}th,td{padding:15px 20px;border-bottom:1px solid var(--line)}td button{padding:5px 9px}.paginator{display:flex;justify-content:center;gap:20px;align-items:center;margin:25px}.empty{text-align:center;padding:60px;background:white;border:1px dashed #d9d4e6;border-radius:14px}.settings{max-width:850px}.settings .panel{margin-bottom:20px}.note{border-left:3px solid #a88be7;background:#f4f0ff;padding:16px;border-radius:8px;color:#75628a;font-size:12px}.login{max-width:460px;margin:10vh auto;padding:40px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 80px #30204b09}.login .brand{color:var(--ink);margin-left:0}.login button{width:100%;margin-top:25px}.login p{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#182238;color:white;padding:13px 24px;border-radius:12px;z-index:20;display:none;max-width:90vw}dialog{width:min(920px,94vw);max-height:92vh;overflow:auto;border:0;border-radius:20px;padding:28px;color:var(--ink);box-shadow:0 30px 100px #080c2933}dialog::backdrop{background:#11172c80;backdrop-filter:blur(4px)}.editorgrid{display:grid;grid-template-columns:240px 1fr;gap:25px}.preview{width:100%;border-radius:12px;background:#e8e8ed;max-height:360px;object-fit:contain}.sticky-actions{position:sticky;bottom:-28px;background:white;padding:18px 0 4px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);margin-top:22px}.code{font-family:ui-monospace,monospace;font-size:12px;min-height:200px}.media-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.media-grid img{width:100%;height:160px;object-fit:cover;border-radius:12px}.media-grid small{word-break:break-all}.mobile-menu{display:none}.error{color:#b5344b}.section-gap{margin-top:30px}@media(min-width:1500px){.grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 40%}.content{padding:25px}.topbar{padding:0 25px}.media-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{display:none;position:fixed;z-index:10;width:238px}.sidebar.open{display:flex}.mobile-menu{display:block}.topbar{height:65px;padding:0 16px}.content{padding:22px 16px}.hero{grid-template-columns:1fr}.hero-images{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile .art{height:210px}.titlebar{align-items:flex-start}h1{font-size:25px}.stats{gap:10px}.stat{padding:16px}.editorgrid,.fields{grid-template-columns:1fr}.span2{grid-column:auto}.editorgrid .preview{max-height:220px}.media-grid{grid-template-columns:repeat(3,1fr)}.login{margin:8vh 16px}.toolbar select{width:45%}.hero-copy{padding:24px}.tile .actions{flex-wrap:wrap}}
.frame-tools{padding:12px;background:#f6f4fb;border-radius:12px;margin-top:12px}.frame-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:6px;align-items:end;margin-bottom:10px}.frame-row label{font-size:10px;margin:0 0 3px}.frame-row input{padding:7px 5px;font-size:11px}.frame-row button{padding:7px}.frame-tools .note{margin-top:10px}