/* YDL WEB LAB / Five Utility Modules v1.1.0: all styles scoped to .ydl-w5 */
.ydl-w5{--w5-bg:#08151f;--w5-panel:#0b1e2b;--w5-line:#294354;--w5-accent:#43d1e9;--w5-text:#eaf6fc;--w5-muted:#adc3cf;--w5-success:#a0f2cd;color:var(--w5-text);font:inherit;max-width:100%;margin:0 0 2.2rem;overflow-wrap:anywhere}.ydl-w5 *{box-sizing:border-box}.ydl-w5 input,.ydl-w5 textarea,.ydl-w5 select,.ydl-w5 button{font:inherit;letter-spacing:normal;max-width:100%}.ydl-w5 button{cursor:pointer}.ydl-w5 button:disabled{cursor:not-allowed;opacity:.47}.ydl-w5 [hidden]{display:none!important}.ydl-w5-hero{background:radial-gradient(circle at 85% 0,rgba(67,209,233,.18),transparent 45%),linear-gradient(125deg,#07131e,#0c2635);border:1px solid var(--w5-line);border-radius:22px;padding:clamp(18px,3.2vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.ydl-w5-hero h2{font-size:clamp(1.35rem,2.8vw,2rem);color:#fff;margin:.35em 0 .45em;line-height:1.35;border:0!important;padding:0!important;background:none!important}.ydl-w5-hero p{line-height:1.8;margin:0;color:var(--w5-muted);font-size:.95rem}.ydl-w5-kicker{font-weight:850;letter-spacing:.12em;color:var(--w5-accent);font-size:.73rem}.ydl-w5-private{flex:0 0 176px;border-radius:14px;background:rgba(3,15,24,.65);border:1px solid rgba(84,222,239,.2);padding:13px;display:grid;gap:7px}.ydl-w5-private strong{color:var(--w5-success);font-size:.75rem;letter-spacing:.08em}.ydl-w5-private span{font-size:.8rem;color:var(--w5-muted);line-height:1.6}.ydl-w5-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.ydl-w5-panel{background:linear-gradient(180deg,#102433,#081924);border:1px solid var(--w5-line);border-radius:18px;min-width:0;overflow:hidden}.ydl-w5-panel-head{padding:16px 18px;border-bottom:1px solid var(--w5-line)}.ydl-w5-panel-head span{font-size:.68rem;letter-spacing:.12em;color:var(--w5-accent);font-weight:800}.ydl-w5-panel-head h3{margin:.3em 0 0;padding:0!important;border:none!important;background:none!important;font-size:1.05rem!important;color:#fff!important;line-height:1.35}.ydl-w5-inner{padding:18px}.ydl-w5-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}.ydl-w5-fields-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ydl-w5-fields label,.ydl-w5-label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.81rem;font-weight:650;color:#c8e4ee}.ydl-w5-fields label input:not([type=checkbox]):not([type=color]):not([type=range]),.ydl-w5-fields select,.ydl-w5-label input{display:block;width:100%;min-width:0;padding:10px 12px;line-height:1.4;background:#07131d;color:#fff;border:1px solid #3b5665;border-radius:10px;box-shadow:none}.ydl-w5 select{background:#07131d;color:#fff}.ydl-w5 input[type=range]{width:100%;accent-color:var(--w5-accent);margin-top:7px}.ydl-w5 input[type=color]{height:43px;width:100%;min-width:0;border:1px solid #3b5665;padding:3px;background:#07131d;border-radius:10px}.ydl-w5 .ydl-w5-check{flex-direction:row;align-items:center;gap:9px}.ydl-w5-checks{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.ydl-w5-checks label{font-size:.84rem;color:var(--w5-muted);display:inline-flex;align-items:center;gap:6px}.ydl-w5 input[type=checkbox]{accent-color:var(--w5-accent);width:17px;height:17px;margin:0;flex-shrink:0}.ydl-w5-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:7px;text-align:center;cursor:pointer;min-height:145px;border:1px dashed #468499;border-radius:15px;background:rgba(36,99,127,.14);padding:18px}.ydl-w5-drop strong{color:#fff;font-size:1rem}.ydl-w5-drop small{color:var(--w5-muted);font-size:.75rem}.ydl-w5-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ydl-w5-drop:focus-within{outline:2px solid var(--w5-accent)}.ydl-w5-hint{color:var(--w5-muted);line-height:1.7;font-size:.78rem;margin:10px 0}.ydl-w5-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:13px 0}.ydl-w5-primary,.ydl-w5-secondary,.ydl-w5-filebtn{border-radius:11px!important;border:1px solid #60b5c5!important;min-height:43px;padding:10px 16px!important;font-size:.84rem!important;font-weight:760!important;display:inline-flex;justify-content:center;align-items:center;text-align:center;line-height:1.35!important;text-decoration:none!important;box-shadow:none!important}.ydl-w5-primary{color:#031521!important;background:linear-gradient(135deg,#65e5f0,#40a8f4)!important;border-color:#48c8e0!important}.ydl-w5-secondary,.ydl-w5-filebtn{background:#102d3c!important;color:#e9f5fa!important}.ydl-w5-primary:hover:not(:disabled){filter:brightness(1.09)}.ydl-w5-secondary:hover:not(:disabled){background:#184052!important}.ydl-w5-full{width:100%}.ydl-w5-textbtn{color:var(--w5-accent)!important;border:0!important;background:transparent!important;padding:4px!important;font-size:.8rem!important}.ydl-w5-status{margin:10px 0;padding:10px 12px;border:1px solid #426071;border-radius:10px;background:#061924;font-size:.82rem;color:#c0e2ee;line-height:1.6}.ydl-w5-status.is-error{border-color:#974c58;color:#ffc7d2}.ydl-w5-status.is-success{border-color:#317764;color:#b9ffdf}.ydl-w5-code{width:100%;display:block;min-width:0;min-height:160px;resize:vertical;padding:12px;border-radius:11px!important;border:1px solid #3b5969!important;background:#05121d!important;color:#e9faff!important;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,'Courier New',monospace!important;tab-size:2;white-space:pre;overflow:auto;box-shadow:none!important}.ydl-w5-code-large{min-height:290px}.ydl-w5-code-medium{min-height:190px}.ydl-w5-note{margin-top:15px;border:1px solid var(--w5-line);background:#091c28;border-radius:14px;padding:14px 16px;color:var(--w5-muted);font-size:.8rem;line-height:1.75}.ydl-w5-spaced{margin-top:16px}.ydl-w5-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.ydl-w5-metrics span{background:#061723;padding:12px 9px;border:1px solid #244555;border-radius:12px;font-size:.74rem;color:var(--w5-muted);min-width:0}.ydl-w5-metrics b{display:block;color:#fff;font-size:1rem;margin-top:6px;overflow-wrap:anywhere}.ydl-w5-result-list{max-height:550px;overflow:auto;display:grid;gap:9px;padding:0 0 4px}.ydl-w5-result-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:10px;background:#071925;border:1px solid #2d4756;border-radius:12px}.ydl-w5-result-item img{width:76px;height:76px;display:block;object-fit:contain;background:repeating-conic-gradient(#243d4e 0% 25%,#172c38 0% 50%) 50%/20px 20px;border-radius:8px}.ydl-w5-result-item strong{font-size:.84rem;color:#fff;display:block;word-break:break-all}.ydl-w5-result-item small{font-size:.72rem;line-height:1.6;color:var(--w5-muted);display:block}.ydl-w5-result-item a{color:#79e2ef!important;font-weight:800;font-size:.81rem}.ydl-w5-empty{color:var(--w5-muted);font-size:.83rem;margin:8px 0 18px}.ydl-w5-table-edit-wrap{max-width:100%;overflow:auto;border:1px solid #3a5665;border-radius:12px;margin:12px 0}.ydl-w5-edit-table{border-collapse:collapse!important;border:0!important;background:#061823!important;margin:0!important;table-layout:auto!important;max-width:none!important}.ydl-w5-edit-table td{min-width:135px;padding:6px!important;border:1px solid #294352!important;background:transparent!important}.ydl-w5-edit-table input{min-width:118px;width:100%;padding:9px!important;background:#0a2636!important;border:1px solid #38576a!important;border-radius:7px!important;color:#fff!important;font-size:13px!important}.ydl-w5-preview-scroll{overflow-x:auto;max-width:100%}.ydl-w5-preview-scroll table{min-width:380px;width:100%;border-collapse:collapse;margin:0!important;font-size:.9rem}.ydl-w5-tree{margin-top:15px;max-height:340px;overflow:auto;color:#cdeaf2;font:12px/1.6 ui-monospace,monospace}.ydl-w5-tree details{margin:4px 0 4px 12px;padding-left:8px;border-left:1px solid #355968}.ydl-w5-tree summary{cursor:pointer;color:#68d8e6}.ydl-w5-tree .leaf{margin:3px 0 3px 17px;overflow-wrap:anywhere}.ydl-w5-tree .tree-note{color:#acc0ce}.ydl-w5-filebtn{position:relative;overflow:hidden;cursor:pointer}.ydl-w5-filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer}.ydl-w5-highlight{background:#061622;border:1px solid #2e4b5a;border-radius:10px;padding:12px;font-size:.85rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;min-height:60px}.ydl-w5-highlight mark{background:#ffda73;color:#102337;border-radius:3px;padding:0 1px}.ydl-w5-match-list{max-height:240px;overflow:auto;display:grid;gap:7px;margin-top:9px}.ydl-w5-match{background:#0a2734;border:1px solid #345569;border-radius:9px;padding:9px;font-size:.78rem;color:#b7dbe6;overflow-wrap:anywhere}.ydl-w5-match b{color:#8de7e3}.ydl-w5 input:focus-visible,.ydl-w5 textarea:focus-visible,.ydl-w5 button:focus-visible,.ydl-w5 select:focus-visible{outline:2px solid #72e2f0!important;outline-offset:2px}
@media(max-width:950px){.ydl-w5-grid{grid-template-columns:minmax(0,1fr)}.ydl-w5-fields-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ydl-w5-hero{flex-direction:column;align-items:stretch;padding:16px;border-radius:16px}.ydl-w5-private{flex:auto;padding:10px}.ydl-w5-private span{font-size:.74rem}.ydl-w5-inner{padding:12px}.ydl-w5-panel-head{padding:12px}.ydl-w5-panel{border-radius:14px}.ydl-w5-fields-4{grid-template-columns:minmax(0,1fr)}.ydl-w5-actions{gap:7px}.ydl-w5-actions .ydl-w5-primary,.ydl-w5-actions .ydl-w5-secondary{flex:1 1 auto}.ydl-w5-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ydl-w5-metrics span{font-size:.69rem;padding:8px 5px}.ydl-w5-metrics b{font-size:.8rem}.ydl-w5-result-item{grid-template-columns:62px minmax(0,1fr)}.ydl-w5-result-item img{width:62px;height:62px}.ydl-w5-code{font-size:12px!important}.ydl-w5-edit-table td{min-width:120px}.ydl-w5-note{font-size:.76rem}}