/* Keep the studio's neon identity outside the professional printed page. */
@font-face{font-family:WLSans;src:url('/white-label/sans.ttf');font-weight:400}@font-face{font-family:WLSans;src:url('/white-label/sans-bold.ttf');font-weight:700}
@font-face{font-family:WLSerif;src:url('/white-label/serif.ttf');font-weight:400}@font-face{font-family:WLSerif;src:url('/white-label/serif-bold.ttf');font-weight:700}
@font-face{font-family:WLMono;src:url('/white-label/mono.ttf');font-weight:400}@font-face{font-family:WLMono;src:url('/white-label/mono-bold.ttf');font-weight:700}
body[data-command-ui=workspace] #white-label-page{max-width:1550px;padding-top:35px;--wl-pink:#efb5ff;--wl-cyan:#8defff}
#white-label-page .wl-heading{text-align:center;margin:0 auto 45px;max-width:900px}
#white-label-page .wl-heading .brand-link{justify-content:center;margin:0 auto 14px;display:flex;gap:12px}
#white-label-page .wl-heading .page-brand-bot{width:90px;height:80px}
.wl-eyebrow{display:block;font-size:11px;letter-spacing:.22em;color:#e9bbf4;margin:16px 0}
#white-label-page .wl-heading h1{font:400 clamp(44px,5.1vw,72px)/1.12 NeonTube,Arial,sans-serif;color:#f7eaff;text-shadow:0 0 3px #fff8,0 0 13px #cc71ff,0 0 32px #8432cf80;letter-spacing:0;margin:12px 0 20px;animation:wl-title-glow 6s ease-in-out infinite}
#white-label-page .wl-heading h1 span{color:#cffaff;text-shadow:0 0 3px #fff8,0 0 13px #43cbfa,0 0 32px #238ecf80}
#white-label-page .wl-heading p{font:400 clamp(18px,2vw,23px)/1.5 NeonTube,Arial,sans-serif;color:#ebdef4;text-shadow:0 2px 5px #000}
.wl-benefits{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;margin:25px 0;color:#dafaff;font-size:12px;letter-spacing:.05em}.wl-benefits span::before{content:'✦';margin-right:8px;color:#e8b5ff}
.wl-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 25px}.wl-step{font-size:10px;letter-spacing:.2em;color:#ccdef0}
#white-label-page .wl-section-heading h2{font:400 clamp(26px,2.9vw,37px)/1.25 NeonTube,Arial,sans-serif;color:#f5dcff;text-shadow:0 0 12px #cb7dff80;margin:10px 0 0}
.wl-section-heading>p{font-size:13px;color:#d2e2eb;text-align:right;line-height:1.6;flex-shrink:0}
.wl-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.wl-filters button{background:#080c17c9;color:#cee4ef;border:1px solid #a67fc965;border-radius:20px;padding:11px 16px;font-size:12px;cursor:pointer}.wl-filters button[aria-pressed=true]{border-color:#ebbaff;color:#fff;box-shadow:0 0 17px #ba64ed45,inset 0 0 12px #ba64ed24}.wl-filters span{margin-left:7px;opacity:.7}
.wl-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.wl-template[hidden]{display:none!important}
#white-label-page .wl-template{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:222px;text-align:left;padding:17px 17px 15px;background:linear-gradient(145deg,#14131dcc,#050a12b8)!important;border:2px solid color-mix(in srgb,var(--wl-accent) 50%,#292634)!important;border-radius:23px 8px 23px 8px!important;color:#eaf5fb;box-shadow:inset 0 1px 0 #fff8,3px 4px 0 #05090e,0 0 14px color-mix(in srgb,var(--wl-accent) 12%,transparent)!important;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
#white-label-page .wl-template:hover,#white-label-page .wl-template[aria-pressed=true]{transform:translateY(-3px);border-color:var(--wl-accent)!important;box-shadow:inset 0 1px 0 #fff,3px 5px 0 #05090e,0 0 22px color-mix(in srgb,var(--wl-accent) 32%,transparent)!important}
.wl-template-art{position:relative;display:flex;height:89px;align-items:center;justify-content:center;margin-bottom:13px;background:radial-gradient(ellipse,color-mix(in srgb,var(--wl-accent) 14%,transparent),transparent 66%)}
.wl-mini-page{position:relative;width:66px;height:82px;background:#f9fafc;padding:10px 8px;transform:perspective(270px) rotateY(-15deg) rotate(-7deg);box-shadow:4px 4px 0 #9ca3ad,8px 8px 0 #343a47,0 0 25px color-mix(in srgb,var(--wl-accent) 25%,transparent);border-radius:2px}.wl-template:nth-child(2n) .wl-mini-page{transform:perspective(270px) rotateY(12deg) rotate(6deg)}
.wl-mini-page b{display:block;font:700 14px WLSans,Arial;color:#273441;margin-bottom:5px}.wl-mini-page img{display:block;object-fit:contain;width:30px;height:25px;margin:0 0 6px}.wl-mini-page i{display:block;height:2px;background:#8593a2;margin:5px 0;max-width:43px}.wl-mini-page i:nth-last-of-type(1){width:65%}.wl-mini-block{display:block;width:100%;height:10px;border-top:1px solid #aeb6c0;border-bottom:1px solid #aeb6c0;margin-top:6px}.wl-template-number{position:absolute;right:0;top:0;color:var(--wl-accent);font:400 12px NeonTube,Arial;opacity:.8}
#white-label-page .wl-template strong{font:400 21px/1.2 NeonTube,Arial;color:var(--wl-accent);text-shadow:0 0 10px color-mix(in srgb,var(--wl-accent) 40%,transparent)}
.wl-template-tag{font-size:11px;line-height:1.45;color:#c2d0df;margin:8px 0 14px}.wl-template-select{font-size:10px;letter-spacing:.05em;color:var(--wl-accent);margin-top:auto}
.wl-workspace{margin-top:60px;scroll-margin-top:30px}.wl-workspace-grid{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(350px,1.35fr);gap:35px;align-items:start}
.wl-controls{min-width:0}.wl-control-group{position:relative;min-width:0;margin:0 0 28px;padding:20px 24px 25px;border:3px solid #9771af!important;border-radius:24px!important;background:linear-gradient(140deg,#110d1bd6,#040a11c9)!important;box-shadow:inset 0 0 0 1px #eed6ff99,3px 5px 0 #28132e,5px 7px 0 #080812,0 0 20px #cf80fc28!important;backdrop-filter:blur(3px)}
.wl-control-group legend{float:none;width:auto;padding:0 10px;font:400 25px/1.2 NeonTube,Arial;color:#edc9ff;text-shadow:0 0 9px #c676ff}
#white-label-page .wl-controls label:not(.wl-check){display:block;margin:18px 0 8px;font-size:12px;color:#d9e5ee;letter-spacing:.01em}
#white-label-page .wl-controls input:not([type=checkbox]),#white-label-page .wl-controls select,#white-label-page .wl-controls textarea{width:100%;min-width:0;color:#eff5fa;background:#04070fc7;border:1px solid #b2a1ca70;border-radius:10px;padding:11px 12px;font:13px/1.5 system-ui,sans-serif;box-shadow:inset 0 2px 8px #0006;outline-offset:3px}
#white-label-page .wl-controls select{cursor:pointer;color-scheme:dark}#white-label-page .wl-controls input[type=file]{font-size:11px}#white-label-page .wl-controls input[type=date]{color-scheme:dark}#white-label-page .wl-controls input[type=color]{height:44px;padding:5px}#white-label-page .wl-controls textarea{resize:vertical;min-height:80px}
.wl-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wl-check{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:12px;color:#d5e4ed;line-height:1.5}.wl-check input{width:17px!important;height:17px;min-width:17px;accent-color:#ba83e9;margin-top:0}
.wl-hint{font:11px/1.7 system-ui,sans-serif;color:#b3c5d2;margin-top:12px}.wl-section-editor{border-top:1px solid #b09bc546;margin-top:20px;padding-top:16px}.wl-section-editor summary{display:flex;gap:10px;cursor:pointer;color:#e8b7fb;font-size:13px;line-height:1.45;list-style:none}.wl-section-editor summary:after{content:'+';margin-left:auto}.wl-section-editor[open] summary:after{content:'−'}.wl-section-editor summary span{color:#e6eaf1}
.wl-export{padding:0 5px}.wl-export button{width:100%;margin:0 0 12px;min-height:52px;border:2px solid #98edff!important;border-radius:14px!important;background:linear-gradient(135deg,#163044,#0b111b)!important;color:#e8fdff!important;box-shadow:inset 0 1px #fff9,0 4px #163c50,0 0 20px #35cefa30!important;font:400 22px NeonTube,Arial;text-shadow:0 0 10px #64dfff80;cursor:pointer}.wl-export button span{float:right}.wl-export .quiet-button{border-color:#d5a0fa!important;color:#f0d7ff!important;background:#130d21d9!important;box-shadow:inset 0 1px #fff9,0 4px #3a204b,0 0 20px #be7aff20!important}.wl-export button:disabled{opacity:.4;cursor:not-allowed}
.wl-preview-column{position:sticky;top:25px;min-width:0}.wl-preview-frame{position:relative;min-width:0;padding:20px 20px 15px;background:linear-gradient(145deg,#101219b3,#05070db3)!important;border:5px solid #658b95;border-radius:28px;box-shadow:inset 0 0 0 1px #ecffff,0 0 0 1px #e0ffff,3px 4px 0 #1a4b57,6px 7px 0 #071117,0 0 25px #61d5e133;backdrop-filter:blur(3px)}
.wl-preview-frame:before{content:'';position:absolute;inset:-5px;pointer-events:none;border-radius:inherit;padding:5px;background:linear-gradient(135deg,#f7ffff,#65d9ed 13%,#2c4d57 28%,#caffff 43%,#4c7884 57%,#1b2a38 74%,#99f4ff 92%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.wl-preview-toolbar{display:flex;justify-content:space-between;gap:12px;color:#e2eff1;font-size:9px;letter-spacing:.08em;margin:0 0 16px;line-height:1.5}.wl-preview-toolbar i{display:inline-block;width:6px;height:6px;background:#9ef7dc;border-radius:50%;box-shadow:0 0 9px #71ffcd;margin-right:6px;animation:wl-status-glow 4s ease-in-out infinite}.wl-preview-toolbar>span:last-child{letter-spacing:0;color:#bfd0dc}
.wl-pages{background:#fff;box-shadow:0 9px 24px #0008;min-height:200px}.wl-pages .wl-paper{display:block;width:100%;height:auto;aspect-ratio:auto;background:#fff;border:0;border-radius:0;box-shadow:none;filter:none;animation:none}
#white-label-page .wl-paper text{paint-order:normal;text-shadow:none!important;-webkit-text-stroke:0!important;stroke:none!important;filter:none!important;animation:none!important;letter-spacing:normal}
.wl-page-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:17px;font-size:11px;color:#d5e3e9}.wl-page-controls button{width:35px;height:31px;border-radius:8px;background:#0b1820;border:1px solid #79bfcb88;color:#d8faff;cursor:pointer}.wl-page-controls button:disabled{opacity:.3;cursor:default}.wl-preview-note{text-align:center;color:#c5dbe5;font-size:12px;line-height:1.7;margin:20px 10px 10px}.wl-logo-note{text-align:center;color:#a7bac6;font-size:10px;line-height:1.6}.wl-preview-empty{color:#252525;padding:40px;font:16px system-ui}
#white-label-page button:focus-visible,#white-label-page summary:focus-visible{outline:3px solid #fff;outline-offset:5px}
@keyframes wl-title-glow{50%{filter:brightness(1.12)}}@keyframes wl-status-glow{50%{opacity:.45}}
@media(max-width:1200px){.wl-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wl-workspace-grid{grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr);gap:25px}.wl-control-group{padding:17px 18px 23px}}
@media(max-width:800px){.wl-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-workspace-grid{grid-template-columns:1fr}.wl-preview-column{position:static;grid-row:1}.wl-section-heading{align-items:start;flex-direction:column;gap:5px}.wl-section-heading>p{text-align:left}.wl-preview-frame{max-width:660px;margin:auto}.wl-preview-column{margin-bottom:20px}.wl-controls{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wl-control-group{margin:0}.wl-controls .wl-control-group:nth-of-type(3),.wl-export{grid-column:1/-1}}
@media(max-width:540px){body[data-command-ui=workspace] #white-label-page{padding:72px 23px 105px}.wl-heading .brand-link{font-size:26px!important}.wl-template-grid{gap:15px}.wl-template{padding:15px 12px!important;min-height:222px!important}.wl-template strong{font-size:21px!important}.wl-filters{gap:8px}.wl-filters button{font-size:11px;padding:10px 12px}.wl-controls{display:block}.wl-control-group{margin-bottom:27px}.wl-preview-frame{padding:15px 11px}.wl-benefits{gap:10px 16px;font-size:10px}.wl-preview-toolbar{font-size:8px}.wl-workspace{margin-top:42px}.wl-template-art{height:86px}.wl-fields{gap:10px}}
@media(prefers-reduced-motion:reduce){#white-label-page *,#white-label-page *:before{animation:none!important;transition:none!important}}
.reduced-motion #white-label-page *,.reduced-motion #white-label-page *:before{animation:none!important;transition:none!important}

.wl-studio-intro{text-align:right;color:#d2e2eb;font-size:13px;line-height:1.5}.wl-studio-intro .text-action{color:#efb5ff;padding-top:10px}@media(max-width:800px){.wl-studio-intro{text-align:left}}
/* Whole-library entry: a moving sign on the site, never in the printout. */
.wl-library-callout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;position:relative;margin:22px 4px 45px;padding:32px 38px;border:4px solid #df9fe9;border-radius:30px 12px 30px 12px;background:linear-gradient(120deg,#140b1cd6,#060e15b8);box-shadow:inset 0 0 0 1px #fff8,3px 5px 0 #5f2c63,6px 8px 0 #120816,0 0 27px #e97bed35}
#white-label-page .wl-library-callout h2{font:400 clamp(27px,3vw,40px)/1.2 NeonTube,Arial;color:#f4c9ff;text-shadow:0 0 13px #db83ed;margin:12px 0 15px}.wl-library-callout p{color:#e4d8e9;font-size:13px;line-height:1.7}.wl-library-callout strong{font-weight:650;color:#fff}
.wl-library-action{position:relative;padding:18px 2px 8px 22px}.wl-pointing-arrow{position:absolute;left:0;top:-24px;color:#90f3ff;text-shadow:0 0 12px #37dafa;font:48px/1 NeonTube,Arial;animation:wl-arrow-point 2.6s ease-in-out infinite}
#wl-open-library{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;width:100%;padding:19px 23px;background:linear-gradient(135deg,#321645e8,#0c1623e8);border:3px solid #f3bdff;border-radius:16px;color:#fbeaff;font:400 clamp(25px,2.8vw,36px)/1.17 NeonTube,Arial;text-align:left;text-shadow:0 0 4px #fff8,0 0 14px #ed84ff;box-shadow:inset 0 0 0 1px #fff8,0 5px 0 #592561,0 0 24px #dc76ed50;cursor:pointer;animation:wl-sign-shake 4s ease-in-out infinite}#wl-open-library b{color:#a1f7ff;font-weight:400}
#wl-open-library:hover,#wl-open-library:focus-visible{animation-play-state:paused;filter:brightness(1.13)}
.wl-library-picker{margin:0 4px 38px;padding:20px 27px 28px;border:3px solid #79dae3;border-radius:25px;background:#070d16dc;box-shadow:inset 0 0 0 1px #e1ffff88,3px 5px 0 #153e47,0 0 20px #5dcdd326;scroll-margin-top:25px}.wl-library-picker[hidden]{display:none}.wl-library-picker .wl-section-heading{margin-top:6px}
.wl-topic-search{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wl-topic-search label{display:block;font-size:12px;margin:0 0 8px;color:#d4e8ee}.wl-topic-search input,.wl-topic-search select{width:100%;min-width:0;min-height:46px;padding:10px 13px;border:1px solid #8ed9e378;border-radius:9px;background:#050b13;color:#ecffff;font:13px system-ui;color-scheme:dark}
#wl-topic-count{font:12px/1.6 system-ui;color:#c4dbe2;margin:20px 0 15px}.wl-topic-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:510px;overflow:auto;padding:3px 8px 8px 3px;scrollbar-color:#8bd8dc #0c1a22}.wl-topic-results button{display:flex;align-items:start;flex-direction:column;gap:9px;padding:18px;text-align:left;background:linear-gradient(140deg,#0a1c23,#070b14);border:1px solid #83ced665;border-radius:13px;color:#daf9ff;cursor:pointer}.wl-topic-results button[aria-pressed=true],.wl-topic-results button:hover{border-color:#b3ffff;box-shadow:0 0 12px #7adfe733}.wl-topic-results small{font-size:9px;line-height:1.5;color:#b7cdd4}.wl-topic-results strong{font:400 19px/1.25 NeonTube,Arial;color:#bdeef8;text-shadow:0 0 6px #60bacb66}.wl-topic-results span{font-size:10px;color:#e9c1f7;margin-top:auto}#wl-more-topics{margin-top:18px;padding:12px 18px;border-radius:11px}
@keyframes wl-sign-shake{0%,45%,100%{transform:translate(0,0) rotate(0) scale(1)}7%,19%{transform:translateX(-3px) rotate(-1.3deg) scale(1.025)}13%,25%{transform:translateX(3px) rotate(1.3deg) scale(1.025)}33%{transform:translateY(-2px) scale(1.035)}}
@keyframes wl-arrow-point{0%,55%,100%{transform:translate(0,0)}25%{transform:translate(8px,8px)}}
@media(max-width:800px){.wl-library-callout{grid-template-columns:1fr;padding:25px;gap:19px}.wl-library-action{max-width:400px;width:100%;margin:8px auto 0}.wl-topic-search{grid-template-columns:1fr;gap:16px}.wl-topic-results{grid-template-columns:1fr}.wl-library-picker{padding:20px 17px}.wl-library-picker .text-action{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#wl-open-library,.wl-pointing-arrow{animation:none!important}}
.reduced-motion #wl-open-library,.reduced-motion .wl-pointing-arrow{animation:none!important}
