*{box-sizing:border-box}:root{--page-bg:#e8eef3;--surface:#fbfcfd;--surface-soft:#f4f7fa;--text:#182431;--muted:#667382;--muted-strong:#405063;--border:#cfd9e3;--primary:#c66f24;--primary-hover:#ad5f1d;--primary-pressed:#954f18;--danger:#b42318;--shadow-soft:#18243114}html,body{max-width:100%;min-height:100%;overflow-x:clip}html{scrollbar-width:thin;scrollbar-color:#94a3b899 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b899 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#64748bcc padding-box padding-box}.how-it-works-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e;place-items:center;padding:24px;animation:.18s ease-out both how-it-works-fade-in;display:grid;position:fixed;inset:0;overflow:auto}.how-it-works-modal{color:#172033;background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #cbd5e1d9;border-radius:18px;width:min(1040px,100%);max-height:calc(100dvh - 48px);animation:.22s cubic-bezier(.2,.8,.2,1) both how-it-works-rise-in;position:relative;overflow:auto;box-shadow:0 28px 80px #0f172a47,0 4px 16px #0f172a1a}.how-it-works-close{z-index:1;color:#52627a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;transition:background-color .15s,color .15s,transform .15s;display:grid;position:absolute;top:18px;right:18px}.how-it-works-close:hover{color:#2563eb;background:#eef4ff}.how-it-works-close:active{transform:scale(.94)}.how-it-works-close:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}.how-it-works-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.how-it-works-header{text-align:center;padding:32px 72px 24px}.how-it-works-header h2{color:#172033;letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.1}.how-it-works-header p{color:#64748b;max-width:690px;margin:10px auto 0;font-size:14px;line-height:1.55}.how-it-works-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;padding:0 34px 32px;display:grid}.how-it-works-flow-item{min-width:0;position:relative}.how-it-works-card{text-align:center;background:#fff;border:1px solid #dbe4ef;border-radius:13px;flex-direction:column;align-items:center;height:100%;min-height:294px;padding:48px 20px 24px;display:flex;position:relative;box-shadow:0 8px 24px #1e40af0f}.how-it-works-number{color:#2563eb;background:#e8f1ff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:14px;font-weight:800;display:grid;position:absolute;top:14px;left:14px}.how-it-works-illustration{width:116px;height:96px;margin-bottom:12px;position:relative}.how-it-works-illustration>svg{fill:none;stroke:#cbd5e1;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;overflow:visible}.how-it-works-card h3{color:#1e293b;margin:0;font-size:15px;font-weight:800;line-height:1.3}.how-it-works-card p{color:#64748b;margin:9px 0 0;font-size:12.5px;line-height:1.5}.how-it-works-profit-badge{color:#fff;letter-spacing:.01em;white-space:nowrap;background:#2563eb;border:2px solid #fff;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:-2px;right:-2px;box-shadow:0 5px 12px #2563eb3d}.how-it-works-arrow{z-index:2;fill:none;stroke:#3478f6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:20px;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.how-it-works-assurance{display:none}@keyframes how-it-works-fade-in{0%{opacity:0}}@keyframes how-it-works-rise-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@media (max-width:900px){.how-it-works-modal{width:min(620px,100%)}.how-it-works-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works-arrow{display:none}}@media (max-width:560px){.how-it-works-overlay{background:#0f172aad;align-items:center;padding:10px}.how-it-works-modal{border:1px solid #cbd5e1f2;border-radius:15px;width:min(420px,100%);min-height:0;max-height:calc(100dvh - 20px);box-shadow:0 24px 60px #02081766,0 3px 12px #0208172e}.how-it-works-header{text-align:center;padding:18px 46px 12px}.how-it-works-header h2{letter-spacing:-.025em;font-size:23px}.how-it-works-header p{max-width:330px;margin-top:5px;font-size:11px;line-height:1.4}.how-it-works-close{z-index:10;float:right;color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #d7e0eb;border-radius:11px;width:44px;height:44px;margin:8px 8px -52px 0;position:sticky;top:8px;box-shadow:0 3px 10px #0f172a1a}.how-it-works-close:hover,.how-it-works-close:active{color:#1d4ed8;background:#eef4ff}.how-it-works-flow{grid-template-columns:1fr;gap:21px;padding:0 12px 16px}.how-it-works-card{text-align:left;border-radius:10px;align-items:flex-start;min-height:0;padding:18px 12px 15px 96px;box-shadow:0 3px 12px #1e40af0f}.how-it-works-number{width:23px;height:23px;font-size:12px;top:8px;left:8px}.how-it-works-illustration{width:67px;height:58px;margin:0;position:absolute;top:23px;left:21px}.how-it-works-card h3{margin-top:0;font-size:12.5px}.how-it-works-card p{margin-top:5px;font-size:11px;line-height:1.42}.how-it-works-profit-badge{padding:4px 7px;font-size:8px;bottom:-7px;right:-4px}.how-it-works-flow-item:not(:last-child):after{z-index:3;content:"";border-bottom:2px solid #3478f6;border-right:2px solid #3478f6;width:8px;height:8px;position:absolute;bottom:-17px;left:50%;transform:rotate(45deg)translate(-50%)}.how-it-works-assurance{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:7px;padding:0 16px 18px;font-size:9.5px;line-height:1.3;display:flex}.how-it-works-assurance svg{fill:none;stroke:#4775a9;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}}@media (max-width:360px){.how-it-works-overlay{padding:6px}.how-it-works-modal{border-radius:12px;max-height:calc(100dvh - 12px)}.how-it-works-header{padding-top:14px}.how-it-works-header h2{font-size:21px}.how-it-works-flow{gap:18px;padding-inline:8px}.how-it-works-card{padding-left:86px}.how-it-works-illustration{width:64px;left:15px}.how-it-works-flow-item:not(:last-child):after{bottom:-15px}}@media (prefers-reduced-motion:reduce){.how-it-works-overlay,.how-it-works-modal{animation:none}}body{min-height:100vh;color:var(--text);background:#f8fafc;flex-direction:column;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative}a{color:inherit;text-decoration:none}.site-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfdeb;border-bottom:1px solid #cfd9e3d9;position:sticky;top:0}.page,.site-footer{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 32px);min-height:44px;margin:0 auto;display:flex}.brand-group{align-items:center;gap:10px;min-width:0;display:flex}.brand{isolation:isolate;align-content:center;align-self:stretch;gap:1px;padding:4px 6px;font-size:17px;font-weight:800;line-height:1;display:grid;position:relative;overflow:hidden}.brand:before{z-index:-1;content:"";image-rendering:pixelated;background:linear-gradient(#fcfcfce6,#dddfe200),url(/Screenshot%202026-06-17%20225804.png) 50%/cover no-repeat;position:absolute;inset:0;transform:rotate(180deg)scale(1.18)}.brand-name{width:fit-content;display:inline-block;position:relative}.brand strong{color:#18365f;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.brand-divider{background:#66738247;width:1px;height:24px}.brand-tagline{color:#2a0008;white-space:nowrap;align-items:center;gap:3px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.brand-tagline span{color:#2a0008;padding:3px 5px;position:relative}.topbar nav{color:var(--muted-strong);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;position:relative}.nav-notif-wrap{align-items:center;display:flex;position:relative}.nav-notif-button{width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffffbd;border:1px solid #18243124;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-notif-button:hover{background:#ffffffeb;border-color:#1824313d}.nav-notif-badge{color:#fff;text-align:center;pointer-events:none;background:#dc2626;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-5px;right:-5px}.nav-notif-dropdown{z-index:200;background:#fbfcfdfa;border:1px solid #cfd9e3eb;border-radius:10px;width:min(400px,100vw - 24px);max-height:520px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 14px 36px #1824312e}.nav-notif-header{color:var(--text);border-bottom:1px solid #18243114;padding:12px 14px 10px;font-size:17px;font-weight:700}.nav-notif-empty{color:var(--text);margin:0;padding:16px 14px;font-size:16px}.nav-notif-list{flex-direction:column;display:flex}.nav-notif-item{cursor:pointer;border-bottom:1px solid #18243124;flex-direction:column;gap:4px;padding:12px 14px;transition:background .12s;display:flex}.nav-notif-item:last-child{border-bottom:0}.nav-notif-item:hover{background:#1824310d}.nav-notif-item.is-read{opacity:.8;cursor:default}.nav-notif-item.nav-notif-changesrequired{border-left:4px solid #dc2626}.nav-notif-item.nav-notif-approved{border-left:4px solid #15803d}.nav-notif-item.nav-notif-resolved{background:#dcfce7;border-left:4px solid #15803d}.nav-notif-item.nav-notif-resolved .nav-notif-title{color:#14532d}.nav-notif-title{color:var(--text);font-size:17px;font-weight:700}.nav-notif-message{color:#1f2937;white-space:pre-wrap;word-break:break-word;margin:0;font-size:16px}.nav-notif-time{color:#4b5563;font-size:14px}.nav-notif-item .button{align-self:flex-start;margin-top:6px}.nav-menu{align-items:center;gap:16px;display:flex}.nav-menu-button{display:none}.topbar .nav-menu>*+*{position:relative}.topbar .nav-menu>*+:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#66738273 50%,#0000 100%);width:1px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.nav-link{min-height:28px;color:var(--muted-strong);align-items:center;padding:0 2px;transition:color .16s;display:inline-flex;position:relative}.nav-link:after{content:"";opacity:0;background:0 0;border-radius:999px;height:2px;transition:transform .18s,opacity .18s,background-color .18s;position:absolute;bottom:2px;left:2px;right:2px;transform:scaleX(.35)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{background:var(--primary);opacity:1;transform:scaleX(1)}@media (min-width:601px){.topbar nav{font-size:17px}.nav-notif-wrap{order:1;margin-left:4px}}.nav-muted,.nav-user{color:var(--muted)}.nav-button{color:var(--muted-strong);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.profile-logout-button{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex}.profile-logout-button:hover{background:#f5f7fa;border-color:#b7c2cf}.profile-logout-icon{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.page{flex:1 0 auto;width:min(1180px,100% - 32px);margin:0 auto;padding:16px 0 56px}.page:has(.design-workspace){width:100%;padding:0}.page:has(.workspace){width:calc(100% - 32px);padding:16px 0 0}.site-footer{background:#fbfcfdd6;border-top:1px solid #cfd9e3d9;flex:none}.site-footer-inner{width:min(1180px,100% - 32px);min-height:44px;color:var(--muted-strong);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:12px;font-weight:800;display:flex}.site-footer nav{align-items:center;gap:14px;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text)}.home{align-items:center;min-height:520px;display:grid}.home h1{max-width:760px;margin:0;font-size:56px;line-height:1.02}.lead{max-width:640px;color:var(--muted);font-size:18px;line-height:1.6}.eyebrow{color:var(--muted-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.actions,.canvas-toolbar,.dashboard-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.actions{flex-wrap:wrap;justify-content:flex-start}.button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.button.primary{background:radial-gradient(circle at 50% 45%, #ffffff5c 0%, #ffffff29 34%, #2a00085c 100%), linear-gradient(180deg, #2a00086b, #2a00088f), url(/button%20imgae.png) center / cover no-repeat, var(--primary);color:#fff;border-color:#0000;box-shadow:0 6px 14px #c66f2447,inset 0 1px #ffffff38}.button.primary:hover{background:radial-gradient(circle at 50% 45%, #ffffff6b 0%, #ffffff2e 34%, #2a00086b 100%), linear-gradient(180deg, #2a00087a, #2a00089e), url(/button%20imgae.png) center / cover no-repeat, var(--primary-hover);border-color:#0000;box-shadow:0 8px 18px #c66f2457,inset 0 1px #fff3}.button.primary:active{background:radial-gradient(circle at 50% 48%, #ffffff47 0%, #ffffff1a 34%, #2a000894 100%), linear-gradient(180deg, #2a000894, #2a0008b8), url(/button%20imgae.png) center / cover no-repeat, var(--primary-pressed);border-color:#0000;box-shadow:0 3px 8px #c66f243d,inset 0 1px 2px #502a0e33}.button.primary:disabled{color:#fff;box-shadow:none;background:radial-gradient(circle at 50% 45%,#ffffff47 0%,#ffffff1f 34%,#2a000880 100%),linear-gradient(#52403894,#483832ad),url(/button%20imgae.png) 50%/cover no-repeat,#c88248;border-color:#0000;transform:none}.button.primary.profile-create-button{background:#3b5ce0;align-items:center;gap:8px;display:inline-flex;box-shadow:0 6px 14px #3b5ce047}.button.primary.profile-create-button:hover{background:#2f4bc4;box-shadow:0 8px 18px #3b5ce052}.profile-create-icon{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:15px;height:15px}.sidebar-login-button.button.primary{background:radial-gradient(circle at 50% 45%, #ffffff4d 0%, #ffffff1f 36%, #2a00086b 100%), linear-gradient(180deg, #2a00085c, #2a000885), url(/button2.png) center / cover no-repeat, var(--primary)}.sidebar-login-button.button.primary:hover{background:radial-gradient(circle at 50% 45%, #ffffff85 0%, #ffffff3d 38%, #2a000880 100%), linear-gradient(180deg, #2a000861, #2a00088f), url(/button2.png) center / cover no-repeat, var(--primary-hover);transform:none;box-shadow:0 6px 16px #2a000838,inset 0 0 18px #ffffff2e}.button.danger{color:var(--danger);background:#fff5f5;border-color:#f3b5b5}.button.small{min-height:32px;padding:0 10px;font-size:12px}.button.active{color:#fff;background:#4b4646;border-color:#4b4646}.button:disabled{cursor:not-allowed;opacity:.6}.button.full{width:100%}.workspace{gap:18px;display:grid}.canvas-toolbar h1{margin:0 0 4px;font-size:34px}.canvas-toolbar p{color:var(--muted);margin:0}.canvas-layout{grid-template-columns:minmax(0, var(--canvas-size,1000px)) 32px 300px;justify-content:center;align-items:start;gap:18px;min-width:0;transition:grid-template-columns .22s;display:grid;position:relative}.canvas-layout.is-sidebar-collapsed{grid-template-columns:minmax(0, var(--canvas-size,1000px)) 32px 0}.canvas-frame{width:min(100%, var(--canvas-size,1000px));justify-items:start;gap:8px;min-width:0;max-width:100%;transition:width .22s;display:grid;position:relative}.pixel-canvas{aspect-ratio:1;touch-action:none;width:100%;height:auto;image-rendering:pixelated;box-shadow:0 16px 36px var(--shadow-soft);background:#fff;border:0;border-radius:4px;display:block}.pixel-canvas.is-picker{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23182431' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v5'/%3E%3Cpath d='M12 16v5'/%3E%3Cpath d='M3 12h5'/%3E%3Cpath d='M16 12h5'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.pixel-canvas.is-mover,.pixel-canvas.is-panning{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%2305070c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4v20'/%3E%3Cpath d='m10.5 7.5 3.5-3.5 3.5 3.5'/%3E%3Cpath d='m10.5 20.5 3.5 3.5 3.5-3.5'/%3E%3Cpath d='M4 14h20'/%3E%3Cpath d='m7.5 10.5-3.5 3.5 3.5 3.5'/%3E%3Cpath d='m20.5 10.5 3.5 3.5-3.5 3.5'/%3E%3Ccircle cx='14' cy='14' r='1.4' fill='%2305070c' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 14 14,move}.canvas-zoom-slider{height:min(var(--canvas-rendered-size,var(--canvas-size,1000px)), 100%);flex-direction:column;align-self:center;align-items:center;gap:6px;max-height:500px;padding:8px 0;display:flex}.zoom-slider-btn{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--fg);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:background .12s;display:flex}.zoom-slider-btn:hover{background:var(--surface)}.zoom-slider-input{writing-mode:vertical-lr;appearance:slider-vertical;cursor:pointer;width:28px;min-height:100px;accent-color:var(--primary,#2563eb);direction:rtl;flex:1}.zoom-slider-label{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.canvas-footer{flex-wrap:wrap;justify-content:flex-start;align-items:start;gap:12px;width:100%;min-width:0;display:flex}.canvas-footer:empty{display:none}.inspection-group{z-index:6;pointer-events:none;flex-direction:column;gap:8px;width:min(286px,100% - 36px);display:flex;position:absolute;top:18px;left:18px}.inspection-group.fade-in{animation:.28s ease-out both inspectionFadeIn}@keyframes inspectionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.inspection-group.is-bottom{flex-direction:column-reverse}.canvas-placement-info{caret-color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fffffff0;border:1px solid #18243129;border-radius:8px;gap:10px;width:100%;padding:12px;display:grid;box-shadow:0 14px 34px #18243129}.canvas-placement-info.is-interactive{pointer-events:auto;width:100%}.inspection-group.is-draggable .canvas-placement-info.is-interactive,.inspection-group.is-draggable .canvas-placement-info.is-interactive *{cursor:grab}.inspection-group.is-draggable .canvas-placement-info.is-interactive:active,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active *{cursor:grabbing}.inspection-group.is-draggable button,.inspection-group.is-draggable button *,.inspection-group.is-draggable a,.inspection-group.is-draggable a *,.inspection-group.is-draggable .canvas-placement-info.is-interactive button,.inspection-group.is-draggable .canvas-placement-info.is-interactive button *,.inspection-group.is-draggable .canvas-placement-info.is-interactive a,.inspection-group.is-draggable .canvas-placement-info.is-interactive a *,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active button,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active button *,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active a,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active a *{cursor:pointer}.inspection-group.is-draggable input,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active input,.inspection-group.is-draggable .canvas-placement-info.is-interactive .inspection-color-picker,.inspection-group.is-draggable .canvas-placement-info.is-interactive .inspection-color-picker *,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active .inspection-color-picker,.inspection-group.is-draggable .canvas-placement-info.is-interactive:active .inspection-color-picker *{cursor:auto}.canvas-placement-info.has-close>strong{min-height:22px;padding-left:28px}.inspection-close-button{caret-color:#0000;width:22px;height:22px;color:var(--muted-strong);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffc7;border:1px solid #18243124;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:8px;left:8px}.inspection-close-button:before,.inspection-close-button:after{content:"";background:currentColor;border-radius:999px;width:10px;height:2px;position:absolute}.inspection-close-button:before{transform:rotate(45deg)}.inspection-close-button:after{transform:rotate(-45deg)}.inspection-close-button:hover{color:var(--text);background:#fff;border-color:#18243147}.canvas-placement-info>strong{caret-color:#0000;color:var(--text);cursor:default;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.placement-info-header{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding-left:28px;display:flex}.placement-info-title{min-width:0;color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic;font-weight:500;overflow:hidden}.placement-info-cost{color:var(--text);flex-shrink:0;font-size:13px;font-weight:800}.canvas-placement-info dl{grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0;display:grid}.canvas-placement-info dt{color:var(--muted);font-size:12px;font-weight:900}.canvas-placement-info dd{min-width:0;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:800;overflow:hidden}.canvas-placement-info dl .dl-divider-top{color:var(--text);border-top:1px solid #18243129;margin-top:6px;padding-top:8px}.canvas-placement-info dl dd.dl-divider-top{font-weight:900}.inspection-import{gap:8px;padding-top:2px;display:grid}.inspection-import-actions{grid-template-columns:minmax(0,1fr) 58px;align-items:stretch;gap:8px;display:grid}.inspection-buy-panel{grid-template-rows:auto 1fr;min-width:0;display:grid}.inspection-buy-tooltip-wrap{display:block;position:relative}.inspection-buy-tooltip-wrap.show-tip:after{content:attr(data-tip);left:var(--tip-x,50%);top:var(--tip-y,50%);z-index:30;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#182431f2;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .12s;position:absolute;transform:translate(12px,14px)}.inspection-buy-tooltip-wrap.show-tip:hover:after{opacity:1}.inspection-buy-main{color:#fff;text-shadow:0 1px 2px #1824316b;background:linear-gradient(#1824316b,#18243194),url(/buy%20button.png) 50%/cover no-repeat,#8c321a;border-color:#9d371257;border-bottom-right-radius:0;border-bottom-left-radius:0}.inspection-buy-main:hover:not(:disabled){background:linear-gradient(#18243157,#18243180),url(/buy%20button.png) 50%/cover no-repeat,#8c321a;border-color:#9d371275}.inspection-buy-main:disabled{color:#ffffffbd;opacity:.72;text-shadow:none}.inspection-buy-main.is-ready{border-color:#d99a0080;animation:1.8s ease-in-out infinite buyPulse;box-shadow:0 0 0 2px #d99a004d,0 2px 8px #d99a0033}@keyframes buyPulse{0%,to{box-shadow:0 0 0 2px #d99a004d,0 2px 8px #d99a0033}50%{box-shadow:0 0 0 4px #d99a0080,0 2px 12px #d99a0059}}.inspection-buy-switch{grid-template-columns:1fr 1fr;height:42px;display:grid}.inspection-buy-switch-option{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-top:0;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.inspection-buy-switch-option:first-child{--sq:#d99a006b;border-bottom-left-radius:6px}.inspection-buy-switch-option:first-child:before{content:"";background: linear-gradient(var(--sq), var(--sq)) 70px 14px / 14px 14px no-repeat,  linear-gradient(#18365f38, #18365f38) 14px 0 / 1px 42px no-repeat, linear-gradient(#d99a003d, #d99a003d) 28px 0 / 1px 42px no-repeat, linear-gradient(#e30a172e, #e30a172e) 42px 0 / 1px 42px no-repeat, linear-gradient(#2a775c38, #2a775c38) 56px 0 / 1px 42px no-repeat, linear-gradient(#5c64703d, #5c64703d) 70px 0 / 1px 42px no-repeat, linear-gradient(#6848912e, #6848912e) 84px 0 / 1px 42px no-repeat,  linear-gradient(to right, #18365f38 0px 14px, #d99a003d 14px 28px, #e30a172e 28px 42px, #2a775c38 42px 56px, #5c64703d 56px 70px, #6848912e 70px 84px, #14202c29 84px 98px) 0 14px / 98px 1px no-repeat, linear-gradient(to right, #18365f38 0px 14px, #d99a003d 14px 28px, #e30a172e 28px 42px, #2a775c38 42px 56px, #5c64703d 56px 70px, #6848912e 70px 84px, #14202c29 84px 98px) 0 28px / 98px 1px no-repeat;position:absolute;inset:0}.inspection-buy-switch-option:last-child{--sq1:#e30a174d;--sq2:#d99a0057;--sq3:#2a775c4d;border-left:0;border-bottom-right-radius:6px}.inspection-buy-switch-option:last-child:before{content:"";background: linear-gradient(var(--sq1), var(--sq1)) 70px 0px / 14px 14px no-repeat,  linear-gradient(var(--sq2), var(--sq2)) 70px 14px / 14px 14px no-repeat,  linear-gradient(var(--sq3), var(--sq3)) 84px 28px / 14px 14px no-repeat,  linear-gradient(#18365f38, #18365f38) 14px 0 / 1px 42px no-repeat, linear-gradient(#d99a003d, #d99a003d) 28px 0 / 1px 42px no-repeat, linear-gradient(#e30a172e, #e30a172e) 42px 0 / 1px 42px no-repeat, linear-gradient(#2a775c38, #2a775c38) 56px 0 / 1px 42px no-repeat, linear-gradient(#5c64703d, #5c64703d) 70px 0 / 1px 42px no-repeat, linear-gradient(#6848912e, #6848912e) 84px 0 / 1px 42px no-repeat,  linear-gradient(to right, #18365f38 0px 14px, #d99a003d 14px 28px, #e30a172e 28px 42px, #2a775c38 42px 56px, #5c64703d 56px 70px, #6848912e 70px 84px, #14202c29 84px 98px) 0 14px / 98px 1px no-repeat, linear-gradient(to right, #18365f38 0px 14px, #d99a003d 14px 28px, #e30a172e 28px 42px, #2a775c38 42px 56px, #5c64703d 56px 70px, #6848912e 70px 84px, #14202c29 84px 98px) 0 28px / 98px 1px no-repeat;position:absolute;inset:0}.inspection-buy-switch-option:not(.is-active){opacity:.45}.inspection-buy-switch-option.is-active{box-shadow:inset 0 0 0 1px #1824312e}.inspection-buy-switch-option:first-child.is-active{--sq:#d99a00b8;background:#d99a000f}.inspection-buy-switch-option:last-child.is-active{--sq1:#e30a178a;--sq2:#d99a0094;--sq3:#2a775c85}.inspection-buy-switch.is-prompting .inspection-buy-switch-option{animation:2s ease-in-out infinite buySwitchPrompt}.inspection-buy-switch.is-prompting .inspection-buy-switch-option:last-child{animation-delay:1s}.inspection-buy-switch.is-prompting .inspection-buy-switch-option:first-child{--sq:#d99a00b8}.inspection-buy-switch.is-prompting .inspection-buy-switch-option:last-child{--sq1:#e30a178a;--sq2:#d99a0094;--sq3:#2a775c85}@keyframes buySwitchPrompt{0%,50%,to{opacity:.4;box-shadow:none}15%,35%{opacity:1;box-shadow:inset 0 0 0 1px #1824312e}}.inspection-buy-switch-option:disabled{cursor:not-allowed;opacity:.6}.inspection-buy-switch-option span{z-index:1;text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.inspection-buy-switch-option i{z-index:1;position:relative}.inspection-selected-color{border:1px solid #18243157;border-radius:3px;flex:none;width:13px;height:13px;box-shadow:inset 0 1px #ffffff73}.inspection-selected-count{background:var(--text);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:17px;height:17px;font-size:10px;font-style:normal;font-weight:900;line-height:1;display:inline-grid}.inspection-import-button{text-align:center;white-space:normal;color:#fff;text-shadow:0 1px 2px #00000073;background:radial-gradient(120% 80% at 50% 45%,#fff0 40% 100%),linear-gradient(160deg,#2b3a4d 0%,#1c2735 48%,#11181f 100%);border-color:#0b121c99;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:4px;height:100%;min-height:76px;line-height:1.2;display:flex;position:relative;overflow:hidden}.inspection-import-button:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 45%,#ffffff52,#fff0 70%);transition:opacity .16s;position:absolute;inset:0}.inspection-import-button:hover:not(:disabled):before{opacity:1}.inspection-import-icon{z-index:1;color:#fff;position:relative}.inspection-import-button span{z-index:1;position:relative}.inspection-import .button.small{min-height:32px;padding:0 8px;font-size:12px}.inspection-import .inspection-import-button.button.small{min-height:76px}.inspection-color-picker-modal{pointer-events:auto;animation:.2s ease-out slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inspection-color-picker{pointer-events:auto;background:#fff;border-radius:8px;grid-template-columns:1fr;gap:12px;padding:12px;animation:.2s ease-out slideInUp;display:grid;box-shadow:0 8px 24px #1824311f,0 2px 8px #18243114}.inspection-color-picker-header{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:900}.color-picker-top{align-items:stretch;gap:6px;display:flex}.color-picker-gradient{cursor:crosshair;border-radius:4px;flex:1;height:110px;position:relative}.color-picker-hue{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(red 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);border:1px solid #1824311a;border-radius:4px;flex-shrink:0;width:18px;position:relative}.hue-thumb{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000073}.color-picker-info{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.color-picker-display{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.color-preview{border:1px solid #18243133;border-radius:4px;flex-shrink:0;width:36px;height:36px}.color-values{flex-direction:column;gap:2px;display:flex}.hex-value{color:var(--text);font-family:monospace;font-size:12px;font-weight:700}.color-picker-recents{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.previous-color-button{cursor:pointer;border:1px solid #18243133;border-radius:3px;flex:none;width:18px;height:18px;padding:0;transition:transform .12s,box-shadow .12s}.previous-color-button:hover{border-color:#18243166;transform:scale(1.15);box-shadow:0 2px 6px #18243133}.previous-color-button:active{transform:scale(.92)}.inspection-flow-message{color:var(--muted-strong);margin:-2px 0 0;font-size:12px;font-weight:800;line-height:1.35}.canvas-admin-pixel-controls{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:10px;padding-top:10px;display:grid}.canvas-admin-pixel-controls>strong{grid-column:1/-1}.canvas-admin-pixel-controls input{box-sizing:border-box;width:100%;min-width:0}.canvas-admin-pixel-controls .admin-delete-pixel-button{grid-column:1/-1;width:100%}.canvas-inspection-design-list{gap:6px;max-height:190px;display:grid;overflow:auto}.canvas-inspection-design-list p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.inspection-empty-designs{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspection-empty-designs a{color:#315fdb;background:#f3f7ff;border:1px solid #cbd9f4;border-radius:6px;flex:none;padding:3px 7px;font-size:10px;font-weight:800;line-height:1.3;text-decoration:none}.inspection-empty-designs a:hover{background:#e8f0ff;border-color:#9eb7eb}.canvas-inspection-design-option{min-width:0;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #1824311f;border-radius:6px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:6px;display:grid}.canvas-inspection-design-option:hover:not(:disabled){background:var(--surface);border-color:#18243147}.canvas-inspection-design-option:disabled{cursor:not-allowed;opacity:.58}.canvas-inspection-design-option .saved-design-mini-preview{width:32px;height:32px}.canvas-inspection-design-option>span{gap:2px;min-width:0;display:grid}.canvas-inspection-design-option strong,.canvas-inspection-design-option em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-inspection-design-option strong{color:var(--text);font-size:12px;font-style:normal;font-weight:900}.canvas-inspection-design-option em{color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.canvas-import-info{z-index:8;background:#fffffff5;border:1px solid #0f766e42;border-radius:8px;gap:10px;width:min(240px,100% - 36px);padding:12px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 14px 34px #18243129}.canvas-import-info>strong{color:var(--text);overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:900;display:-webkit-box;overflow:hidden}.canvas-import-info dl{grid-template-columns:max-content minmax(0,1fr);gap:6px 12px;margin:0;display:grid}.canvas-import-info dt{color:var(--muted);font-size:12px;font-weight:900}.canvas-import-info dd{min-width:0;color:var(--text);text-align:right;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:12px;font-weight:800}.canvas-import-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.import-defense-row{border-top:1px solid var(--border);gap:6px;padding:8px 0;display:grid}.import-defense-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-strong);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.import-defense-info-btn{cursor:pointer;color:var(--muted-strong);background:0 0;border:none;padding:0;font-size:13px;line-height:1}.import-defense-info-btn:hover{color:var(--text)}.import-defense-presets{flex-wrap:wrap;gap:4px;display:flex}.import-defense-preset{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:700;transition:border-color .1s,background .1s}.import-defense-preset:hover{border-color:var(--text)}.import-defense-preset.active{background:var(--text);color:#fff;border-color:var(--text)}.import-defense-custom{border:1px solid var(--border);background:#fff;border-radius:5px;outline:none;width:72px;padding:3px 6px;font-size:12px}.import-defense-custom.active,.import-defense-custom:focus{border-color:var(--text)}.import-defense-note{color:#1a5f9e;background:#eef5fd;border:1px solid #c3daef;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600;line-height:1.4}.import-defense-tooltip{color:#1a1a2e;background:#f5f8fc;border:1px solid #c3daef;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}.import-defense-tooltip strong{margin-bottom:4px;font-size:12px;display:block}.import-defense-tooltip p{margin:0}.price-info-btn{color:#3268d8;cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-left:3px;padding:0;transition:color .15s,background .15s;display:inline-flex}.price-info-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px}.price-info-btn:hover,.price-info-btn[aria-expanded=true]{color:#174fbf;background:#e8f0ff}.price-info-btn:focus-visible{outline-offset:1px;outline:2px solid #7da6ff}.price-breakdown-tooltip{color:#1a1a2e;background:#f5f8fc;border:1px solid #c3daef;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:12px;line-height:1.4}.price-breakdown-tooltip strong{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-strong);margin-bottom:6px;font-size:10px;display:block}.price-breakdown-tooltip dl{grid-template-columns:1fr auto;gap:2px 12px;margin:0;display:grid}.price-breakdown-tooltip dt{color:#43506b}.price-breakdown-tooltip dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.price-breakdown-tooltip dt:last-of-type,.price-breakdown-tooltip dd:last-of-type{color:#1a1a2e;border-top:1px solid #c3daef;margin-top:2px;padding-top:3px;font-weight:700}.price-breakdown-resale{color:#126536;background:linear-gradient(135deg,#effff3 0%,#f7fff9 100%);border:1px solid #83dda4;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;margin:6px 0 0;padding:6px;display:grid}.price-breakdown-resale strong{color:#137a4d}.resale-bonus-icon{color:#249657;background:#baf0cb;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.resale-bonus-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.resale-bonus-main{min-width:0;display:block}.resale-bonus-badge{color:#125f33;letter-spacing:.04em;text-transform:uppercase;background:#b9edc9;border-radius:999px;margin:0 0 3px;padding:1px 5px;font-size:8px;font-weight:800;line-height:1.5;display:table}.resale-bonus-value{color:#0c8a45;align-items:baseline;gap:5px;font-size:18px;font-weight:800;line-height:1;display:flex}.resale-bonus-value small{color:#17673a;font-size:9px;font-weight:700}.resale-bonus-payout{color:#285d3e;border-left:1px solid #24965733;flex-direction:column;align-items:flex-start;min-width:58px;padding-left:7px;line-height:1.15;display:flex}.resale-bonus-payout small{font-size:9px;font-weight:700}.resale-bonus-payout strong{color:#0c8a45;margin-top:2px;font-size:16px;font-weight:800}.canvas-overlay{z-index:9;aspect-ratio:1;pointer-events:none;width:100%;position:absolute;top:0;left:0}.import-placement-controls{z-index:9;pointer-events:none;position:absolute}.import-move-button{color:#0f766e;cursor:pointer;pointer-events:auto;background:#fffffff5;border:1px solid #0f766e5c;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;box-shadow:0 8px 20px #18243129}.import-move-button:hover{background:#f0fdfa}.import-move-button.up{top:-38px;left:50%;transform:translate(-50%)}.import-move-button.right{top:50%;right:-38px;transform:translateY(-50%)}.import-move-button.down{bottom:-38px;left:50%;transform:translate(-50%)}.import-move-button.left{top:50%;left:-38px;transform:translateY(-50%)}.move-arrow-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.canvas-tool-controls{gap:6px;display:flex}.canvas-tool-cluster{justify-items:start;gap:6px;display:grid;position:relative}.canvas-display-footer{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.canvas-display-controls{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:2px;display:flex}.canvas-tool-help{top:var(--help-top,auto);right:var(--help-right,auto);bottom:var(--help-bottom,auto);left:var(--help-left,0);z-index:12;border:1px solid var(--border);background:var(--surface);width:min(320px,100vw - 32px);box-shadow:0 8px 20px var(--shadow-soft);border-radius:6px;justify-content:space-between;align-items:start;gap:8px;padding:10px 12px;display:flex;position:absolute}.canvas-tool-help:before,.canvas-tool-help:after{top:var(--help-arrow-top,auto);right:var(--help-arrow-right,auto);bottom:var(--help-arrow-bottom,-8px);left:var(--help-arrow-left,18px);content:"";border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute}.canvas-tool-help:before{bottom:var(--help-arrow-border-bottom,-9px);border-top:8px solid var(--border)}.canvas-tool-help:after{border-top:8px solid var(--surface)}.canvas-tool-help.help-step-1{--help-bottom:54px;--help-left:0;--help-arrow-left:10px}.canvas-tool-help.help-step-2{--help-bottom:54px;--help-left:0;--help-arrow-left:52px}.canvas-tool-help.help-step-3{--help-top:0;--help-right:calc(100% + 12px);--help-bottom:auto;--help-left:auto;--help-arrow-top:24px;--help-arrow-right:-8px;--help-arrow-bottom:auto;--help-arrow-border-bottom:auto;--help-arrow-left:auto}.canvas-tool-help.help-step-3:before,.canvas-tool-help.help-step-3:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid var(--border)}.canvas-tool-help.help-step-3:before{right:-9px}.canvas-tool-help.help-step-3:after{border-left-color:var(--surface)}.canvas-tool-help.help-step-4{--help-top:0;--help-right:calc(100% + 12px);--help-arrow-top:26px;--help-arrow-right:-8px;--help-arrow-bottom:auto;--help-arrow-border-bottom:auto;--help-arrow-left:auto}.canvas-tool-help.help-step-4:before,.canvas-tool-help.help-step-4:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid var(--border)}.canvas-tool-help.help-step-4:before{right:-9px}.canvas-tool-help.help-step-4:after{border-left-color:var(--surface)}.help-target-ring{z-index:11;pointer-events:none;border:2px solid var(--primary);border-radius:8px;position:absolute;box-shadow:0 0 0 4px #c66f242e}.mini-map-target{width:calc(100% + 12px);height:calc(100% + 12px);box-shadow:none;border:0;top:-6px;bottom:auto;right:-6px}.side-panel dl.is-help-target{position:relative}.side-window-map{border-bottom:1px solid var(--border);color:var(--muted-strong);justify-content:space-between;align-items:end;gap:10px;margin-bottom:16px;padding-bottom:14px;font-size:13px;font-weight:800;display:flex;position:relative}.side-window-map>div{justify-items:end;gap:2px;min-width:0;display:grid}.side-window-map strong{color:var(--text);font-size:14px}.side-window-map span{color:var(--muted);font-size:12px;font-weight:700}.side-display-mode{border-bottom:1px solid var(--border);justify-items:stretch;gap:8px;margin-bottom:16px;padding-bottom:14px;display:grid}.side-display-mode h3{color:var(--muted-strong);margin:0;font-size:13px;font-weight:800}.ranking-panel{border-bottom:1px solid var(--border);gap:8px;margin-bottom:16px;padding-bottom:14px;display:grid}.ranking-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.ranking-heading h3{color:var(--muted-strong);margin:0;font-size:13px;font-weight:800}.ranking-heading span{color:var(--muted);font-size:11px;font-weight:800}.ranking-list{gap:5px;display:grid}.ranking-list p{color:var(--muted);margin:0;font-size:12px;font-weight:700}.ranking-row{color:var(--text);grid-template-columns:minmax(0,1fr) 52px 76px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.ranking-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ranking-row span:nth-child(2),.ranking-row span:nth-child(3){text-align:right}.ranking-row-head{color:var(--muted);text-transform:uppercase;font-size:10px}.ranking-row-head button{min-width:0;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;text-align:left;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ranking-row-head button:nth-child(2),.ranking-row-head button:nth-child(3){text-align:right}.ranking-row-head button:hover{color:var(--text)}.ranking-row-head button span{color:var(--primary);margin-left:3px;display:inline}.side-panel dl.is-help-target:after{content:"";pointer-events:none;border:2px solid var(--primary);border-radius:8px;width:calc(100% + 14px);height:24px;position:absolute;top:28px;right:-7px;box-shadow:0 0 0 4px #c66f242e}.canvas-tool-help span{color:var(--primary);margin-bottom:4px;font-size:11px;font-weight:800;line-height:1;display:block}.canvas-tool-help p{color:var(--muted-strong);margin:0;font-size:12px;line-height:1.35}.canvas-tool-help button{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted-strong);font:inherit;cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:4px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.canvas-tool-help button:hover{border-color:var(--primary);color:var(--primary)}.next-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.tool-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted-strong);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,transform .12s;display:inline-flex}.tool-button:hover{background:var(--surface-soft);transform:translateY(-1px)}.tool-button.active{background:radial-gradient(circle at 50% 45%, #ffffff5c 0%, #ffffff29 34%, #2a00085c 100%), linear-gradient(180deg, #2a00086b, #2a00088f), url(/button%20imgae.png) center / cover no-repeat, var(--primary);color:#05070c;border-color:#0000;box-shadow:0 6px 14px #c66f2438}.mode-button{min-height:24px;color:var(--muted-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;padding:0 8px;font-size:12px;font-weight:800}.mode-button:hover{background:var(--surface-soft)}.mode-button.active{background:var(--text);color:#fff}.mode-button.colored-mode.active{color:#fff;background:linear-gradient(#1824316b,#18243194),url(/colored%20toggle.png) 50%/cover no-repeat}.mode-button.value-mode.active{color:#fff;background:linear-gradient(#582a005c,#582a0080),url(/value%20map%20bg.png) 50%/cover no-repeat}.canvas-tool-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.canvas-window-size,.canvas-window-overlay{min-width:0;color:var(--muted-strong);text-align:right;flex:180px;justify-content:flex-end;align-items:end;gap:10px;font-size:13px;font-weight:800;display:flex}.canvas-window-overlay{top:calc(var(--canvas-size,1000px) - 58px);z-index:9;min-width:176px;color:var(--text);text-shadow:0 1px 2px #ffffffd9;flex:none;padding:0;position:absolute;right:12px}.canvas-window-size span,.canvas-window-overlay span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.heat-map-legend{width:min(150px,100%);color:var(--muted);text-align:left;grid-template-columns:1fr 1fr;justify-self:center;gap:3px 8px;font-size:11px;font-weight:800;display:grid}.heat-map-legend span{border:1px solid var(--border);background:linear-gradient(90deg,#fff 0%,#d99a00 100%);border-radius:999px;grid-column:1/-1;height:8px;margin:0;display:block}.heat-map-legend strong{font-size:10px;line-height:1.1}.heat-map-legend strong:last-child{text-align:right}.mini-canvas{background-color:#d9dee5;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fff 75%),linear-gradient(-45deg,#0000 75%,#fff 75%),none;background-position:0 0,0 4px,4px -4px,-4px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #18243159;width:44px;height:44px;position:relative}.mini-canvas-window{background:#1824311f;border:2px solid #182431b8;position:absolute}.side-panel,.auth-panel,.dashboard,.error-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:18px;position:relative}.side-panel{transition:width .22s,padding .22s,border-color .22s,background-color .22s}.side-panel h2,.dashboard h2,.error-panel h1{margin:0 0 14px;font-size:20px}.side-panel.is-collapsed{width:0;min-height:min(560px, var(--canvas-rendered-size,var(--canvas-size,560px)));background:0 0;border-color:#0000;padding:0}.sidebar-toggle{z-index:11;border:1px solid var(--border);background:var(--surface);width:28px;height:62px;color:var(--muted-strong);cursor:pointer;box-shadow:-4px 8px 18px var(--shadow-soft);border-right:0;border-radius:12px 0 0 12px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:-28px;transform:translateY(-50%)}.sidebar-toggle:hover{color:var(--primary)}.side-panel.is-collapsed .sidebar-toggle{left:-28px}.side-panel:not(.is-collapsed) .sidebar-toggle svg{transform:rotate(180deg)}.mini-editor{--mini-panel-padding:10px;border-top:1px solid var(--border);gap:10px;margin-top:22px;padding-top:18px;display:grid;position:relative}.mini-editor-header{padding:var(--mini-panel-padding);justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-editor-header h2{margin:0;font-size:18px}.mini-editor-header span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:800;display:block}.mini-editor-controls,.mini-tool-panel{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:12px;display:grid}.mini-tool-panel{background:#ffffff8f;border:1px solid #1824311a;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px;display:grid}.mini-color{min-width:0;min-height:50px;color:var(--muted-strong);align-items:center;gap:9px;padding:0;font-size:13px;font-weight:800;display:flex}.mini-erase{min-width:62px;min-height:50px;color:var(--muted-strong);border-left:1px solid #1824311a;align-content:center;justify-items:center;gap:6px;padding:0 0 0 10px;font-size:13px;font-weight:800;display:grid}.mini-eraser-size{min-width:110px;min-height:50px;color:var(--muted-strong);border-left:1px solid #1824311a;align-content:center;justify-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;font-weight:800;display:grid}.brush-size-control{color:var(--muted-strong);background:#ffffff8f;border:1px solid #1824311a;border-radius:7px;gap:5px;padding:7px 10px;font-size:12px;font-weight:800;display:grid}.brush-size-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong);font-size:10px}.brush-size-row{align-items:center;gap:8px;display:flex}.brush-size-slider{cursor:pointer;width:auto;min-width:0;height:4px;min-height:0;accent-color:var(--muted-strong);appearance:none;background:linear-gradient(to right, var(--muted-strong) 0%, var(--muted-strong) var(--brush-fill,0%), #18243126 var(--brush-fill,0%), #18243126 100%);border:0;border-radius:999px;flex:1;padding:0}.brush-size-slider::-webkit-slider-thumb{appearance:none;background:var(--muted-strong);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000040}.brush-size-slider::-moz-range-thumb{background:var(--muted-strong);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000040}.brush-size-slider::-moz-range-track{background:0 0;border-radius:999px;height:4px}.brush-size-preview{grid-template-columns:repeat(var(--brush-cells), 1fr);grid-template-rows:repeat(var(--brush-cells), 1fr);background:#fff;border:1px solid #18243140;border-radius:3px;flex-shrink:0;width:20px;height:20px;display:grid;overflow:hidden}.brush-size-cell{border-bottom:1px solid #1824311f;border-right:1px solid #1824311f}.brush-size-value{text-align:right;font-variant-numeric:tabular-nums;min-width:35px;color:var(--muted-strong);font-size:11px}.tool-icon-label{justify-content:center;align-items:center;gap:5px;display:inline-flex}.tool-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.color-wheel{--selected-color:#e30a17;background:linear-gradient(45deg, #1824311a 25%, transparent 25%), linear-gradient(-45deg, #1824311a 25%, transparent 25%), var(--surface);cursor:pointer;width:44px;height:44px;image-rendering:pixelated;background-size:8px 8px;border:1px solid #18243133;border-radius:6px;transition:border-color .14s,box-shadow .14s;display:block;position:relative;box-shadow:0 1px 4px #1824311f,inset 0 1px #ffffffad}.color-wheel:hover{border-color:#18243161;box-shadow:0 2px 7px #18243129,inset 0 1px #ffffffad}.color-wheel:before{content:"";background:var(--selected-color);border:1px solid #18243138;border-radius:4px;position:absolute;inset:7px;box-shadow:inset 0 0 0 2px #ffffffb8}.color-wheel:after{content:"";background:linear-gradient(90deg,#e30a17 0 25%,#f59e0b 25% 50%,#10b981 50% 75%,#2563eb 75% 100%);border-radius:2px;width:9px;height:9px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 1px #ffffffdb,0 0 0 2px #18243133}.color-wheel input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.recent-colors{grid-template-columns:repeat(5,16px);gap:4px;display:grid}.recent-color{cursor:pointer;border:1px solid #18243138;border-radius:2px;width:16px;height:16px;padding:0;transition:border-color .14s,transform .12s,box-shadow .14s;display:block;box-shadow:inset 0 0 0 1px #ffffff47}.recent-color:hover:not(.is-empty){border-color:#18243185;transform:translateY(-1px)}.recent-color.active{border-color:#05070c;box-shadow:0 0 0 2px #fff,0 0 0 3px #05070c}.recent-color.is-empty{cursor:default;opacity:.75;background-color:#d9dee5;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fff 75%),linear-gradient(-45deg,#0000 75%,#fff 75%),none;background-position:0 0,0 3px,3px -3px,-3px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:6px 6px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.mini-size-controls{gap:4px;display:flex;position:absolute;bottom:6px;right:6px}.mini-size-controls .button.small{background:#ffffffe6;border-color:#18243138;min-width:28px;min-height:28px;padding:0;box-shadow:0 1px 4px #18243129}.toggle-switch{width:fit-content;min-height:18px;color:var(--muted-strong);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0;font-size:12px;font-weight:800;display:flex}.toggle-track{background:#f8c7d7;border:1px solid #f0a8bd;border-radius:999px;flex:none;width:34px;height:18px;transition:background-color .16s,border-color .16s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #18243138}.toggle-switch.is-on{color:#1d5f33}.toggle-switch.is-on .toggle-track{background:#bdf2c9;border-color:#8fd7a5}.toggle-switch.is-on .toggle-thumb{transform:translate(16px)}.mini-editor-canvas{aspect-ratio:1;cursor:crosshair;width:100%;image-rendering:pixelated;touch-action:none;background:#fff;border:0;display:block}.mini-canvas-wrap{max-width:100%;position:relative}.mini-editor-canvas.is-preview{cursor:default}.mini-editor-canvas.is-erasing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2317202a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M4.5 14.5 13 6a2.8 2.8 0 0 1 4 0l1 1a2.8 2.8 0 0 1 0 4l-8.5 8.5a2 2 0 0 1-2.8 0l-2.2-2.2a2 2 0 0 1 0-2.8Z'/%3E%3Cpath d='m9 10 5 5'/%3E%3C/g%3E%3C/svg%3E") 4 20,auto}dl{grid-template-columns:94px 1fr;gap:8px 10px;margin:0 0 18px;display:grid}dt{color:var(--muted);font-weight:700}dd{overflow-wrap:anywhere;min-width:0;margin:0}.field{color:var(--muted-strong);gap:7px;margin-bottom:14px;font-weight:800;display:grid}input{border:1px solid var(--border);width:100%;min-height:42px;font:inherit;border-radius:6px;padding:8px 10px}.design-sidebar .field{background:#ffffff8f;border:1px solid #1824311a;border-radius:7px;margin-bottom:0;padding:11px}.design-sidebar input:not([type=range]):not([type=color]){background:#fff;border-color:#18243129;min-height:38px;font-weight:800}.design-sidebar input:not([type=range]):not([type=color]):focus{outline-offset:0;border-color:#1824316b;outline:2px solid #2563eb1f}input[type=color]{padding:4px}.zoom-slider{--slider-progress:40%;accent-color:#4b4646;cursor:pointer;background:0 0;border:0;height:18px;padding:0}.zoom-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #4b4646 0%, #2563eb 38%, #10b981 72%, #f59e0b 100%) 0 / var(--slider-progress) 100% no-repeat, #d8e0ea;border-radius:999px;height:8px}.zoom-slider::-webkit-slider-thumb{appearance:none;background:#4b4646;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-4px;box-shadow:0 1px 5px #1824313d}.zoom-slider::-moz-range-track{background:#d8e0ea;border-radius:999px;height:8px}.zoom-slider::-moz-range-progress{background:linear-gradient(90deg,#4b4646 0%,#2563eb 38%,#10b981 72%,#f59e0b 100%);border-radius:999px;height:8px}.zoom-slider::-moz-range-thumb{background:#4b4646;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 5px #1824313d}.message{color:var(--muted-strong);margin:14px 0 0;line-height:1.5}.message-success{color:#146c39;background:#e7f6ec;border:1px solid #1f9d55;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.5}.error-message{color:var(--danger);margin:14px 0 0;font-weight:800;line-height:1.5}.design-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.design-actions.two{grid-template-columns:1fr 1fr}.loaded-design-actions{gap:8px;display:grid}.saved-designs{gap:6px;display:grid}.saved-designs button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);font:inherit;cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.design-preview{background-color:#d9dee5;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fff 75%),linear-gradient(-45deg,#0000 75%,#fff 75%),none;background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:112px;height:112px;position:relative}.design-preview i{display:block;position:absolute}.saved-design-main{gap:2px;min-width:0;display:grid}.saved-design-main>span:first-child{color:var(--text);font-size:13px;font-weight:800}.saved-design-grid{grid-template-columns:1fr;gap:12px;display:grid}.saved-designs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.saved-designs-header .imported-designs-heading{margin-bottom:0}.saved-designs-new-button{color:#2563eb;background:#fff;border:1px solid #2563eb;gap:6px;font-weight:800}.saved-designs-new-button:hover{color:#1d4ed8;background:#eff6ff;border-color:#1d4ed8}.saved-designs-new-button .profile-create-icon{stroke:currentColor;stroke-width:2.4px;width:15px;height:15px}.saved-design-pixel-badge{color:#15803d;background:#dcfce7;border-radius:999px;align-self:start;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.saved-design-pixel-badge-icon{fill:currentColor;width:13px;height:13px}.saved-design-card{background:#fff;border:1px solid #1824315c;border-radius:6px;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:24px;min-height:110px;padding:10px 36px 10px 28px;display:grid}.design-hover-zone{position:relative}.design-hover-card{z-index:50;border:1px solid var(--border);background:var(--surface);width:min(240px,100vw - 32px);box-shadow:0 18px 40px var(--shadow-soft);border-radius:8px;gap:12px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.saved-design-menu .design-hover-card{top:0;left:auto;right:calc(100% + 8px)}.design-hover-preview{border:1px solid var(--border);background:#fff;border-radius:6px;place-items:center;width:100%;height:148px;display:grid;overflow:hidden}.design-hover-preview-inner{position:relative}.design-hover-preview-inner i{display:block;position:absolute}.design-hover-card dl{gap:8px;margin:0;display:grid}.design-hover-card dl div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.design-hover-card dt{color:var(--muted);font-size:12px;font-weight:800}.design-hover-card dd{min-width:0;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:900;overflow:hidden}.saved-design-preview-button{cursor:pointer;background:0 0;border:0;width:84px;height:84px;padding:0;display:block}.saved-design-preview-button .design-preview{transform-origin:0 0;transform:scale(.75)}.saved-design-card-body{border-left:2px solid #cfd9e3e6;align-content:center;justify-self:start;gap:4px;min-width:0;padding-left:14px;display:grid}.saved-design-card-controls{justify-items:stretch;gap:10px;display:grid}.design-status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.design-status-pendingreview{color:#92400e;background:#fef3c7}.design-status-approved{color:#065f46;background:#d1fae5}.design-status-rejected{color:#991b1b;background:#fee2e2}.design-status-escalated{color:#5b21b6;background:#ede9fe}.design-review-note{color:#991b1b;margin:2px 0 0;font-size:11px;font-style:italic}.saved-design-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.saved-design-card-controls>.button{white-space:nowrap}.saved-design-card h3{margin:0 0 3px;font-size:16px}.saved-design-card p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.open-icon{fill:none;width:17px;height:17px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.saved-designs span{color:var(--muted);font-size:12px;font-weight:800}.saved-design-dropdown{position:relative}.saved-design-dropdown>.button{justify-content:space-between}.chevron-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .16s}.saved-design-dropdown>.button[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.saved-design-menu{z-index:20;border:1px solid var(--border);background:var(--surface);max-height:260px;box-shadow:0 12px 28px var(--shadow-soft);border-radius:6px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.saved-design-menu button{min-height:38px;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;display:flex}.saved-design-menu button:hover{background:var(--surface-soft)}.saved-design-menu p{color:var(--muted);margin:0;font-size:13px}.saved-design-create{background:var(--surface-soft);min-height:38px;color:var(--text);border-radius:4px;align-items:center;padding:0 8px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.saved-design-create:hover{background:var(--border)}.saved-design-menu-item{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.saved-design-menu-preview{width:44px;height:44px;min-height:44px;padding:0}.saved-design-mini-preview{background-color:#d9dee5;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fff 75%),linear-gradient(-45deg,#0000 75%,#fff 75%),none;background-position:0 0,0 4px,4px -4px,-4px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:44px;height:44px;position:relative}.saved-design-mini-preview i{display:block;position:absolute}.saved-design-menu-info{gap:6px;min-width:0;display:grid}.saved-design-menu-info>button:first-child{gap:2px;min-height:0;padding:0;display:grid}.saved-design-menu-info>button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.saved-design-menu-info>button:first-child strong{color:var(--muted);font-size:12px}.saved-design-menu .button.small{border:1px solid var(--border);background:var(--surface);justify-content:center;min-height:30px;font-size:12px}.design-page-link{color:#18365f;width:fit-content;font-size:12px;font-weight:800;line-height:1.3;display:inline-flex}.design-page-link:hover{color:#0e2442;text-underline-offset:3px;text-decoration:underline}.design-workspace{background:radial-gradient(420px 520px at 50% 32%,#f8fafcb8 0,#f8fafc8a 260px,#f8fafc3d 410px,#f8fafc00 620px);gap:0;display:grid}.admin-workspace{gap:22px;display:grid}.admin-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.admin-header h1{margin:0;font-size:clamp(28px,4vw,48px)}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-panel-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.admin-panel-heading span{color:var(--muted);font-size:12px;font-weight:800}.admin-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:start;gap:14px;padding:16px;display:grid}.admin-panel h2{margin:0;font-size:18px}.admin-panel.danger{border-color:#d98383}.admin-panel.danger p{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.4}.admin-coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-user-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.admin-user-search .field{margin-bottom:0}.admin-user-table{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.admin-user-table [role=row]{border-bottom:1px solid var(--border);grid-template-columns:minmax(190px,1fr) minmax(90px,.35fr) 72px 72px 92px 90px;align-items:center;gap:10px;padding:10px;display:grid}.admin-section-nav{flex-wrap:wrap;gap:8px;display:flex}.admin-shell{gap:14px;display:grid}.admin-shell>.admin-section-nav{z-index:20;border:1px solid var(--border);background:#fffffff5;border-radius:8px;padding:8px;position:sticky;top:8px;box-shadow:0 4px 16px #18365f14}.admin-user-table [role=row]:last-child{border-bottom:0}.admin-user-table [role=row]:first-child{background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:900}.admin-user-table [role=row].is-clickable{cursor:pointer}.admin-user-table [role=row].is-clickable:hover,.admin-user-table [role=row].is-clickable:focus{background:#18365f0f;outline:none}.admin-user-table [role=cell]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.admin-user-table strong,.admin-user-table small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.admin-user-table small{color:var(--muted);font-size:12px;font-weight:700}.admin-user-table p{color:var(--muted);margin:0;padding:12px;font-size:13px;font-weight:800}.user-inspection{gap:14px;display:grid}.user-inspection-header{background:#e6edf3;gap:14px;padding:18px;display:grid}.user-inspection-header h1{margin:2px 0 4px;font-size:clamp(30px,5vw,42px);line-height:.95}.user-inspection-header p{color:var(--muted);margin:0;font-weight:800}.user-inspection-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.user-inspection-stats div{gap:4px;display:grid}.user-inspection-stats span{color:var(--muted);font-size:12px;font-weight:900}.user-inspection-stats strong{color:var(--text);font-size:22px;line-height:1}.user-inspection-main{grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr);align-items:start;gap:clamp(28px,8vw,90px);padding:0 10px;display:grid}.inspection-design-list,.inspection-purchase-list{gap:12px;display:grid}.inspection-design-list h2,.inspection-purchase-list h2{margin:0;font-size:22px}.inspection-design-list article,.inspection-purchase-list div{gap:3px;padding-left:42px;display:grid}.inspection-design-list h3{margin:0;font-size:16px;font-weight:800}.inspection-design-list span,.inspection-purchase-list span,.inspection-purchase-list strong,.inspection-design-list p,.inspection-purchase-list p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.inspection-canvas-preview{aspect-ratio:1;border:1px solid var(--border);background-color:#d9dee5;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#fff 75%),linear-gradient(-45deg,#0000 75%,#fff 75%),none;background-position:0 0,0 7px,7px -7px,-7px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;justify-self:center;width:min(340px,100%);position:relative;overflow:hidden}.inspection-canvas-preview i{border:1px solid #18243133;width:4px;height:4px;display:block;position:absolute}.inspection-placements-section{grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr);align-items:start;gap:clamp(28px,8vw,90px);padding:0 10px;display:grid}.inspection-placements-list{gap:12px;display:grid}.inspection-placements-list h2{margin:0;font-size:22px}.placement-item{border:2px solid var(--border);cursor:pointer;border-radius:6px;gap:3px;padding:12px;transition:all .2s;display:grid}.placement-item:hover{border-color:var(--text);background:#00000005}.placement-item.selected{background:#ffff001a;border-color:#ff0}.placement-item h3{margin:0;font-size:16px;font-weight:800}.placement-item span{color:var(--muted);margin:0;font-size:13px;font-weight:800}.placement-location{color:#666;font-size:12px!important}.inspection-placement-canvas-container{gap:12px;display:grid}.inspection-placement-canvas-container h2{margin:0;font-size:22px}.inspection-placement-canvas{border:1px solid var(--border);background:#fff;width:100%;max-width:400px;height:auto}.inspection-snapshot-layout{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);align-items:start;gap:clamp(24px,5vw,60px);padding:0 10px;display:grid}.inspection-purchase-buttons{align-content:start;gap:10px;display:grid}.inspection-purchase-buttons h2,.inspection-snapshot-panel h2{margin:0 0 6px;font-size:22px}.purchase-button{text-align:left;border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;transition:border-color .15s,background .15s;display:flex}.purchase-button:hover{border-color:var(--text);background:#00000005}.purchase-row.selected .purchase-button{background:#ff3b300f;border-color:#ff3b30}.purchase-row{gap:6px;display:grid}.purchase-button-info{gap:3px;min-width:0;display:grid}.purchase-button-info strong{color:var(--text);font-size:15px;font-weight:800}.purchase-button-info span{color:var(--muted);font-size:12px;font-weight:700}.purchase-location{color:#888!important;font-size:11px!important}.purchase-ownership{margin-top:2px;font-size:11px!important;font-weight:700!important}.purchase-ownership.all-owned{color:#1f9d55!important}.purchase-ownership.has-lost{color:#d64545!important}.purchase-thumbnail{border:1px solid var(--border);width:56px;height:56px;image-rendering:pixelated;background-color:#fff;background-image:linear-gradient(45deg,#f3f5f7 25%,#0000 25%),linear-gradient(-45deg,#f3f5f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f3f5f7 75%),linear-gradient(-45deg,#0000 75%,#f3f5f7 75%),none;background-position:0 0,0 5px,5px -5px,-5px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:4px;flex:none}.inspection-snapshot-panel{gap:10px;display:grid;position:sticky;top:16px}.inspection-snapshot-canvas{border:1px solid var(--border);width:100%;max-width:500px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;touch-action:none;background:#fff}.snapshot-canvas-wrap{gap:8px;max-width:500px;display:grid}.snapshot-canvas-controls{align-items:center;gap:12px;display:flex}.snapshot-canvas-controls span{color:var(--muted);min-width:48px;font-size:12px;font-weight:800}.snapshot-canvas-controls button{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:800}.snapshot-canvas-controls button:hover:not(:disabled){border-color:var(--text)}.snapshot-canvas-controls button:disabled{opacity:.4;cursor:default}.snapshot-caption{color:var(--muted);margin:0;font-size:12px;font-weight:700}.admin-details{grid-template-columns:max-content minmax(0,1fr);gap:10px 14px;margin:0;display:grid}.admin-details dt{color:var(--muted);font-size:12px;font-weight:900}.admin-details dd{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:800;overflow:hidden}.external-login-options{gap:10px;margin-top:18px;display:grid}.external-login-options>div{gap:8px;width:100%;display:grid}.external-provider-btn{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.external-provider-btn:hover{background:var(--surface-soft)}.external-provider-btn svg{flex-shrink:0;width:20px;height:20px}.external-provider-item{gap:6px;display:grid}.external-provider-error{color:#d92737;text-align:center;margin:0;font-size:12px;font-weight:500;line-height:1.45}.admin-design-status-filter{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-design-row{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;display:grid}.admin-design-preview-wrap{flex-shrink:0}.admin-design-info{gap:3px;display:grid}.admin-design-note{color:#92400e;font-style:italic}.admin-design-confirmations{gap:12px;margin-top:4px;font-size:12px;font-weight:600;display:flex}.confirm-yes{color:#065f46}.confirm-no{color:#991b1b}.admin-design-actions{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.notifications-list{flex-direction:column;gap:12px;display:flex}.notification-card{background:#f9fafb;border-left:4px solid #6b7280;border-radius:8px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.notification-card .button{align-self:flex-start}.notification-card.notification-changesrequired{background:#fef2f2;border-left-color:#dc2626}.notification-card.notification-approved{background:#f0fdf4;border-left-color:#16a34a}.notification-card.is-read{opacity:.65}.notification-title{font-size:15px;display:block}.notification-message{color:#374151;white-space:pre-wrap;margin:4px 0;font-size:13px}.notification-time{color:#6b7280;font-size:12px}.notification-body{flex:1}.redesign-workspace{max-width:900px}.redesign-page-header{gap:6px;margin-bottom:4px;display:grid}.redesign-back-link{color:var(--muted-strong);font-size:13px;font-weight:500;text-decoration:none}.redesign-back-link:hover{text-decoration:underline}.redesign-page-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.redesign-page-subtitle{color:var(--muted-strong);margin:0;font-size:13px;font-weight:600}.redesign-chips{flex-wrap:nowrap;gap:8px;margin-top:2px;display:flex;overflow-x:auto}.redesign-chip{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.redesign-chip--warning{color:#92400e;background:#fffbeb;border-color:#f59e0b}.redesign-feedback-panel{background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;margin-bottom:4px;padding:16px 20px}.redesign-feedback-heading{color:#92400e;align-items:center;gap:8px;margin-bottom:10px;display:flex}.redesign-feedback-heading svg{flex-shrink:0}.redesign-feedback-heading h2{color:#92400e;margin:0;font-size:15px;font-weight:700}.redesign-feedback-details{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 10px;font-size:14px;display:grid}.redesign-feedback-details dt{color:#78350f;font-weight:600}.redesign-feedback-details dd{color:#1c1917;margin:0}.redesign-feedback-instructions{color:#44403c;margin:0;font-size:13px}.redesign-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.redesign-stat{align-items:center;gap:6px;display:flex}.redesign-stat-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.redesign-stat.editable .redesign-stat-dot{background:#2563eb}.redesign-stat.taken-over .redesign-stat-dot{background:#9ca3af;border:1px solid #374151}.redesign-stat.meta{color:#6b7280}.redesign-canvas-wrap{background:#f8fafc;border:1px solid #dce4ee;border-radius:6px;margin-bottom:12px;display:inline-block;overflow:auto}.redesign-legend{color:#4b5563;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:12px;display:flex}.redesign-legend-swatch{vertical-align:middle;border-radius:2px;width:14px;height:14px;margin-right:4px;display:inline-block}.redesign-legend-swatch.editable{background:#3b82f6}.redesign-legend-swatch.taken-over{background:#9ca3af;border:1px solid #374151}.redesign-legend-swatch.void{background:repeating-linear-gradient(-45deg,#d1d5db,#d1d5db 2px,#f3f4f6 2px 6px)}.redesign-submit-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.checkbox-field{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;flex-direction:row!important;display:flex!important}.checkbox-field input[type=checkbox]{flex-shrink:0;margin-top:2px}.removed-designs-list{flex-direction:column;gap:12px;display:flex}.removed-design-card{background:#fff5f5;border:1px solid #fca5a5;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.removed-design-name{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.removed-design-meta{color:#64748b;flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.removed-design-reason{color:#991b1b;margin:6px 0 0;font-size:12px;font-style:italic}.removed-design-actions{flex-shrink:0}.design-legal-acceptance{background:#f8fafc;border:1px solid #dce4ee;border-radius:8px;gap:10px;margin:0 0 12px;padding:12px 14px;font-size:13px}.design-workspace>.design-header{display:none}.design-page-inner{gap:14px;width:min(560px,100%);margin:0 auto;padding:20px 16px 32px;display:grid}.design-page-header{gap:10px;display:grid}.design-page-title h1{letter-spacing:-.01em;margin:0 0 2px;font-size:20px;font-weight:800}.design-page-title p{color:var(--muted-strong);margin:0;font-size:13px;font-weight:700}.design-page-header .design-name-field{align-items:center;gap:8px;display:flex}.design-page-header .design-name-field:before{content:"";opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7a8d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:16px;height:16px}.design-canvas-card{background:#fafbfd;border:1px solid #dce5ef;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #1e335317}.design-canvas-card .large-design-scroll{max-height:62vh;box-shadow:none;background:0 0;border:0;border-radius:0;padding:14px;overflow:auto}.design-canvas-center{justify-content:center;width:100%;display:flex}.design-canvas-card .large-design-stage{border:1px solid #cbd5e1cc;border-radius:7px;overflow:hidden;box-shadow:0 4px 14px #1e33531a}.design-canvas-bar{background:#fff;border-top:1px solid #cbd5e1a6;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.design-canvas-bar-toggle{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.design-canvas-bar-zoom{align-items:center;gap:8px;display:flex}.design-section{background:#fff;border:1px solid #dce5ef;border-radius:14px;overflow:hidden}.design-section-head{color:var(--text);border-bottom:1px solid #cbd5e199;align-items:center;gap:9px;padding:13px 16px;font-size:14px;font-weight:800;display:flex}.design-section-head svg{color:var(--muted-strong);flex-shrink:0}.design-section-body{gap:14px;padding:16px;display:grid}.design-setting-row{gap:7px;display:grid}.design-colors-row{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.design-colors-left{flex:1;gap:7px;min-width:0;display:grid}.design-color-swatches{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.design-color-swatches .color-wheel{border-radius:4px;flex-shrink:0;width:22px;height:22px}.design-color-swatches .color-wheel:before{border-radius:2px;inset:3px}.design-color-swatches .color-wheel:after{border-radius:1px;width:6px;height:6px;bottom:2px;right:2px}.design-color-swatches .recent-color{border-radius:4px;width:22px;height:22px}.design-eraser-toggle{color:var(--muted-strong);flex-direction:column;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.design-save-bar{padding-top:4px}.design-save-bar .button{justify-content:center;align-items:center;gap:8px;display:flex}.design-sidebar-header{border-bottom:1px solid #1824311f;flex-direction:column;gap:6px;margin:-2px -2px 2px;padding-bottom:14px;display:flex}.design-sidebar-header h1{letter-spacing:0;margin:0 0 4px;font-size:24px;line-height:1.05}.design-sidebar-header p{color:var(--muted);margin:0;font-size:13px;font-weight:800;line-height:1.35}.design-grid{grid-template-columns:300px minmax(0,1fr);align-items:stretch;gap:0;min-height:calc(100vh - 41px);display:grid}.design-sidebar,.large-design-surface{background:0 0;border:0;border-radius:0}.design-sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg, #ffffff9e, #ffffff5c), var(--surface);align-content:start;gap:15px;min-height:calc(100vh - 41px);padding:18px 17px;display:grid}.design-sidebar-action{border-top:1px solid #1824311f;margin-top:2px;padding-top:13px}.design-control-group{background:#ffffff8f;border:1px solid #1824311a;border-radius:7px;gap:7px;padding:9px;display:grid}.control-title{color:var(--muted-strong);font-size:12px;font-weight:800}.size-zoom-control{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px}.size-control,.zoom-stepper{gap:7px;min-width:0;display:grid}.grid-toggle-section{place-items:center}.zoom-stepper{border-left:1px solid #1824311f;padding-left:9px}.zoom-stepper-controls{grid-template-columns:26px minmax(30px,auto) 26px;align-items:center;gap:3px;display:grid}.zoom-stepper-controls button{min-height:26px;color:var(--text);font:inherit;cursor:pointer;background:#fff;border:1px solid #18243129;border-radius:5px;font-size:13px;font-weight:900}.zoom-stepper-controls button:hover:not(:disabled){background:#f7f9fb;border-color:#18243157}.zoom-stepper-controls button:disabled{cursor:not-allowed;opacity:.5}.zoom-stepper-controls span{color:var(--muted-strong);text-align:center;white-space:nowrap;font-size:11px;font-weight:900}.segmented{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.segmented button{min-width:0;min-height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #18243129;border-radius:5px;padding:0 4px;font-size:11px;font-weight:800;transition:background-color .14s,border-color .14s,color .14s}.segmented button:hover{background:#f7f9fb;border-color:#18243157}.segmented button.active{color:#fff;background:#4b4646;border-color:#4b4646}.large-design-surface{justify-self:stretch;width:100%;max-width:100%;padding:18px}.large-design-scroll{width:100%;max-width:100%;max-height:calc(100vh - 98px);margin:auto;overflow:auto}.large-design-stage{margin:0 auto;position:relative;box-shadow:0 12px 28px #1824312e}.large-design-canvas{image-rendering:pixelated;cursor:none;touch-action:none;display:block}.large-design-canvas.is-erasing{cursor:none}.brush-cursor{pointer-events:none;z-index:5;box-sizing:border-box;background:#18243114;border:1px solid #182431d9;position:absolute;box-shadow:0 0 0 1px #ffffffb3}.brush-cursor.is-erasing{background-color:#ffffffa6;border-color:#18243199}.auth-panel{isolation:isolate;align-content:center;width:min(420px,100%);min-height:calc(100vh - 120px);margin:0 auto;padding:40px clamp(16px,5vw,28px);display:grid;position:relative}.verification-notice{text-align:center;justify-items:center;gap:16px;padding:8px 4px;display:grid}.verification-notice h1,.verification-notice p{margin:0}.verification-illustration{width:120px;height:100px}.verification-heading{gap:5px;display:grid}.verification-heading h1{font-size:25px;line-height:1.1}.verification-heading p,.verification-copy,.verification-spam-note{color:var(--muted);font-size:12px;line-height:1.5}.verification-email{border:1px solid var(--border);background:var(--surface-soft);overflow-wrap:anywhere;border-radius:6px;justify-content:center;align-items:center;gap:9px;width:min(100%,290px);padding:10px 12px;display:flex}.verification-steps{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid;position:relative}.verification-steps:before{content:"";border-top:1px dashed #cbd5e1;position:absolute;top:34px;left:17%;right:17%}.verification-steps>div{z-index:1;justify-items:center;gap:6px;display:grid;position:relative}.verification-step-number{color:#fff;background:#7b8a9b;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid}.verification-steps i{color:#30445d;background:#f3f7fb;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;font-style:normal;display:grid}.verification-steps small{font-size:10px;font-weight:800}.verification-gmail-button{gap:9px;width:min(100%,310px)}.gmail-mark{color:#ea4335;font-weight:1000}.verification-spam-note{border-bottom:1px solid var(--border);width:100%;padding:14px 0}.verification-back-button{color:#37506d;cursor:pointer;font:inherit;background:0 0;border:0;font-size:12px;font-weight:800;text-decoration:underline}.auth-panel>:not(.login-grid-background){z-index:1;position:relative}.login-grid-background{z-index:0;pointer-events:none;background:#f8fafc;position:fixed;inset:0;overflow:hidden}.login-grid-background>div{grid-template-columns:repeat(auto-fill,minmax(5vw,1fr));grid-auto-rows:5vw;width:100%;min-height:100%;display:grid}.login-grid-background>span{background:radial-gradient(260px 360px,#f8fafc 0 235px,#f8fafceb 285px,#f8fafc9e 380px,#f8fafc00 560px);position:absolute;inset:0}.login-grid-background i{background:0 0;border:1px solid #0000;display:block}.login-grid-background i:nth-child(11n+3),.login-grid-background i:nth-child(13n+7),.login-grid-background i:nth-child(17n+10),.login-grid-background i:nth-child(31n+20),.login-grid-background i:nth-child(43n+12),.login-grid-background i:nth-child(59n+28){background:0 0;border-color:#0000}.login-grid-background i:nth-child(19n+4),.login-grid-background i:nth-child(23n+8),.login-grid-background i:nth-child(31n+12){background:#18365f17}.login-grid-background i:nth-child(29n+2),.login-grid-background i:nth-child(37n+16){background:#d99a001c}.login-grid-background i:nth-child(41n+9),.login-grid-background i:nth-child(43n+21){background:#e30a1712}.login-grid-background i:nth-child(47n+14),.login-grid-background i:nth-child(53n+25){background:#2a775c17}.login-grid-background i:nth-child(67n+5),.login-grid-background i:nth-child(71n+18),.login-grid-background i:nth-child(79n+35),.login-grid-background i:nth-child(83n+41),.login-grid-background i:nth-child(97n+52),.login-grid-background i:nth-child(101n+64){background:0 0;border-color:#0000}.login-grid-background i:nth-child(7n+1){border-color:#18365f38}.login-grid-background i:nth-child(7n+2){border-color:#d99a003d}.login-grid-background i:nth-child(7n+3){border-color:#e30a172e}.login-grid-background i:nth-child(7n+4){border-color:#2a775c38}.login-grid-background i:nth-child(7n+5){border-color:#5c64703d}.login-grid-background i:nth-child(7n+6){border-color:#6848912e}.login-grid-background i:nth-child(7n){border-color:#14202c29}.login-grid-background i:nth-child(37n+6),.login-grid-background i:nth-child(41n+17),.login-grid-background i:nth-child(47n+29),.login-grid-background i:nth-child(53n+31),.login-grid-background i:nth-child(61n+44),.login-grid-background i:nth-child(89n+58){background:0 0;border-color:#0000}@media (max-width:700px){.site-nav{margin-left:auto}.nav-menu-button{width:38px;height:38px;color:var(--text);cursor:pointer;background:#ffffffbd;border:1px solid #18243124;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex}.nav-menu-button span{background:currentColor;border-radius:999px;width:17px;height:2px;display:block}.nav-menu{z-index:120;opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;will-change:transform, opacity;background:#fbfcfdfa;border:1px solid #cfd9e3eb;border-radius:8px;flex-direction:column;align-items:stretch;gap:2px;min-width:184px;padding:8px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-12px);box-shadow:0 14px 32px #18243129}.nav-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0,0)}.topbar .nav-menu>*+:before{display:none}.nav-menu .nav-link,.nav-menu .nav-muted{text-align:left;white-space:nowrap;justify-content:flex-start;min-height:36px;padding:0 10px}.nav-menu .nav-link:after{bottom:4px;left:10px;right:10px}.login-grid-background>div{grid-template-columns:repeat(auto-fill,minmax(8vw,1fr));grid-auto-rows:8vw}.login-grid-background>span{background:radial-gradient(180px 280px,#f8fafc8a 0,#f8fafc7a 115px,#f8fafc47 180px,#f8fafc1a 255px,#f8fafc00 340px)}}.legal-shell{grid-template-columns:220px minmax(0,900px);justify-content:center;gap:36px;padding:40px 0 64px;display:grid}@media (max-width:700px) and (prefers-reduced-motion:reduce){.nav-menu{transition:none}}.legal-sidebar{background:#ffffffd6;border:1px solid #dce5ef;border-radius:12px;align-self:start;padding:18px;position:sticky;top:84px}.legal-sidebar-title{color:#17243c;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:800}.legal-sidebar nav{gap:4px;display:grid}.legal-sidebar nav a{color:#53647a;border-radius:7px;padding:8px 9px;font-size:13px;font-weight:700}.legal-sidebar nav a:hover{color:#244fc6;background:#edf3ff}.legal-contact{color:#718096;border-top:1px solid #e1e8f0;margin:16px 0 0;padding:16px 9px 0;font-size:12px;line-height:1.55}.legal-contact a{color:#315fdb}.legal-document{background:#fff;border:1px solid #dce5ef;border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #1e335314}.legal-header{background:linear-gradient(145deg,#fbfdff 0%,#f2f6fc 100%);border-bottom:1px solid #e1e8f0;padding:42px 48px 32px}.legal-header h1{color:#14223a;letter-spacing:-.035em;margin:8px 0 14px;font-size:clamp(30px,5vw,44px);line-height:1.08}.legal-header>p:not(.eyebrow){color:#5e6d80;max-width:620px;margin:0;font-size:16px;line-height:1.65}.legal-meta{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.legal-meta span{color:#65758a;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:1px solid #d4deea;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.legal-draft-warning{color:#6d5520;background:#fff9e8;border:1px solid #e7cf8e;border-radius:10px;gap:5px;margin:28px 48px 0;padding:16px 18px;font-size:13px;line-height:1.5;display:grid}.legal-sections{padding:12px 48px 44px}.legal-sections section{border-bottom:1px solid #e6ecf2;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:30px 0;display:grid}.legal-sections section:last-child{border-bottom:0}.legal-section-number{color:#9aa8b8;padding-top:4px;font-size:11px;font-weight:800}.legal-sections h2{color:#1c2b42;letter-spacing:-.015em;margin:0 0 9px;font-size:20px}.legal-sections p{color:#637286;margin:0;font-size:14px;line-height:1.7}.legal-table-wrap{background:#fff;border:1px solid #dbe3ed;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 5px 16px #1e33530b}.legal-rules-table{border-collapse:collapse;color:#526176;width:100%;font-size:12.5px;line-height:1.55}.legal-rules-table th,.legal-rules-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e4eaf1;border-right:1px solid #e4eaf1;padding:14px 15px}.legal-rules-table tr>:last-child{border-right:0}.legal-rules-table tbody tr:last-child>*{border-bottom:0}.legal-rules-table thead th{color:#24344c;text-transform:uppercase;letter-spacing:.035em;background:#f1f5f9;font-size:10.5px}.legal-rules-table tbody th{color:#25354c;background:#f9fbfd;width:26%;font-weight:800}.legal-rules-table td:nth-child(2){width:35%}.legal-rules-table tbody tr:nth-child(2n) td{background:#fcfdff}.legal-rules-table tbody tr:hover>*{background:#f5f8fc}.content-rules-document .legal-header{background:radial-gradient(circle at 88% 8%,#315fdb1a,#0000 29%),linear-gradient(145deg,#fcfdff 0%,#f1f5fb 100%);position:relative}.content-rules-document .legal-header:after{content:"";background:linear-gradient(90deg,#315fdb,#315fdb00);height:2px;position:absolute;bottom:0;left:48px;right:48px}.content-rules-document .legal-draft-warning{color:#40516b;background:#f4f7fd;border-color:#cad8f4}.content-rules-document .legal-draft-warning strong{color:#203d83}.content-rules-document .legal-sections section{padding-block:34px}.content-rules-document .legal-sections h2{margin-bottom:14px}@media (max-width:1180px){.legal-shell{grid-template-columns:minmax(0,900px);gap:18px;padding-top:20px}.legal-sidebar{position:static}.legal-sidebar nav{padding-bottom:4px;display:flex;overflow-x:auto}.legal-sidebar nav a{flex:none}.legal-contact{display:none}}@media (max-width:600px){.legal-header{padding:30px 22px 24px}.legal-draft-warning{margin:20px 22px 0}.legal-sections{padding:8px 22px 28px}.legal-sections section{grid-template-columns:1fr;gap:6px;padding:24px 0}.legal-section-number{color:#62728a;background:#edf2f8;border-radius:999px;justify-content:center;align-items:center;width:28px;height:22px;padding:0;display:inline-flex}.content-rules-document .legal-header:after{left:22px;right:22px}.content-rules-document .legal-sections section{padding-block:28px}.legal-table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.legal-rules-table,.legal-rules-table tbody,.legal-rules-table tr,.legal-rules-table th,.legal-rules-table td{width:100%;display:block}.legal-rules-table thead{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.legal-rules-table tbody{gap:12px;display:grid}.legal-rules-table tbody tr{background:#fff;border:1px solid #dce4ee;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #1e33530b}.legal-rules-table tbody th,.legal-rules-table tbody td,.legal-rules-table tbody tr:last-child>*{background:#fff;border:0;border-bottom:1px solid #e6ebf1;width:100%;padding:12px 14px}.legal-rules-table tbody th{color:#1f3049;background:#f5f8fc;font-size:13px}.legal-rules-table tbody td:last-child{border-bottom:0}.legal-rules-table tbody td:before{color:#718096;content:attr(data-label);text-transform:uppercase;letter-spacing:.055em;margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.legal-rules-table tbody tr:hover>*,.legal-rules-table tbody tr:nth-child(2n) td{background:inherit}.site-footer-inner{flex-direction:column;align-items:flex-start;padding:16px 0}.site-footer nav{flex-wrap:wrap;row-gap:9px}}@media (max-width:700px){:root{--mobile-ink:#101c34;--mobile-muted:#607087;--mobile-line:#d9e2ee;--mobile-card:#fffffff5;--mobile-accent:#315fdb;--mobile-accent-dark:#27366f;--mobile-shadow:0 10px 28px #1e335317}body{color:var(--mobile-ink);background:#f5f8fc}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom-color:#cbd5e1b3;min-height:66px;box-shadow:0 2px 12px #1e33530a}.topbar{min-height:66px;padding:0 16px}.brand{color:#111d36;letter-spacing:-.025em;border-radius:9px;align-self:center;min-height:48px;padding:7px 8px 7px 36px;font-size:17px}.brand:after{content:"";background-color:#0000;background-image:linear-gradient(#ef4444 0 0),linear-gradient(#f59e0b 0 0),linear-gradient(#34a66f 0 0),linear-gradient(#2563eb 0 0),linear-gradient(#6366f1 0 0),linear-gradient(#0ea5e9 0 0),linear-gradient(#4338ca 0 0),linear-gradient(#7c3aed 0 0),linear-gradient(#315fdb 0 0);background-position:0 0,8px 0,16px 0,0 8px,8px 8px,16px 8px,0 16px,8px 16px,16px 16px;background-repeat:no-repeat;background-size:6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;width:23px;height:23px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.brand:before{opacity:.16}.brand strong{color:#111d36;font-size:9px}.nav-menu-button{background:#fff;border-color:#d5dfeb;border-radius:10px;gap:5px;width:44px;height:44px;box-shadow:0 3px 10px #1e33530f}.nav-menu-button span{background:#16233b;width:19px}.nav-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border-color:#dbe3ed;border-radius:12px;gap:4px;min-width:210px;padding:9px;top:calc(100% + 10px);right:0;box-shadow:0 18px 42px #1223402e}.nav-menu .nav-link,.nav-menu .nav-muted{color:#26364f;border-radius:8px;min-height:46px;padding:0 14px;font-size:14px}.nav-menu .nav-link:hover,.nav-menu .nav-link.active{color:#244fc6;background:#edf3ff}.nav-menu .nav-link:after{display:none}:is(.page:has(.design-workspace),.page:has(.workspace)){width:100%;padding:0 0 36px}.site-footer{background:#fffffff0;border-top-color:#dce5ef}.design-workspace{background:0 0}.design-workspace>.design-header{background:#ffffffe0;border-bottom-color:#d2dce8d9;gap:6px;padding:18px 16px 15px}.design-workspace>.design-header h1{color:var(--mobile-ink);letter-spacing:-.02em;font-size:19px}.design-workspace>.design-header p{color:var(--mobile-muted);font-size:12px}.design-workspace>.design-header .design-name-field:before{color:#8491a3;content:"✎";font-size:13px}.design-workspace>.design-header .design-name-field input{color:#26364f;background:#f7f3ee;border:1px solid #e4e9f0;border-radius:7px;min-height:30px;font-size:12px}.large-design-surface{border-bottom:0;padding:22px 16px 24px}.large-design-scroll{box-shadow:var(--mobile-shadow);background:#f9fbfd;border:1px solid #dce5ef;border-radius:12px;padding:10px}.large-design-stage{border:1px solid #cbd5e1e6;border-radius:7px;overflow:hidden;box-shadow:0 6px 20px #1e33531f}.design-sidebar{background:0 0;gap:14px;padding:0 16px 20px;display:grid}.design-control-group,.design-sidebar .mini-tool-panel,.design-sidebar .brush-size-control{border:1px solid var(--mobile-line);background:var(--mobile-card);border-radius:11px;padding:16px;box-shadow:0 5px 18px #1e33530f}.size-zoom-control{gap:14px}.control-title,.brush-size-title,.tool-icon-label{color:#23334d;font-size:12px}.segmented{gap:6px}.segmented button,.zoom-stepper-controls button{color:#17243c;border-color:#d6e0eb;border-radius:8px;min-height:40px;font-size:12px}.segmented button.active{color:#fff;background:#17243c;border-color:#17243c;box-shadow:0 5px 12px #17243c2e}.zoom-stepper{border-left-color:#dce4ed;padding-left:14px}.zoom-stepper-controls{grid-template-columns:40px 32px 40px;gap:4px}.design-sidebar .mini-tool-panel{min-height:94px}.color-wheel{border-radius:8px}.recent-colors{gap:5px}.recent-color{border-color:#cdd8e5;border-radius:4px;width:18px;height:18px}.toggle-track{background:#e9eff6;border-color:#cbd7e5;width:43px;height:24px}.toggle-thumb{width:18px;height:18px}.toggle-switch.is-on .toggle-track{background:#315fdb;border-color:#315fdb}.brush-size-control{gap:13px;display:grid}.brush-size-slider{accent-color:var(--mobile-accent)}.design-sidebar-action{border:0;margin-top:0;padding-top:4px}.design-sidebar-action .button,.mini-editor .sidebar-login-button,.auth-panel .button.primary{background:linear-gradient(135deg,#203468 0%,#3d245d 100%);border-radius:9px;min-height:50px;font-size:14px;box-shadow:0 9px 20px #232b6038}.workspace{gap:0}.canvas-layout,.canvas-layout.is-sidebar-collapsed{flex-direction:column;align-items:stretch;gap:18px;width:100%;padding-top:14px;display:flex}.canvas-frame{width:calc(100% - 24px);box-shadow:var(--mobile-shadow);background:#fff;border:1px solid #dce4ee;border-radius:2px;margin:0 12px;overflow:hidden}.pixel-canvas{box-shadow:none;border-radius:0}.side-panel,.side-panel.is-collapsed{background:#fffffff7;border:1px solid #d7e1ec;border-radius:13px;width:calc(100% - 24px);min-height:0;margin:0 12px;padding:16px;position:relative;overflow:visible;box-shadow:0 12px 30px #1e33531a}.side-panel.is-collapsed{min-height:1px;box-shadow:none;background:0 0;border-color:#0000;padding:0}.sidebar-toggle,.side-panel.is-collapsed .sidebar-toggle{color:#52637b;background:#fff;border:1px solid #d5dfeb;border-radius:9px 9px 0 0;width:52px;height:25px;top:-12px;left:50%;transform:translate(-50%,-100%);box-shadow:0 -5px 14px #1e335314}.side-panel:not(.is-collapsed) .sidebar-toggle svg{transform:rotate(-90deg)}.side-panel.is-collapsed .sidebar-toggle svg{transform:rotate(90deg)}.canvas-tool-row{gap:14px;margin-bottom:16px}.canvas-tool-controls{gap:8px}.tool-button{color:#293950;background:#fff;border-color:#d4dfeb;border-radius:9px;width:44px;height:44px}.tool-button.active{color:#fff;background:#315fdb;border-color:#315fdb;box-shadow:0 7px 15px #315fdb40}.side-window-map{min-height:48px;padding:0}.mini-canvas{border-radius:5px}.side-window-map strong{color:#16233b;font-size:15px}.side-window-map span{color:var(--mobile-muted)}.side-display-mode{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:14px 0}.side-display-mode h3,.ranking-heading h3{color:#1b2941;font-size:13px}.canvas-display-controls{background:#f5f8fc;border:1px solid #d8e2ed;border-radius:9px;gap:0;padding:3px}.mode-button{color:#43536a;background:0 0;border:0;border-radius:6px;min-height:36px}.mode-button.active,.mode-button.colored-mode.active,.mode-button.value-mode.active{color:#2e5ed4;background:#fff;border:0;box-shadow:0 3px 9px #1e33531a}.ranking-panel{border-bottom:1px solid #e2e8f0;padding:16px 0}.ranking-list{background:#f8fafc;border:1px solid #e1e8f0;border-radius:9px;overflow:hidden}.ranking-row{min-height:39px;padding-inline:10px}.ranking-list>p{color:#718096;text-align:center;min-height:82px;margin:0;padding:30px 12px}.mini-editor{border-top:0;margin-top:0;padding-top:18px}.mini-editor-header h2{color:#17243c;font-size:17px}.mini-editor-header span{color:var(--mobile-muted);line-height:1.45}.mini-canvas-wrap{background-color:#f9fbfd;background-image:linear-gradient(45deg,#e8edf3 25%,#0000 25%),linear-gradient(-45deg,#e8edf3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8edf3 75%),linear-gradient(-45deg,#0000 75%,#e8edf3 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #dfe7f0;border-radius:9px;min-height:138px;padding:12px}.page:has(.auth-panel){width:100%;padding:18px 12px 36px}.auth-panel{background:#fffffff7;border:1px solid #d9e2ed;border-radius:14px;width:min(440px,100%);min-height:calc(100dvh - 126px);padding:34px 22px;box-shadow:0 16px 42px #1e33531c}.auth-panel form{gap:3px;display:grid}.auth-panel .field{color:#1b2941;gap:8px;margin-bottom:15px;font-size:14px}.auth-panel input{color:#15233b;background:#f4f7fb;border-color:#cad7e6;border-radius:8px;min-height:48px;padding:10px 13px;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s,background-color .15s}.auth-panel input:focus{background:#fff;border-color:#4b73dc;outline:0;box-shadow:0 0 0 3px #315fdb21}.auth-mode-switch{color:#66758a;font-size:12px;line-height:1.5}.auth-mode-switch button,.auth-mode-switch a{color:#2556d5;font-weight:800}.forgot-password-link{text-align:left}.external-login-options{border-top:1px solid #dce4ee;gap:16px;margin-top:24px;padding-top:24px}.external-provider-btn{background:#fff;border-color:#d4deea;border-radius:8px;min-height:48px;box-shadow:0 3px 10px #1e33530d}.login-grid-background{background:#f7f9fc}.login-grid-background>span{background:#f8fafcb3}.login-grid-background i{opacity:.45}}@media (max-width:390px){.topbar{padding-inline:11px}.brand{font-size:15px}.design-workspace>.design-header,.large-design-surface,.design-sidebar{padding-inline:12px}.design-control-group,.design-sidebar .mini-tool-panel,.design-sidebar .brush-size-control{padding:13px}.size-zoom-control{grid-template-columns:1fr}.zoom-stepper{border-top:1px solid #dce4ed;border-left:0;padding-top:12px;padding-left:0}.zoom-stepper-controls{grid-template-columns:44px 1fr 44px}.auth-panel{padding-inline:18px}}.brand{color:#111d36;letter-spacing:-.025em;border-radius:9px;flex:none;align-content:center;width:auto;min-width:142px;max-width:none;height:auto;min-height:42px;padding:6px 10px 6px 40px;font-size:17px;line-height:1;display:grid;position:relative;overflow:hidden}.brand:before{opacity:.5;background:linear-gradient(#ffffffe6,#f6f9fcdb),url(/Screenshot%202026-06-17%20225804.png) 50%/cover no-repeat;transform:none}.brand:after{content:"";background-color:#0000;background-image:linear-gradient(#ef4444 0 0),linear-gradient(#f59e0b 0 0),linear-gradient(#34a66f 0 0),linear-gradient(#2563eb 0 0),linear-gradient(#6366f1 0 0),linear-gradient(#0ea5e9 0 0),linear-gradient(#4338ca 0 0),linear-gradient(#7c3aed 0 0),linear-gradient(#315fdb 0 0);background-position:0 0,8px 0,16px 0,0 8px,8px 8px,16px 8px,0 16px,8px 16px,16px 16px;background-repeat:no-repeat;background-size:6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px,6px 6px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;width:23px;height:23px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.brand-name,.brand strong{z-index:1;position:relative}.brand strong{color:#111d36;font-size:9px}@media (max-width:400px){.brand{min-width:132px;padding-left:37px;padding-right:6px;font-size:15px}.brand:after{left:7px}}@media (min-width:701px){.page:has(.auth-panel){place-items:center;width:100%;min-height:calc(100vh - 86px);padding:42px 24px 56px;display:grid}.auth-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #d8e2ed;border-radius:16px;width:min(480px,100%);min-height:0;padding:44px 42px;box-shadow:0 22px 58px #1e335321}.auth-panel form{gap:3px;display:grid}.auth-panel .field{color:#1b2941;gap:8px;margin-bottom:18px;font-size:14px}.auth-panel input{color:#15233b;background:#f4f7fb;border-color:#cad7e6;border-radius:9px;min-height:50px;padding:11px 14px;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s,background-color .15s}.auth-panel input:focus{background:#fff;border-color:#4b73dc;outline:0;box-shadow:0 0 0 3px #315fdb21}.auth-panel .button.primary{background:linear-gradient(135deg,#203468 0%,#3d245d 100%);border-radius:9px;min-height:50px;font-size:14px;box-shadow:0 9px 20px #232b6038}.auth-panel .button.primary:hover{background:linear-gradient(135deg,#29417d 0%,#4b2d70 100%);box-shadow:0 11px 24px #232b6045}.auth-mode-switch{color:#66758a;font-size:13px;line-height:1.5}.auth-mode-switch button,.auth-mode-switch a{color:#2556d5;font-weight:800}.forgot-password-link{text-align:left}.external-login-options{border-top:1px solid #dce4ee;gap:16px;margin-top:26px;padding-top:26px}.external-provider-btn{background:#fff;border-color:#d4deea;border-radius:9px;min-height:50px;box-shadow:0 3px 10px #1e33530d}.login-grid-background{background:#f6f8fb}.login-grid-background>span{background:radial-gradient(440px 520px,#f8fafceb 0,#f8fafcd6 280px,#f8fafc7a 440px,#f8fafc1f 620px,#0000 760px)}.login-grid-background i{opacity:.42}}.button,button.button{color:#25354d;min-height:44px;font:inherit;background:#fff;border:1px solid #d2dce8;border-radius:9px;padding:0 16px;font-weight:800;line-height:1.2;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s,transform .15s;box-shadow:0 2px 6px #1e33530a}.button:hover:not(:disabled){color:#17243c;background:#f5f8fc;border-color:#aebed0;box-shadow:0 5px 13px #1e335314}.button:active:not(:disabled){background:#edf2f8;transform:translateY(1px);box-shadow:0 2px 5px #1e33530f}.button:focus-visible{outline-offset:2px;outline:3px solid #315fdb38}.button.primary,.sidebar-login-button.button.primary,.side-panel .sidebar-login-button,.design-sidebar-action .button{color:#fff;background:linear-gradient(135deg,#243d7d 0%,#432765 100%);border-color:#293c82;box-shadow:0 8px 18px #27357433}.button.primary:hover:not(:disabled),.sidebar-login-button.button.primary:hover:not(:disabled),.side-panel .sidebar-login-button:hover:not(:disabled),.design-sidebar-action .button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#2d4a92 0%,#523079 100%);border-color:#34529c;box-shadow:0 10px 22px #27357442}.button.primary:active:not(:disabled),.sidebar-login-button.button.primary:active:not(:disabled),.side-panel .sidebar-login-button:active:not(:disabled),.design-sidebar-action .button:active:not(:disabled){color:#fff;background:linear-gradient(135deg,#20366f 0%,#392256 100%);border-color:#233570;box-shadow:0 4px 10px #2735742e}.button.danger{color:#b42318;box-shadow:none;background:#fff7f7;border-color:#efc4c4}.button.danger:hover:not(:disabled){color:#941f16;background:#fff0f0;border-color:#dfa2a2}.button.small{border-radius:8px;min-height:36px;padding:0 12px;font-size:12px}.button.active{color:#fff;background:#315fdb;border-color:#315fdb;box-shadow:0 6px 14px #315fdb33}.button:disabled,.button.primary:disabled,.sidebar-login-button.button.primary:disabled{color:#8a97a8;box-shadow:none;cursor:not-allowed;opacity:1;background:#e9eef5;border-color:#d9e1eb;transform:none}.nav-button{color:#33445d;border:1px solid #0000;border-radius:8px;min-height:38px;padding:0 12px;transition:border-color .15s,background-color .15s,color .15s}.nav-button:hover{color:#1f4fc5;background:#f4f7fb;border-color:#d6e0eb}.nav-button:focus-visible{outline-offset:2px;outline:3px solid #315fdb33}@media (max-width:700px){.button,button.button{min-height:46px}.button.small{min-height:40px}}@media (min-width:701px){.design-workspace{background:radial-gradient(circle at 62% 36%,#fffffff0 0 260px,#f8fafdb8 520px,#0000 760px);min-height:calc(100vh - 45px)}.design-grid{grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 45px)}.design-sidebar{background:#f8fafdf0;border-right:1px solid #d9e2ed;gap:16px;min-height:calc(100vh - 45px);padding:26px 22px;box-shadow:7px 0 24px #1e33530a}.design-sidebar-header{border-bottom-color:#dce4ee;gap:7px;margin:0;padding:0 2px 18px}.design-sidebar-header h1{color:#111d36;letter-spacing:-.025em;font-size:25px}.design-sidebar-header p{color:#65758a;font-size:12px}.design-sidebar .field,.design-control-group,.design-sidebar .mini-tool-panel,.design-sidebar .brush-size-control{background:#fff;border:1px solid #dbe4ee;border-radius:11px;padding:15px;box-shadow:0 5px 16px #1e33530d}.design-sidebar input:not([type=range]):not([type=color]){color:#192840;background:#f7f9fc;border-color:#d0dbe8;border-radius:8px;min-height:43px;padding-inline:12px}.control-title,.brush-size-title,.tool-icon-label{color:#26364f;font-size:12px}.size-zoom-control{gap:13px}.segmented{gap:5px}.segmented button,.zoom-stepper-controls button{color:#17243c;background:#fff;border-color:#d4deea;border-radius:7px;min-height:36px}.segmented button.active{color:#fff;background:#17243c;border-color:#17243c;box-shadow:0 5px 12px #17243c2e}.zoom-stepper{border-left-color:#dce4ed;padding-left:13px}.zoom-stepper-controls{grid-template-columns:36px 34px 36px;gap:4px}.recent-color{border-radius:4px}.design-sidebar .brush-size-control{gap:13px;display:grid}.design-sidebar-action{border-top:0;margin-top:2px;padding-top:3px}.design-sidebar-action .button{background:linear-gradient(135deg,#203468 0%,#3d245d 100%);border-radius:9px;min-height:49px;font-size:14px;box-shadow:0 9px 20px #232b6038}.large-design-surface{place-items:start center;padding:34px;display:grid}.large-design-scroll{background:#fafbfd;border:1px solid #dce5ef;border-radius:14px;width:fit-content;max-width:100%;padding:18px;overflow:auto;box-shadow:0 18px 42px #1e33531c}.large-design-stage{border:1px solid #cdd8e5;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #1e335324}}@media (max-width:430px){.login-grid-background>span{background:radial-gradient(150px 240px,#f8fafc80 0,#f8fafc70 95px,#f8fafc40 150px,#f8fafc14 220px,#f8fafc00 300px)}}@media (max-width:520px){.topbar{gap:8px;width:100%;margin:0}.brand-group{align-self:stretch;align-items:stretch}.brand{flex:0 0 126px;width:126px;max-width:126px;height:100%;padding-left:3px;padding-right:3px;font-size:16px}.brand:before{transform:rotate(180deg)scale(1.12)}.topbar nav{flex:auto;justify-content:flex-end;gap:10px;min-width:0;padding-right:8px;font-size:13px}.topbar nav>*+:before{left:-6px}.nav-link{text-align:center;align-items:center;min-width:0;min-height:44px;padding:2px 0 6px}.nav-link:after{bottom:4px;left:0;right:0}}.auth-mode-switch{color:var(--muted);margin:-4px 0 14px;font-size:13px;font-weight:800}.forgot-password-link{margin-top:10px}.auth-mode-switch a{color:var(--muted-strong);text-underline-offset:3px;text-decoration:underline;transition:color .14s}.auth-mode-switch a:hover,.auth-mode-switch a:focus-visible{color:var(--text)}.auth-mode-switch button{color:#18365f;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.password-check-panel{background:#ffffff94;border:1px solid #1824311a;border-radius:8px;gap:10px;margin:-4px 0 14px;padding:11px;display:grid}.password-strength{color:var(--muted);grid-template-columns:1fr auto;gap:7px 12px;font-size:12px;font-weight:900;display:grid}.password-strength strong{color:var(--text)}.password-strength i{background:#1824311f;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.password-strength i:before{width:var(--strength);border-radius:inherit;content:"";background:linear-gradient(90deg,#e30a17,#d99a00 55%,#2a775c);height:100%;display:block}.password-check-panel ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.password-check-panel li{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.legal-acceptance{gap:28px;margin:4px 0 22px;display:grid}.legal-consent-field{gap:10px;display:grid}.legal-checkbox{color:#26364f;cursor:pointer;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;font-size:14px;font-weight:500;line-height:1.5;display:grid}.auth-panel .legal-checkbox input[type=checkbox]{appearance:none;width:22px;min-width:22px;height:22px;min-height:22px;box-shadow:none;accent-color:#315fdb;cursor:pointer;background:#fff;border:1.5px solid #315fdb;border-radius:4px;margin:1px 0 0;padding:0}.auth-panel .legal-checkbox input[type=checkbox]:checked{background-color:#315fdb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m3.2 8.2 3 3.1 6.6-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:15px;border-color:#315fdb}.legal-consent-field.has-error .legal-checkbox input[type=checkbox]{accent-color:#e22d3d;border-color:#e22d3d}.legal-checkbox a,.legal-notice a{color:#1749ad;font-weight:600;text-decoration:none}.legal-checkbox a:hover,.legal-checkbox a:focus-visible,.legal-notice a:hover,.legal-notice a:focus-visible{text-decoration:underline}.legal-field-error{color:#d92737;grid-template-columns:16px minmax(0,1fr);gap:7px;margin:0 0 0 34px;font-size:12px;font-weight:500;line-height:1.45;display:grid}.legal-field-error>span{color:#fff;background:#d92737;border-radius:50%;place-items:center;width:13px;height:13px;margin-top:2px;font-size:9px;font-weight:900;display:inline-grid}.legal-notice{color:#5f6f85;margin:14px 0 0;font-size:13px;line-height:1.55}.auth-panel .auth-error-summary{color:#d92737;background:#fff8f8;border:1px solid #ea3948;border-radius:8px;margin-top:20px;padding:16px 16px 16px 48px;font-size:13px;font-weight:500;position:relative}.auth-panel .auth-error-summary:before{color:#fff;content:"!";background:#d92737;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;font-weight:900;display:grid;position:absolute;top:17px;left:17px}@media (max-width:700px){.legal-acceptance{gap:24px}.legal-checkbox{grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:14px}}.password-check-panel li span{width:24px;height:18px;color:var(--muted);background:#18243117;border-radius:999px;place-items:center;font-size:10px;line-height:1;display:inline-grid}.password-check-panel li.valid{color:var(--text)}.password-check-panel li.valid span{color:#2a775c;background:#2a775c24}.dashboard{gap:18px;display:grid}.dashboard-header{background:#eef6ffbd;border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(440px,1fr);align-items:stretch;gap:72px;padding:16px;display:grid}.dashboard-account-card,.profile-stat-card{background:#fbfcfd9e;border:0;border-radius:6px}.dashboard-account-card{background:#fff;min-height:126px;padding:10px 12px 14px}.dashboard-header h1{margin:0 0 6px;font-size:26px;line-height:1}.dashboard-header p{color:var(--muted);margin:0}.profile-stats{grid-template-rows:repeat(2,minmax(58px,1fr));grid-template-columns:repeat(2,minmax(100px,1fr)) minmax(112px,1fr);gap:8px 30px;min-width:0;display:grid}.profile-stat-card{text-align:left;align-items:center;gap:10px;min-width:0;min-height:60px;padding:10px 12px;display:flex}.profile-stat-content{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}.stat-icon-wrap{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-icon-wrap .stat-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.stat-icon-indigo{color:#5b4fd6;background:#eceafd}.stat-icon-blue{color:#2f7bf0;background:#e7f1ff}.stat-icon-purple{color:#8b4fe0;background:#f4ebff}.stat-icon-green{color:#1f9d55;background:#e6f8ee}.profile-stats .profile-stat-card:first-child,.profile-stats .profile-stat-card:nth-child(2),.profile-stats .profile-stat-card:nth-child(3),.profile-stats .profile-stat-card:nth-child(4),.profile-stats .profile-stat-card:nth-child(5){background:#fff}.profile-stat-card-total{grid-area:1/3/span 2}.profile-stats span,.section-heading span{color:var(--muted);font-size:11px;font-weight:800;line-height:1.1}.profile-stat-label{min-width:0;display:inline}.profile-stat-label .stat-info-icon{vertical-align:middle;margin-left:2px}.stat-label-tail{display:inline}.stat-info-icon{width:14px;height:14px;color:var(--muted);cursor:help;border:1px solid;border-radius:50%;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex;position:relative}.stat-info-icon:before,.stat-info-icon:after{pointer-events:none;opacity:0;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 9px);right:50%;transform:translate(50%,4px)}.stat-info-icon:before{z-index:3;color:#fff;content:attr(data-tooltip);text-align:left;background:#182431f5;border-radius:6px;width:190px;padding:7px 9px;font-size:11px;font-weight:700;line-height:1.35;box-shadow:0 8px 18px #1824312e}.stat-info-icon:after{z-index:4;content:"";border-top:7px solid #182431f5;border-left:7px solid #0000;border-right:7px solid #0000;bottom:calc(100% + 2px)}.stat-info-icon:hover:before,.stat-info-icon:hover:after,.stat-info-icon:focus-visible:before,.stat-info-icon:focus-visible:after{opacity:1;transform:translate(50%)}.profile-stats strong{font-size:22px;line-height:1}.profile-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.profile-section{background:#fbfcfdb8;border-radius:8px;gap:14px;min-width:0;padding:16px;display:grid}.payout-section{background:#eef6ffbd;border:2px solid #168052b8;box-shadow:inset 0 0 0 3px #22c55e1a,0 10px 26px #16805229}.saved-designs-section{background:#faf2ffb8}.recent-activity-section{background:#f0faf4bd}.transactions-section{background:#fffaebb8}.payout-section{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:18px 38px}.payout-copy{align-content:start;gap:24px;display:grid}.payout-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.payout-summary{grid-template-columns:repeat(2,112px);gap:38px;display:grid}.payout-value-card,.payout-action-card{min-height:56px;color:var(--text);text-align:center;border:0;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;display:flex}.payout-value-card{background:#fff;flex-direction:column}.payout-value-card span,.payout-action-card span:first-child{font-size:15px;line-height:1.2}.payout-value-card strong{margin-top:4px;font-size:18px;line-height:1}.payout-action-card{color:#fff;font:inherit;cursor:pointer;background:#2a775c;gap:7px;font-weight:750;box-shadow:0 6px 14px #2a775c29}.payout-action-card:hover{background:#23644e}.payout-action-card:disabled{cursor:wait;opacity:.65}.payout-info-icon{border:1px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:inline-flex;position:relative}.payout-info-icon:before,.payout-info-icon:after{pointer-events:none;opacity:0;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);right:50%;transform:translate(50%,4px)}.payout-info-icon:before{z-index:1;color:#fff;content:attr(data-tooltip);text-align:left;background:#182431f5;border-radius:6px;width:220px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.35;box-shadow:0 8px 18px #1824312e}.payout-info-icon:after{z-index:2;content:"";border-top:7px solid #182431f5;border-left:7px solid #0000;border-right:7px solid #0000;bottom:calc(100% + 3px)}.payout-action-card:hover .payout-info-icon:before,.payout-action-card:hover .payout-info-icon:after,.payout-action-card:focus-visible .payout-info-icon:before,.payout-action-card:focus-visible .payout-info-icon:after{opacity:1;transform:translate(50%)}.profile-actions{justify-content:center;display:flex}.section-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.section-heading h2{margin:0}.metric{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.metric span{color:var(--muted);font-weight:800}.metric strong{font-size:32px}.tile-list{gap:8px;display:grid}.tile-row{grid-template-columns:1fr 100px 28px;align-items:center;gap:10px;padding:8px 0;display:grid}.tile-row i{border:1px solid var(--border);border-radius:4px;width:24px;height:24px}.recent-tiles-list{gap:12px;display:grid}.recent-activity-section .recent-tiles-list{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:16px;padding:0 2px 16px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.recent-activity-section .recent-tiles-list::-webkit-scrollbar{display:none}.imported-design-cards{gap:16px;min-width:0;display:grid}.imported-design-cards .recent-tiles-list{scroll-snap-type:none;gap:16px;min-width:0;padding:0;display:grid;overflow-x:visible}.recent-tile-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.recent-tile-color{border:1px solid var(--border);border-radius:4px;width:32px;height:32px}.recent-tile-info{flex-direction:column;gap:2px;display:flex}.recent-tile-info strong{font-size:14px}.recent-tile-info span{color:var(--muted);font-size:12px}.recent-tile-price{color:var(--text);font-weight:600}.imported-designs-heading{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:4px;display:grid}.imported-designs-heading>div{gap:2px;display:grid}.imported-designs-heading h2{color:#111827;margin:0;font-size:18px;font-weight:900;line-height:1.08}.imported-designs-heading p{color:var(--muted);margin:0;font-size:11px;font-weight:700;line-height:1.2}.imported-design-heading-icon{color:#178057;background:#eef8f3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.imported-design-heading-icon.purple{color:#8b4fe0;background:#f4ebff}.payout-icon-heading{justify-content:flex-start;margin-bottom:0}.imported-design-section-icon,.imported-design-inline-icon,.imported-design-button-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}.imported-design-section-icon{stroke-width:2.25px;width:20px;height:20px}.imported-design-inline-icon{stroke-width:2px;width:13px;height:13px}.imported-design-button-icon{stroke-width:2px;width:14px;height:14px}.recent-placement-item{background:#fff;border:1px solid #11182714;border-radius:14px;flex:0 0 288px;grid-template-columns:1fr;align-items:start;gap:16px;width:min(100%,288px);min-height:0;padding:22px;display:grid;box-shadow:0 12px 32px #0f172a1a}.recent-placement-item.imported-design-card{flex:unset;border-radius:12px;width:100%;max-width:420px}.recent-placement-main{border-left:0;align-content:start;min-width:0;padding-left:0;display:grid}.imported-design-preview-wrap{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f057 25%,#0000 25%),linear-gradient(-45deg,#e2e8f057 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f057 75%),linear-gradient(-45deg,#0000 75%,#e2e8f057 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #cfd9e3e6;border-radius:13px;justify-content:center;align-items:center;min-height:220px;padding:32px 0;display:flex;position:relative;overflow:visible}.imported-design-live-badge{z-index:1;color:#148158;background:#eef8f3;border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-size:12px;font-weight:850;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #1481581f}.recent-placement-info{gap:9px;display:grid}.recent-placement-info strong{font-size:16px}.recent-placement-info span{color:var(--muted);font-size:12px}.imported-design-name{color:var(--text);line-height:1.12;font-size:18px!important}.imported-design-meta{align-items:center;gap:10px;line-height:1.2;display:inline-flex}.imported-design-meta span+span:before{content:"";vertical-align:-2px;background:#94a3b894;width:1px;height:14px;margin-right:10px;display:inline-block}.imported-design-meta span+span{color:#2f7f5f;font-weight:850}.imported-design-stats{border-top:1px solid #cfd9e3d1;gap:0;margin-top:10px;display:grid}.imported-design-stat-row{min-height:46px;color:var(--muted);border-bottom:1px solid #e2e8f0d1;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:11px;line-height:1.2;display:flex}.imported-design-stat-label,.recent-placement-value-row{align-items:center;gap:8px;min-width:0;display:inline-flex}.imported-design-stat-icon{color:#178057;background:#e8f7ef;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.imported-design-stat-label .imported-design-stat-icon,.recent-placement-value-row .imported-design-stat-icon{color:#178057}.imported-design-stat-row strong{color:var(--text);white-space:nowrap;font-size:12px;font-weight:850}.imported-design-earned{align-items:center;gap:4px;display:inline-flex}.imported-design-earned span{color:var(--text)}.imported-design-earned .imported-design-earned-money{color:#24845b}.imported-design-stat-row .stat-info-icon{color:#64748b;width:12px;height:12px;font-size:8px}.imported-design-value{color:#24845b!important}.recent-placement-value-row{flex-wrap:wrap}.recent-placement-actions{gap:10px;width:100%;min-width:0;display:grid}.recent-placement-actions .button{white-space:nowrap;justify-content:center}.recent-placement-actions .imported-design-rename-button,.recent-placement-actions .imported-design-view-button{width:100%;min-height:46px;box-shadow:none;border-radius:7px;gap:10px;font-size:13px}.recent-placement-actions .imported-design-rename-button{color:#fff;background:#0f8f63;border-color:#0000}.recent-placement-actions .imported-design-rename-button:hover{background:#0b7752;border-color:#0000}.recent-placement-actions .imported-design-view-button{color:#0b7752;background:#fff;border-color:#0f8f639e}.recent-placement-actions .imported-design-view-button:hover{background:#eef8f3;border-color:#0f8f63e6}.recent-placement-rename{flex-direction:column;gap:6px;display:flex}.recent-placement-input{border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:13px}.recent-placement-rename-actions{gap:8px;display:flex}.transaction-list{gap:8px;display:grid}.transactions-heading{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px}.transactions-heading h2{margin:0;font-size:28px;font-weight:800}.transactions-heading p{color:var(--muted);text-align:right;max-width:180px;margin:0;font-size:13px}.transaction-list{flex-direction:column;gap:10px;display:flex}.transaction-item{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.transaction-swatch{border:1px solid var(--border);background-image:linear-gradient(45deg,#d7dee5 25%,#0000 25%),linear-gradient(-45deg,#d7dee5 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7dee5 75%),linear-gradient(-45deg,#0000 75%,#d7dee5 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:4px;width:28px;height:28px}.transaction-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.transaction-info strong{align-items:center;gap:8px;font-size:14px;display:flex}.transaction-info span{color:var(--muted);font-size:12px}.transaction-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.transaction-badge.bought{color:#fff;background:#16a34a}.transaction-badge.sold{color:#fff;background:#dc2626}.transaction-group{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.transaction-group-header{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;display:flex}.transaction-group-header:hover{background:#18243108}.transaction-group-summary{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.transaction-group-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.transaction-group-meta{color:var(--muted);font-size:13px;font-weight:400}.transaction-group-chevron{color:var(--muted-strong);flex-shrink:0;font-size:14px}.transaction-group-items{border-top:1px solid var(--border);gap:0;display:grid}.transaction-item--nested{border:none;border-bottom:1px solid var(--border);background:var(--surface-soft,#f8fafc);border-radius:0}.transaction-item--nested:last-child{border-bottom:none}.recent-placement-error{color:#c0392b;font-size:12px}.recent-placement-preview{background:0 0;border:0;width:140px;height:140px;margin:auto;position:relative;overflow:hidden}.recent-placement-preview i{position:absolute}@media (max-width:900px){.canvas-layout{grid-template-columns:minmax(0, var(--canvas-size,1000px))}.canvas-zoom-slider{display:none}.canvas-tool-help.help-step-4{--help-top:12px;--help-right:auto;--help-bottom:auto;--help-left:12px;--help-arrow-top:auto;--help-arrow-right:auto;--help-arrow-bottom:-8px;--help-arrow-border-bottom:-9px;--help-arrow-left:32px}.canvas-tool-help.help-step-4:before,.canvas-tool-help.help-step-4:after{border-bottom:0;border-left:8px solid #0000;border-right:8px solid #0000}.canvas-tool-help.help-step-4:before{border-top:8px solid var(--border);right:auto}.canvas-tool-help.help-step-4:after{border-top:8px solid var(--surface)}.profile-grid{grid-template-columns:1fr}.dashboard-header{grid-template-columns:1fr;gap:12px}.profile-stats{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-stat-card{gap:6px;padding:10px 8px}.stat-icon-wrap{width:28px;height:28px}.stat-icon-wrap .stat-icon{width:14px;height:14px}.profile-stat-label .stat-info-icon{margin-left:2px}.profile-stat-card-total{grid-area:auto/1/auto/-1}.payout-section{grid-template-columns:1fr}.payout-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recent-placement-item{grid-template-columns:1fr;justify-items:center;gap:12px;width:min(100%,270px);min-height:0;padding:12px}.recent-placement-main{border-left:0;width:100%;padding-left:0}.recent-placement-preview{order:-1}.recent-placement-actions{width:100%;min-width:0}.recent-placement-actions .button{white-space:normal}.recent-activity-section .recent-tiles-list{justify-content:flex-start}.side-panel{width:min(100%,760px)}.home h1{font-size:40px}.saved-design-grid{min-width:0}.saved-design-card{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;padding:14px 16px}.saved-design-preview-button{grid-row:1/3}.saved-design-card-body{min-width:0;padding-left:12px}.saved-design-card-controls{grid-column:2}}@media (max-width:440px){.imported-design-carousel-arrow{width:26px;height:46px}}@media (max-width:700px){.design-workspace{background:radial-gradient(220px 320px at 50% 18%,#f8fafc9e 0,#f8fafc70 155px,#f8fafc2e 240px,#f8fafc00 360px);gap:0}.design-workspace>.design-header{background:linear-gradient(180deg, #ffffffad, #ffffff61), var(--surface);border-bottom:1px solid #1824311f;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 16px 8px;display:flex}.design-workspace>.design-header h1{margin:0 0 2px;font-size:18px;line-height:1.05}.design-workspace>.design-header p{color:var(--muted);margin:0;font-size:11px;font-weight:800}.design-workspace>.design-header .button{display:none}.design-workspace>.design-header>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;width:100%;display:grid}.design-workspace>.design-header p{grid-column:1/-1}.design-workspace>.design-header .design-name-field{grid-area:1/2;align-items:center;gap:6px;margin:0;display:flex}.design-workspace>.design-header .design-name-field:before{content:"/";color:var(--muted);font-size:16px;font-weight:800}.design-workspace>.design-header .design-name-field input{background:#c66f241a;border:0;border-radius:5px;outline:0;min-height:26px;padding:2px 7px;font-size:14px}.design-workspace>.design-header .design-name-field input:focus{background:#c66f2429;box-shadow:0 0 0 1px #c66f243d}.design-grid{grid-template-columns:minmax(0,1fr);min-height:0}.large-design-surface{border-bottom:1px solid var(--border);order:-1;padding:12px 16px 16px}.large-design-scroll{max-height:min(72vh,520px)}.design-sidebar{border-right:0;min-height:0;padding:16px}.design-sidebar-header,.design-sidebar>.design-name-field{display:none}.size-zoom-control{grid-template-columns:minmax(0,1fr) auto;gap:8px}.zoom-stepper-controls{grid-template-columns:26px 30px 26px}.side-panel{width:min(100%,100vw - 32px)}.side-window-map{flex-wrap:wrap}.side-window-map .canvas-tool-help.help-step-3,.mini-editor .canvas-tool-help.help-step-4{--help-arrow-top:auto;--help-arrow-right:auto;--help-arrow-bottom:-8px;--help-arrow-border-bottom:-9px;--help-arrow-left:22px;width:100%;margin-bottom:8px;position:relative;inset:auto}.side-window-map .canvas-tool-help.help-step-3{--help-arrow-left:auto;--help-arrow-right:104px;flex:0 0 100%}.side-window-map .canvas-tool-help.help-step-3:before,.side-window-map .canvas-tool-help.help-step-3:after,.mini-editor .canvas-tool-help.help-step-4:before,.mini-editor .canvas-tool-help.help-step-4:after{border-top:8px solid var(--border);border-bottom:0;border-left:8px solid #0000;border-right:8px solid #0000;right:auto}.side-window-map .canvas-tool-help.help-step-3:after,.mini-editor .canvas-tool-help.help-step-4:after{border-top-color:var(--surface)}.sidebar-toggle{height:44px;top:18px;left:-18px;transform:none}.side-panel.is-collapsed .sidebar-toggle{left:-18px}.mini-editor{margin-top:14px;padding-top:14px}.mini-editor-header{padding:8px 0}.mini-editor-header h2{font-size:18px;line-height:1.15}.ranking-row{grid-template-columns:minmax(0,1fr) 48px minmax(62px,72px);gap:6px;font-size:11px}.ranking-row-head{font-size:9px}.inspection-group{width:min(100% - 16px,286px);top:8px;left:8px}.canvas-placement-info,.canvas-placement-info.is-interactive{border-radius:8px;width:100%}.canvas-placement-info dl.dl-compact{grid-template-rows:auto auto;grid-template-columns:none;grid-auto-flow:column;gap:2px 10px}.canvas-placement-info dl.dl-compact dt{font-size:10px}.canvas-placement-info dl.dl-compact dd{text-align:left}.inspection-import-actions{grid-template-columns:minmax(0,1fr) 58px}.canvas-tool-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.side-window-map{border-bottom:0;flex:1;justify-content:flex-end;gap:8px;margin:0;padding-bottom:0}.canvas-tool-cluster{gap:0}}@media (min-width:701px){.canvas-layout{grid-template-columns:minmax(0, var(--canvas-size,1000px)) 32px 300px}.canvas-tool-cluster{z-index:10;background:#fff;border:0;border-radius:10px 0 0 10px;padding:5px 0 5px 5px;position:absolute;top:18px;left:-45px;box-shadow:-3px 8px 16px #0f172a1f}.canvas-tool-controls{flex-direction:column;gap:0}.canvas-tool-controls .tool-button{color:#1f2937;background:#fff;border-color:#d8e0ea currentColor #d8e0ea #d8e0ea;border-right-style:none;border-right-width:0;border-radius:0}.canvas-tool-controls .tool-button:hover{color:#05070c;background:#f4f7fa;transform:none}.canvas-tool-controls .tool-button:first-child{border-radius:6px 0 0}.canvas-tool-controls .tool-button:last-child{border-radius:0 0 0 6px;margin-top:-1px}.canvas-tool-controls .tool-button.active{color:#05070c;background:linear-gradient(#e9edf2 0%,#cfd6df 100%);border-color:#c7d0dc;box-shadow:inset 0 1px #ffffffb8}.canvas-tool-cluster .canvas-tool-help.help-step-1{--help-bottom:auto;--help-left:auto;--help-right:calc(100% + 12px);--help-top:-2px;--help-arrow-top:14px;--help-arrow-right:-8px;--help-arrow-bottom:auto;--help-arrow-border-bottom:auto;--help-arrow-left:auto}.canvas-tool-cluster .canvas-tool-help.help-step-2{--help-bottom:auto;--help-left:auto;--help-right:calc(100% + 12px);--help-top:40px;--help-arrow-top:14px;--help-arrow-right:-8px;--help-arrow-bottom:auto;--help-arrow-border-bottom:auto;--help-arrow-left:auto}.canvas-tool-cluster .canvas-tool-help.help-step-1:before,.canvas-tool-cluster .canvas-tool-help.help-step-1:after,.canvas-tool-cluster .canvas-tool-help.help-step-2:before,.canvas-tool-cluster .canvas-tool-help.help-step-2:after{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid var(--border)}.canvas-tool-cluster .canvas-tool-help.help-step-1:before,.canvas-tool-cluster .canvas-tool-help.help-step-2:before{right:-9px}.canvas-tool-cluster .canvas-tool-help.help-step-1:after,.canvas-tool-cluster .canvas-tool-help.help-step-2:after{border-left-color:var(--surface)}}@media (max-width:560px){.actions,.canvas-toolbar{flex-direction:column;align-items:flex-start}.dashboard-header{padding:12px}.dashboard-account-card{min-height:0}.payout-copy{gap:10px}.payout-summary{grid-template-columns:1fr}}.stripe-checkout-overlay{z-index:200;background:#080c189e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stripe-checkout-dialog{color:#111827;background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:min(440px,100%);padding:22px;display:flex;box-shadow:0 18px 48px #00000059}.stripe-checkout-dialog h3{margin:0;font-size:1.1rem}.stripe-checkout-error{color:#dc2626;min-height:1em;margin:0;font-size:.9rem}.stripe-checkout-actions{justify-content:flex-end;gap:10px;display:flex}.stripe-checkout-actions button{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:9px 16px;font-weight:600}.stripe-checkout-actions button:last-child{color:#fff;background:#4f46e5;border-color:#4f46e5}.stripe-checkout-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:700px){.design-workspace{background:0 0}.design-workspace>.design-header{background:#ffffffe0;border-bottom-color:#d2dce8d9;gap:6px;padding:18px 16px 15px}.design-workspace>.design-header h1{font-size:19px}.design-workspace>.design-header p{color:var(--mobile-muted);font-size:12px}.design-workspace>.design-header .design-name-field:before{color:#8491a3;content:"✎";font-size:13px}.design-workspace>.design-header .design-name-field input{background:#f7f3ee;border:1px solid #e4e9f0;border-radius:7px;min-height:30px;padding:2px 7px;font-size:12px}.large-design-surface{border-bottom:0;padding:22px 16px 24px}.design-sidebar{gap:14px;padding:0 16px 20px;display:grid}.size-zoom-control{gap:14px}.zoom-stepper-controls{grid-template-columns:40px 32px 40px}.side-panel,.side-panel.is-collapsed{width:calc(100% - 24px)}.sidebar-toggle,.side-panel.is-collapsed .sidebar-toggle{width:52px;height:25px;top:-12px;left:50%;transform:translate(-50%,-100%)}.mini-editor{margin-top:0;padding-top:18px}.canvas-tool-row{gap:14px;margin-bottom:16px}.side-window-map{gap:8px;margin:0;padding:0}}@media (max-width:390px){.large-design-surface,.design-sidebar{padding-inline:12px}.size-zoom-control{grid-template-columns:1fr}.zoom-stepper-controls{grid-template-columns:44px 1fr 44px}}@media (max-width:520px){.brand-group{align-self:center;align-items:center}.brand{flex:none;width:auto;min-width:142px;max-width:none;height:auto;min-height:42px;padding:6px 10px 6px 40px;font-size:17px}.brand:before{transform:none}}@media (max-width:400px){.brand{min-width:132px;padding-left:37px;padding-right:6px;font-size:15px}}@media (min-width:701px){.page:has(.workspace){width:min(1380px,100% - 40px);padding:24px 0 48px}.workspace{gap:22px}.canvas-layout{grid-template-columns:minmax(0, var(--canvas-size,1000px)) 32px 330px;gap:24px}.canvas-layout.is-sidebar-collapsed{grid-template-columns:minmax(0, var(--canvas-size,1000px)) 32px 0}.canvas-frame{background:#fff;border:1px solid #d8e2ed;border-radius:4px;overflow:hidden;box-shadow:0 18px 44px #1e33531c}.pixel-canvas{box-shadow:none;border-radius:0}.side-panel{background:#fffffff7;border:1px solid #d8e2ed;border-radius:14px;width:330px;padding:20px;box-shadow:0 16px 38px #1e33531a}.side-panel.is-collapsed{width:0;box-shadow:none;background:0 0;border-color:#0000;padding:0}.sidebar-toggle,.side-panel.is-collapsed .sidebar-toggle{color:#40516a;background:#fff;border-color:#d4deea;border-radius:11px 0 0 11px;width:32px;height:64px;left:-32px;box-shadow:-5px 8px 18px #1e335317}.canvas-tool-cluster{background:#fff;border-radius:11px 0 0 11px;padding:5px 0 5px 5px;top:20px;left:-49px;box-shadow:-5px 9px 20px #1e33531f}.canvas-tool-controls{gap:0}.canvas-tool-controls .tool-button{color:#293950;background:#fff;border-color:#d4deea;width:44px;height:44px}.canvas-tool-controls .tool-button:hover{color:#244fc6;background:#f1f5fb}.canvas-tool-controls .tool-button.active{color:#fff;background:#315fdb;border-color:#315fdb;box-shadow:inset 0 1px #fff3}.side-window-map{border-bottom-color:#e0e7f0;gap:11px;margin-bottom:16px;padding:2px 0 16px}.mini-canvas{border-color:#cfdbe8;border-radius:6px;overflow:hidden}.side-window-map strong{color:#17243c;font-size:15px}.side-window-map span{color:#6a788c}.side-display-mode{border-bottom:1px solid #e0e7f0;padding:2px 0 17px}.side-display-mode h3,.ranking-heading h3{color:#1b2941;font-size:13px}.canvas-display-controls{background:#f4f7fb;border:1px solid #d8e2ed;border-radius:9px;gap:0;padding:3px}.mode-button{color:#43536a;background:0 0;border:0;border-radius:6px;min-height:37px}.mode-button:hover{background:#edf3fb;border:0}.mode-button.active,.mode-button.colored-mode.active,.mode-button.value-mode.active{color:#2e5ed4;background:#fff;border:0;box-shadow:0 3px 9px #1e33531c}.ranking-panel{border-bottom:1px solid #e0e7f0;padding:18px 0}.ranking-list{background:#f8fafc;border:1px solid #dfe7f0;border-radius:9px;overflow:hidden}.ranking-row{min-height:39px;padding-inline:10px}.ranking-list>p{color:#718096;text-align:center;min-height:88px;margin:0;padding:34px 12px}.mini-editor{border-top:0;margin-top:0;padding-top:20px}.mini-editor-header{padding:0 0 12px}.mini-editor-header h2{color:#17243c;font-size:18px}.mini-editor-header span{color:#66758a;line-height:1.45}.mini-canvas-wrap{background-color:#f9fbfd;background-image:linear-gradient(45deg,#e8edf3 25%,#0000 25%),linear-gradient(-45deg,#e8edf3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8edf3 75%),linear-gradient(-45deg,#0000 75%,#e8edf3 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #dfe7f0;border-radius:9px;min-height:150px;padding:14px}.side-panel .sidebar-login-button{background:linear-gradient(135deg,#203468 0%,#3d245d 100%);border-radius:9px;min-height:49px;font-size:14px;box-shadow:0 9px 20px #232b6038}}:where(a,button).button{color:#25354d;background:#fff;border:1px solid #d2dce8;border-radius:9px;min-height:44px;padding:0 16px;box-shadow:0 2px 6px #1e33530a}:where(a,button).button:hover:not(:disabled){color:#17243c;background:#f5f8fc;border-color:#aebed0;box-shadow:0 5px 13px #1e335314}:where(a,button).button.primary,:where(a,button).sidebar-login-button{color:#fff;background:linear-gradient(135deg,#243d7d 0%,#432765 100%);border-color:#293c82;box-shadow:0 8px 18px #27357433}:where(a,button).button.primary:hover:not(:disabled),:where(a,button).sidebar-login-button:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#2d4a92 0%,#523079 100%);border-color:#34529c;box-shadow:0 10px 22px #27357442}:where(a,button).button.danger{color:#b42318;box-shadow:none;background:#fff7f7;border-color:#efc4c4}:where(a,button).button.danger:hover:not(:disabled){color:#941f16;background:#fff0f0;border-color:#dfa2a2}:where(a,button).button.small{border-radius:8px;min-height:36px;padding:0 12px}:where(a,button).button:disabled,:where(a,button).button.primary:disabled{color:#8a97a8;box-shadow:none;opacity:1;background:#e9eef5;border-color:#d9e1eb}:where(a,button).button:focus-visible{outline-offset:2px;outline:3px solid #315fdb38}@media (max-width:700px){:where(a,button).button{min-height:46px}:where(a,button).button.small{min-height:40px}.canvas-layout.is-sidebar-collapsed .canvas-frame{overflow:visible}.canvas-layout.is-sidebar-collapsed .inspection-group{width:calc(100% - 16px);max-width:none;margin:0 8px 8px;position:relative;inset:auto!important;transform:none!important}.canvas-layout.is-sidebar-collapsed .inspection-group.is-bottom{flex-direction:column}.canvas-layout.is-sidebar-collapsed{gap:0}.side-panel.is-collapsed{background:#fffffffa;border-color:#dbe3ec;border-radius:0 0 13px 13px;min-height:68px;padding:12px 14px;box-shadow:0 12px 30px #1e33531a}.side-panel.is-collapsed .canvas-tool-row{justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex}.side-panel.is-collapsed .canvas-tool-cluster{flex:none}.side-panel.is-collapsed .tool-button{border-radius:8px;width:36px;height:36px}.side-panel.is-collapsed .side-window-map{border:0;flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:9px;min-height:36px;margin:0;padding:0;display:flex}.side-panel.is-collapsed .side-window-map>div{flex:none}.side-panel.is-collapsed .mini-canvas{width:36px;height:36px}.side-panel.is-collapsed .side-window-map strong{font-size:12px;line-height:1.2}.side-panel.is-collapsed .side-window-map span{white-space:nowrap;font-size:10px;line-height:1.2}.sidebar-toggle,.side-panel.is-collapsed .sidebar-toggle{border-bottom:0;border-radius:9px 9px 0 0;top:1px;transform:translate(-50%,-100%);box-shadow:0 -4px 10px #1e335314}}.report-design-action{border-top:1px solid var(--border);margin-top:4px;padding:8px 12px 4px}.report-design-button{color:var(--muted);font-size:12px}.report-design-button:hover{color:var(--danger)}.report-modal-overlay{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.report-modal{border:1px solid var(--border);background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 48px);color:var(--text);border-radius:14px;position:relative;overflow:auto;box-shadow:0 20px 60px #0f172a38}.report-modal-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.report-modal-title{margin:0;font-size:18px;font-weight:700}.report-modal-close{width:36px;height:36px;color:var(--muted-strong);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}.report-modal-close:hover{background:var(--surface-soft);color:var(--danger)}.report-modal-body{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.report-modal-intro{color:var(--muted-strong);margin:0;font-size:13px;line-height:1.5}.report-ip-notice{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.5}.report-ip-notice strong{margin-bottom:4px;display:block}.report-ip-notice p{color:var(--muted-strong);margin:0}.report-ip-notice a{color:var(--primary);text-decoration:underline}.report-modal-body .field{flex-direction:column;gap:5px;display:flex}.report-modal-body .field label{color:var(--text);font-size:13px;font-weight:600}.field-hint{color:var(--muted);margin-left:4px;font-weight:400}.field-char-count{color:var(--muted);text-align:right;font-size:11px}.report-modal-body select,.report-modal-body input[type=text],.report-modal-body textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .12s}.report-modal-body select:focus,.report-modal-body input[type=text]:focus,.report-modal-body textarea:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.report-checkbox-row{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.report-checkbox-row input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.report-error{color:var(--danger);background:#b4231814;border:1px solid #b4231840;border-radius:7px;margin:0;padding:10px 12px;font-size:13px}.report-modal-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.report-success-block{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 0;display:flex}.report-success-icon{color:#16a34a}.report-success-message{color:var(--text);margin:0;font-size:15px;font-weight:600}.report-success-ref{background:var(--surface-soft);border:1px solid var(--border);letter-spacing:.04em;border-radius:7px;margin:0;padding:8px 16px;font-family:monospace;font-size:14px}.report-success-note{color:var(--muted);max-width:380px;margin:0;font-size:12px}@media (max-width:600px){.report-modal-overlay{align-items:flex-end;padding:12px}.report-modal{border-radius:14px 14px 0 0;width:100%;max-height:85dvh}}