/* Pixtov — sign-in + "My designs" (cloud). License: MIT. Matches the login preview Lieby approved. */
.pxc-ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.pxc-g{width:20px;height:20px;flex-shrink:0}
/* header */
#pxcBtn{font:inherit;cursor:pointer}
.pxc-signin{display:inline-flex;align-items:center;gap:6px;height:36px;margin:4px 6px;padding:0 14px 0 12px;border:0;border-radius:18px;background:#1d4ed8;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(29,78,216,.35)}
.pxc-signin .pxc-ic{width:17px;height:17px}
.pxc-signin:hover{background:#1e40af}
.pxc-avatar{width:36px;height:36px;margin:4px 6px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #c7cbe0;padding:0}
.pxc-savebtn{color:#1d4ed8}
body.dark .pxc-savebtn{color:#8fb0ff}
/* overlay + dialog */
.pxc-ov{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;font-family:inherit;color:#111827}
.pxc-box{position:relative;width:100%;max-width:400px;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:18px;padding:26px 30px 20px;box-sizing:border-box;box-shadow:0 10px 40px rgba(0,0,0,.28);text-align:center}
.pxc-box *{box-sizing:border-box}
.pxc-x{position:absolute;top:8px;right:8px;color:#9aa0ae;width:36px;height:36px;border:0;background:transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
[dir=rtl] .pxc-x{right:auto;left:8px}
.pxc-x:hover{background:#f1f5f9}
.pxc-logo{width:54px;height:54px;display:block;margin:0 auto}
.pxc-title{margin:8px 0 4px;font-size:22px;font-weight:700;color:#111;line-height:1.3}
.pxc-sub{margin:0 0 16px;color:#666;font-size:14px;line-height:1.45}
.pxc-why{margin:4px 0 8px;padding:8px 10px;border-radius:10px;background:#eef2ff;color:#1e3a8a;font-size:13.5px}
.pxc-google{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #cfd4dc;border-radius:10px;font-size:15px;font-weight:600;color:#1f2937;cursor:pointer;font-family:inherit}
.pxc-google:hover{background:#f8fafc;border-color:#b6bcc8}
.pxc-pill{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:8px;background:#f1f5f9;color:#4b5563;font-size:12.5px;line-height:1.3}
.pxc-pill .pxc-ic{width:15px;height:15px}
.pxc-or{margin:18px 0 12px;border-top:1px solid #e5e7eb;height:0;text-align:center}
.pxc-or span{position:relative;top:-10px;background:#fff;padding:0 10px;color:#888;font-size:13px}
.pxc-form{margin:0;text-align:start}
.pxc-lbl{display:block;font-size:13px;color:#333;margin:8px 0 0}
.pxc-lbl>span:first-child{display:block;margin:0 2px 4px}
.pxc-in{display:block;width:100%;height:42px;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background:#fff;color:#111;font-family:inherit}
.pxc-in:focus{outline:2px solid rgba(29,78,216,.35);border-color:#1d4ed8}
[dir=rtl] .pxc-in{text-align:right}
.pxc-pw{position:relative;display:block}
.pxc-pw .pxc-in{padding-right:64px}
[dir=rtl] .pxc-pw .pxc-in{padding-right:10px;padding-left:64px}
.pxc-eye{position:absolute;top:6px;right:6px;height:30px;padding:0 9px;border:0;border-radius:6px;background:#f1f5f9;color:#374151;font-size:12.5px;cursor:pointer;font-family:inherit}
[dir=rtl] .pxc-eye{right:auto;left:6px}
.pxc-hint{font-size:12px;color:#6b7280;margin:4px 2px 0}
.pxc-err{display:none;margin:10px 0 0;padding:8px 10px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13.5px;line-height:1.4;text-align:start}
.pxc-ok{display:none;margin:10px 0 0;padding:8px 10px;border-radius:8px;background:#ecfdf5;color:#047857;font-size:13.5px;line-height:1.4;text-align:start}
.pxc-wide{width:100%;margin-top:12px}
.pxc-box .btn.primary.pxc-primary{height:46px;background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-size:15px;font-weight:600;border-radius:10px}
.pxc-box .btn.primary.pxc-primary:hover{background:#1e40af}
.pxc-forgot{margin:12px 0 0;font-size:13px}
.pxc-links{margin:8px 0 0;font-size:13px;color:#444}
.pxc-box a{color:#1d4ed8;text-decoration:none;font-weight:600}
.pxc-box a:hover{text-decoration:underline}
.pxc-small{margin:16px 0 0;font-size:11.5px;color:#8a8f9c;line-height:1.4}
.pxc-small a{font-weight:500}
.pxc-busy{opacity:.7;pointer-events:none}
/* small dialogs */
.pxc-alert .pxc-box{max-width:420px;text-align:start;padding:20px 20px 14px}
.pxc-head{font-size:17px;margin:0 0 8px;padding-inline-end:24px}
.pxc-p{margin:6px 0 10px;font-size:14.5px;line-height:1.5;color:#374151}
.pxc-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:12px}
.pxc-foot .btn{height:40px;padding:0 16px;border-radius:10px;cursor:pointer}
.pxc-foot .pxc-gsmall{width:auto;height:40px;padding:0 14px}
.pxc-danger{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}
/* account menu */
.pxc-menu{position:fixed;z-index:2100;min-width:240px;max-width:calc(100vw - 16px);background:#fff;border:1px solid #e3e5ef;border-radius:14px;box-shadow:0 12px 32px rgba(16,18,40,.22);padding:6px;color:#1d2033}
.pxc-mhead{padding:8px 10px 10px;border-bottom:1px solid #eef0f6;margin-bottom:4px}
.pxc-mhead small{display:block;color:#6b7090;font-size:12px}
.pxc-mhead b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.pxc-mpill{justify-content:flex-start;display:inline-flex;margin-top:6px}
.pxc-mi{display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 10px;border:0;background:transparent;border-radius:10px;font:inherit;font-size:14.5px;color:inherit;cursor:pointer;text-align:start}
.pxc-mi:hover{background:#f1f3fa}
.pxc-mi.danger{color:#dc2626}
/* My designs */
.pxc-panel .pxc-box{max-width:820px;height:min(640px,100%);padding:0;text-align:start;display:flex;flex-direction:column}
.pxc-phead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 12px 10px 18px;border-bottom:1px solid #eef0f6}
[dir=rtl] .pxc-phead{padding:14px 18px 10px 12px}
.pxc-phead b{font-size:18px;display:block}
.pxc-phead small{display:block;color:#6b7090;font-size:12.5px;text-align:start}
.pxc-phead>span{display:flex}
.pxc-phead .ibtn{cursor:pointer}
.pxc-phead .pxc-x{position:static}
.pxc-pbody{padding:6px 14px 14px;overflow-y:auto;flex:1}
.pxc-group{margin-top:10px}
.pxc-gtitle{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#4b5563;margin:6px 4px 8px}
.pxc-gtitle .pxc-ic{width:16px;height:16px}
.pxc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.pxc-card{background:#fff;border:1px solid #e3e5ef;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.pxc-thumb{display:block;width:100%;height:120px;border:0;padding:0;background:#eceef5 center/contain no-repeat;cursor:pointer}
.pxc-cname{padding:7px 9px 0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pxc-cdate{padding:1px 9px 0;font-size:11.5px;color:#6b7090;direction:ltr;text-align:start}
[dir=rtl] .pxc-cdate{direction:rtl}
.pxc-cacts{display:flex;gap:4px;padding:7px 7px 8px}
.pxc-cbtn{height:32px;min-width:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #e1e4ee;background:#fff;border-radius:8px;color:#374151;font:inherit;font-size:13px;cursor:pointer}
.pxc-cbtn .pxc-ic{width:16px;height:16px}
.pxc-copen{flex:1;background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-weight:600}
.pxc-cdel{color:#dc2626}
.pxc-empty{color:#6b7090;padding:14px 10px;text-align:center;font-size:14px;line-height:1.45}
.pxc-errtxt{color:#b91c1c}
.pxc-connect{padding:10px;border:1px dashed #cfd4dc;border-radius:12px;text-align:center}
.pxc-connect p{margin:2px 0 10px;font-size:14px;color:#4b5563}
.pxc-connect .pxc-connbtn{max-width:320px;margin:0 auto}
/* home screen section */
#pxcHome{margin-top:4px}
.pxc-h3{display:flex;align-items:center;gap:6px}
.pxc-h3 .pxc-ic{width:18px;height:18px;color:#1d4ed8}
#pxcHome .pxc-gtitle{margin-top:0}
@media (max-width:600px){#pxcSave{display:none!important}}
.pxc-mi-ed .pxc-ic{width:22px;height:22px}
@media (max-width:480px){
  .pxc-box{padding:22px 18px 16px}
  .pxc-title{font-size:20px}
  .pxc-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .pxc-thumb{height:96px}
  .pxc-panel{padding:0}
  .pxc-panel .pxc-box{height:100%;max-width:none;border-radius:0}
  .pxc-signin{padding:0 11px 0 9px;font-size:13.5px;margin:4px 2px}
}
/* dark mode */
.pxc-dark .pxc-box,.pxc-menu.pxc-dark{background:#1f2333;color:#eef0f8;border-color:#2d3247}
.pxc-dark .pxc-title,.pxc-dark .pxc-lbl,.pxc-dark .pxc-p,.pxc-dark .pxc-links{color:#eef0f8}
.pxc-dark .pxc-sub,.pxc-dark .pxc-small,.pxc-dark .pxc-gtitle,.pxc-dark .pxc-cdate{color:#a3a8c3}
.pxc-dark .pxc-in,.pxc-dark .pxc-google,.pxc-dark .pxc-card,.pxc-dark .pxc-cbtn:not(.pxc-copen){background:#262b3e;border-color:#353b55;color:#eef0f8}
.pxc-dark .pxc-pill,.pxc-dark .pxc-eye{background:#2a3048;color:#c9cde0}
.pxc-dark .pxc-or{border-color:#353b55}.pxc-dark .pxc-or span{background:#1f2333}
.pxc-dark .pxc-box a{color:#8fb0ff}
.pxc-dark .pxc-phead,.pxc-menu.pxc-dark .pxc-mhead{border-color:#2d3247}
.pxc-menu.pxc-dark .pxc-mi:hover{background:#2a3048}