/* One-click styling panel above the workflow switch, and the full-screen publish ceremony. */
#quick-style{flex-shrink:0;background:#fff;border:1px solid #e1e7f1;border-radius:12px;margin:12px 0 16px}
.quick-head{display:flex;align-items:center;gap:10px;padding:11px 14px 10px;flex-wrap:wrap}
.quick-head>span{font-size:11px;color:#7e8da5;flex:1;min-width:0}
.quick-actions{display:flex;gap:6px;margin-left:auto}
.quick-actions button,.quick-recipes button,#quick-recipe-lock{border:1px solid #dfe5f0;background:#fff;border-radius:7px;padding:6px 10px;font-size:11px;color:#41506b;white-space:nowrap}
#quick-dice{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
body.quick-mode #workflow-help,body.quick-mode #project-palette{display:none!important}
body.quick-mode .workflow-switch [data-workflow].active{background:none;color:#74829a;font-weight:400}
#quick-tab.active{background:#e9eeff;color:#405fdf;font-weight:600}
.quick-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;padding:2px 14px 14px}
#quick-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.quick-slot{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid #e1e7f1;background:#fff;border-radius:9px;padding:7px;text-align:left;min-width:0}
.quick-slot.active{border-color:#758aff;background:#f3f5ff}
.quick-slot>i{width:26px;height:26px;border-radius:7px;border:1px solid #0002;flex-shrink:0}
.quick-slot>span:not(.quick-lock){min-width:0}
.quick-slot strong{display:block;font-size:11px;font-weight:600}
.quick-slot small{display:block;font-size:9px;color:#8a98ac;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-lock{position:absolute;top:-7px;right:-5px;font-size:9px;background:#fff;border:1px solid #e1e7f1;border-radius:6px;padding:1px 3px;cursor:pointer;line-height:1.3}
.quick-lock.locked{background:var(--blue);border-color:var(--blue)}
#quick-picker-label{font-size:10px;color:#7e8da5;margin:10px 0 7px}
#quick-picker{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:5px}
.quick-swatch{aspect-ratio:1;border:1px solid #0002;border-radius:6px;padding:0;position:relative}
.quick-swatch.active:after{content:'';position:absolute;inset:-4px;border:2px solid #758aff;border-radius:8px}
.quick-recipes{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:#7e8da5;flex-wrap:wrap}
#quick-recipes{display:flex;gap:4px;flex-wrap:wrap}
.quick-recipes button.active{border-color:#758aff;color:#405fdf;background:#f0f3ff;font-weight:600}
#quick-recipe-lock{padding:5px 7px;font-size:10px}
#quick-recipe-lock[aria-pressed=true]{color:#405fdf;border-color:#758aff}
.quick-notes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;min-height:22px}
.quick-notes span{font-size:10px;border-radius:999px;padding:3px 9px;background:#f2f4f8;color:#5d6b84}
.quick-notes .ok{color:#13804a;background:#e9f7ef}.quick-notes .warn{color:#a2510b;background:#fff3e6}
.quick-label{display:block;font-size:10px;color:#7e8da5;margin-bottom:7px}
#quick-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#quick-themes button{display:flex;align-items:center;gap:8px;border:1px solid #e1e7f1;background:#fff;border-radius:8px;padding:6px 8px;font-size:11px;text-align:left;min-width:0}
#quick-themes button:hover{border-color:#a8b5ff}
.quick-strip{display:flex;width:44px;height:14px;border-radius:4px;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px #0002}
.quick-strip i{flex:1}
body.presentation #quick-style{display:none!important}
@media(min-width:1600px){#quick-picker{grid-template-columns:repeat(15,minmax(0,1fr))}}
@media(max-width:1170px){.quick-body{grid-template-columns:minmax(0,1fr)}.quick-head>span{display:none}}
@media(max-width:600px){#quick-slots{grid-template-columns:repeat(2,minmax(0,1fr))}#quick-picker{grid-template-columns:repeat(10,minmax(0,1fr))}.quick-actions{width:100%;margin:0}.quick-actions button{flex:1;padding:8px 4px}}

#evo{position:fixed;inset:0;z-index:100;background:#05060d;color:#f4f6ff;display:grid;place-items:center;overflow:hidden}
body.evo-open{overflow:hidden}
#evo-scene{position:absolute;inset:0;width:100%;height:100%}
.evo-grid{position:absolute;inset:-50%;background-image:linear-gradient(#7896ff14 1px,transparent 1px),linear-gradient(90deg,#7896ff14 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(58deg) translateY(10%);animation:evo-grid 3s linear infinite}
@keyframes evo-grid{to{background-position:0 44px}}
.evo-device{position:absolute;width:min(46vw,260px);aspect-ratio:1;display:grid;place-items:center;transition:transform .5s cubic-bezier(.2,.9,.3,1.4),opacity .4s;pointer-events:none}
.evo-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#ffd23f,#ff7a1a 20%,transparent 30%,#47e0ff 50%,transparent 62%,#ffd23f 80%,transparent 92%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 62%,#000 70%,transparent 71%);mask:radial-gradient(circle,transparent 61%,#000 62%,#000 70%,transparent 71%);animation:spin 1.2s linear infinite}
.evo-ring.r2{inset:12%;animation-duration:.8s;animation-direction:reverse;background:conic-gradient(#47e0ff 0 12%,transparent 0 25%,#47e0ff 0 37%,transparent 0 50%,#47e0ff 0 62%,transparent 0 75%,#47e0ff 0 87%,transparent 0)}
.evo-core{position:relative;width:46%;aspect-ratio:1;background:#0f1430;border:3px solid #ffd23f;border-radius:30% 30% 42% 42%;display:grid;place-items:center;box-shadow:0 0 40px #ffb02e88,inset 0 0 20px #47e0ff55}
.evo-core svg{width:70%}
.evo-device.fast .evo-ring{animation-duration:.35s}.evo-device.fast .evo-ring.r2{animation-duration:.25s}
.evo-text{pointer-events:none;position:absolute;left:0;right:0;top:18%;text-align:center;padding:0 16px;font-weight:900;letter-spacing:.12em;font-size:clamp(24px,5vw,48px);text-shadow:0 0 18px #47e0ff,0 0 2px #fff;opacity:0;transform:scale(.9);transition:opacity .25s,transform .4s}
.evo-text.show{opacity:1;transform:none}
.evo-sub{position:absolute;top:8%;left:0;right:0;text-align:center;font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#9fb2ff}
.evo-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.evo-flash.go{animation:evo-flash .7s ease-out}
@keyframes evo-flash{15%{opacity:.95}100%{opacity:0}}
.evo-card{position:absolute;left:50%;bottom:6%;transform:translate(-50%,20px);width:min(92vw,460px);background:#10142cdc;border:1px solid #3b4ca0;border-radius:16px;padding:18px;display:grid;gap:10px;opacity:0;pointer-events:none;transition:opacity .4s,transform .5s;backdrop-filter:blur(6px)}
.evo-card.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.evo-eyebrow{font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#ffd23f}
.evo-card h3{margin:0;font-size:24px;font-weight:900}
.evo-card p{margin:0;font-size:12px;color:#b8c2e8}
.evo-strip{display:flex;height:18px;border-radius:5px;overflow:hidden}.evo-strip i{flex:1}
.evo-actions{display:flex;gap:8px;align-items:center}.evo-actions span{flex:1}
.evo-actions button,#evo-skip{border:1px solid #3b4ca0;background:#1d2450;color:#fff;border-radius:9px;padding:9px 13px;font-size:12px}
.evo-actions .primary{background:#ffd23f;color:#1a1300;border-color:#ffd23f;font-weight:700}
#evo-skip{position:absolute;top:16px;right:16px;background:#ffffff1a;border-color:#ffffff40}
@media(prefers-reduced-motion:reduce){.evo-ring,.evo-grid{animation:none}}
@media(max-width:600px){.evo-actions{flex-wrap:wrap}.evo-actions span{display:none}.evo-actions button{flex:1}}