.workshop-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;height:100%}.workshop-left,.workshop-right{display:flex;flex-direction:column;gap:15px}.workshop-linkbar{display:flex;gap:10px;align-items:center}.character-card{background:rgba(0,20,30,.6);border:1px solid var(--neon-cyan);border-radius:4px;padding:15px;box-shadow:0 0 15px rgba(0,243,255,.1);transition:.3s}.character-card:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(0,243,255,.3);border-color:var(--neon-blue)}.char-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(0,243,255,.2);padding-bottom:5px}.char-name{font-family:SDGlitch,monospace;font-size:1.2rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.char-status{font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.char-preview{display:flex;gap:15px}.placeholder-img{width:80px;height:80px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--neon-cyan);border:1px solid rgba(0,243,255,.3);flex-shrink:0;overflow:hidden;background:rgba(0,20,30,.6)}.placeholder-img img{width:100%;height:100%;object-fit:cover}.char-bio{flex:1;font-size:.9rem;line-height:1.4;color:#ccc}.char-bio p{margin-bottom:8px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{background:rgba(0,243,255,.1);color:var(--neon-cyan);padding:2px 6px;border-radius:2px;font-size:.75rem;border:1px solid rgba(0,243,255,.2)}.helena-context{background:rgba(255,49,49,.05);border:1px solid var(--neon-red);border-radius:4px;padding:15px;flex:1;overflow-y:auto}.helena-context h3{color:var(--neon-red);margin-bottom:8px;font-size:1rem;display:flex;align-items:center;gap:8px}.helena-context .status-badge{display:inline-block;background:rgba(255,49,49,.2);color:var(--neon-red);padding:2px 8px;border-radius:2px;font-size:.75rem;margin-bottom:10px;border:1px solid var(--neon-red)}.helena-context p{font-size:.85rem;color:#ddd;margin-bottom:8px;line-height:1.4}.helena-context ul{list-style:none;padding-left:0;margin-bottom:10px}.helena-context li{font-size:.8rem;color:#ccc;margin-bottom:5px;padding-left:15px;position:relative}.helena-context li::before{content:">";position:absolute;left:0;color:var(--neon-red)}.helena-context em{color:#888;font-style:italic;font-size:.8rem}.mystery-tag{display:block;margin-top:10px;font-size:.7rem;color:var(--neon-red);text-align:right;font-family:SDGlitch,monospace;opacity:.7}.preview-system{background:rgba(0,20,30,.6);border:1px solid var(--neon-blue);border-radius:4px;padding:15px;flex:1;display:flex;flex-direction:column}.preview-system h3{color:var(--neon-blue);margin-bottom:10px;font-size:1rem;display:flex;align-items:center;gap:8px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.preview-item{background:rgba(0,0,0,.4);border:1px solid rgba(0,243,255,.2);border-radius:4px;overflow:hidden;position:relative;cursor:pointer;transition:.2s}.preview-item:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.3);transform:scale(1.02)}.preview-item.image{display:flex;align-items:center;justify-content:center;background:rgba(0,20,30,.6)}.preview-item.concept,.preview-item.video{grid-column:span 2}.placeholder-media{width:100%;height:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--neon-blue);font-size:1.5rem;text-align:center}.placeholder-media span{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px}.preview-note{margin-top:10px;font-size:.75rem;color:#666;text-align:center;font-style:italic}