/* Prism 8 UX polish: quick actions, resizable sidebars, beautiful dialogs */
.app .work{grid-template-columns:74px var(--vp-left-width,300px) minmax(340px,1fr) var(--vp-right-width,300px)}
.tools{padding:12px 9px;gap:8px}
.tool{width:56px;min-height:56px;padding:7px}
.tool span{font-size:10px;line-height:1.15;text-align:center;max-width:100%;word-break:break-word}
.sidebar{position:relative}
.vp-resizer{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:5;background:linear-gradient(180deg,transparent,#9e7dff33 35%,#9e7dff33 65%,transparent)}
.sidebar.left .vp-resizer{right:-4px}
.sidebar.right .vp-resizer{left:-4px}
.vp-resizer::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:52px;border-radius:999px;background:linear-gradient(180deg,#5cdcff,#b086ff,#ff92d2);box-shadow:0 0 16px #a17dff88}
.prism-quickbar{border:1px solid #8062ba;background:linear-gradient(145deg,#211934,#151a2c);border-radius:16px;padding:12px;margin-bottom:12px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(7,6,16,.28)}
.prism-quickbar h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#eee6ff}
.prism-quickbar p{margin:0 0 10px;color:#bcb2d2;font-size:12px;line-height:1.45}
.prism-quickbar .swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.prism-quickbar .swatch-chip{width:28px;height:28px;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.25);box-shadow:0 0 0 1px rgba(0,0,0,.35) inset,0 0 18px rgba(0,0,0,.2)}
.prism-quickbar .swatch-chip.active{transform:scale(1.05);box-shadow:0 0 0 2px #fff4,0 0 18px currentColor}
.prism-quickbar .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.prism-quickbar .actions button{min-height:40px;font-size:11px;white-space:normal}
.prism-quickbar .row{display:flex;gap:8px;align-items:center;margin-top:8px}
.prism-quickbar .row select,.prism-quickbar .row input[type=color]{min-width:0;flex:1}
.prism-inline-text{position:absolute;z-index:6;padding:8px 10px;border-radius:12px;background:rgba(22,18,38,.82);outline:1px solid rgba(189,160,255,.85);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 18px rgba(159,125,255,.35);white-space:pre-wrap;min-height:42px}
.v7-dialog{width:min(540px,94vw)}
.v7-dialog header{display:flex;justify-content:space-between;align-items:center;gap:14px}
.v7-dialog header button{border:1px solid #6f5a97;background:#2b2341;color:#f4eaff;border-radius:12px;width:40px;height:40px;padding:0;font-size:20px}
.v7-dialog p{font-size:15px;line-height:1.65;color:#e8defc}
.v7-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.v7-dialog-actions .ghost{background:#2d2640;color:#f2edff;border:1px solid #756296}
.v7-dialog-actions .primary{min-width:120px}
@media(max-width:840px){.app .work{grid-template-columns:58px minmax(0,1fr)}.vp-resizer{display:none}.tool{width:44px;min-height:52px}.tool span{font-size:9px}.prism-quickbar .actions{grid-template-columns:1fr}}