#chiyu-template-media-prototype { color-scheme: light dark; --p-bg:light-dark(#f4f2f8,#111111); --p-panel:light-dark(#ffffff,#202020); --p-raised:light-dark(#eee8f6,#303030); --p-text:light-dark(#262626,#eeeeee); --p-muted:light-dark(#676767,#aaaaaa); --p-line:light-dark(#d8d8d8,#444444); --p-input:light-dark(#faf8fc,#171717); --p-selected:light-dark(#efefef,#333333); --p-purple:light-dark(#797979,#dddddd); --p-green:light-dark(#d5f6a4,#dddddd); --p-green-text:#17220c; --p-error:light-dark(#ad3027,#ffaaa4); font:14px/1.5 "Microsoft YaHei UI","Segoe UI",sans-serif; color:var(--p-text); }
    #chiyu-template-media-prototype * { box-sizing:border-box; }
    #chiyu-template-media-prototype [hidden] { display:none!important; }
    #chiyu-template-media-prototype .p-shell { display:grid; grid-template-columns:178px minmax(0,1fr); background:var(--p-bg); border:1px solid var(--p-line); border-radius:14px; overflow:hidden; }
    #chiyu-template-media-prototype .p-nav { padding:24px 14px; border-right:1px solid var(--p-line); background:var(--p-panel); }
    #chiyu-template-media-prototype .p-brand { font-weight:600; margin-bottom:28px; }
    #chiyu-template-media-prototype .p-navitem { padding:11px 12px; margin-bottom:8px; color:var(--p-muted); border-radius:8px; }
    #chiyu-template-media-prototype .p-navitem.current { color:var(--p-purple); background:var(--p-selected); }
    #chiyu-template-media-prototype .p-page { min-width:0; padding:24px 20px; }
    #chiyu-template-media-prototype h2,#chiyu-template-media-prototype h3,#chiyu-template-media-prototype p { margin:0; }
    #chiyu-template-media-prototype h2 { font-size:22px; font-weight:600; }
    #chiyu-template-media-prototype h3 { font-size:16px; font-weight:600; }
    #chiyu-template-media-prototype .p-small { color:var(--p-muted); font-size:12px; }
    #chiyu-template-media-prototype .p-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
    #chiyu-template-media-prototype .p-between { justify-content:space-between; }
    #chiyu-template-media-prototype .p-head { display:flex; align-items:flex-start; gap:14px; justify-content:space-between; flex-wrap:wrap; padding-right:76px; margin-bottom:20px; }
    #chiyu-template-media-prototype button,#chiyu-template-media-prototype input,#chiyu-template-media-prototype select,#chiyu-template-media-prototype textarea { font:inherit; max-width:100%; }
    #chiyu-template-media-prototype button { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid var(--p-line); background:var(--p-raised); color:var(--p-text); border-radius:8px; min-height:38px; padding:7px 12px; white-space:normal; }
    #chiyu-template-media-prototype button:hover { background:var(--p-selected); }
    #chiyu-template-media-prototype button[aria-pressed=true],#chiyu-template-media-prototype button[aria-selected=true] { background:var(--p-selected); color:var(--p-purple); border-color:var(--p-purple); }
    #chiyu-template-media-prototype button.p-primary { background:var(--p-green); color:var(--p-green-text); border-color:var(--p-green); font-weight:600; }
    #chiyu-template-media-prototype button.p-ghost { background:transparent; }
    #chiyu-template-media-prototype button:disabled { opacity:.45; }
    #chiyu-template-media-prototype input:not([type=checkbox]):not([type=range]),#chiyu-template-media-prototype select,#chiyu-template-media-prototype textarea { width:100%; color:var(--p-text); background:var(--p-input); border:1px solid var(--p-line); border-radius:7px; padding:9px 10px; min-height:40px; }
    #chiyu-template-media-prototype textarea { resize:vertical; min-height:72px; }
    #chiyu-template-media-prototype label.p-field { display:grid; gap:6px; min-width:0; }
    #chiyu-template-media-prototype .p-check { display:flex; gap:8px; align-items:center; padding:8px 0; }
    #chiyu-template-media-prototype .p-check input { width:18px; height:18px; accent-color:var(--p-purple); }
    #chiyu-template-media-prototype .p-panel { padding:16px; border:1px solid var(--p-line); background:var(--p-panel); border-radius:12px; margin-bottom:16px; min-width:0; }
    #chiyu-template-media-prototype .p-core { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    #chiyu-template-media-prototype .p-wide { grid-column:1/-1; }
    #chiyu-template-media-prototype .p-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    #chiyu-template-media-prototype .p-triple { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    #chiyu-template-media-prototype .p-tabs { margin:14px 0; display:flex; flex-wrap:wrap; gap:8px; }
    #chiyu-template-media-prototype .p-divider { border:0; border-top:1px solid var(--p-line); margin:18px 0; }
    #chiyu-template-media-prototype .p-slot { min-width:0; border:1px solid var(--p-line); border-radius:10px; padding:10px; background:var(--p-input); }
    #chiyu-template-media-prototype .p-slothead { display:flex; justify-content:space-between; gap:8px; margin-bottom:8px; align-items:center; }
    #chiyu-template-media-prototype .p-thumb { display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:4/3; background:var(--p-raised); border-radius:7px; overflow:hidden; margin-bottom:8px; color:var(--p-muted); }
    #chiyu-template-media-prototype .p-thumb img { width:100%; height:100%; object-fit:contain; }
    #chiyu-template-media-prototype button.p-thumb { padding:0; min-height:0; }
    #chiyu-template-media-prototype .p-thumb video { width:100%; height:100%; object-fit:contain; background:var(--p-input); }
    #chiyu-template-media-prototype .p-thumb.p-empty { border:1px dashed var(--p-line); background:var(--p-input); flex-direction:column; gap:7px; }
    #chiyu-template-media-prototype .p-slotname { overflow-wrap:anywhere; font-size:12px; margin-bottom:4px; }
    #chiyu-template-media-prototype .p-slot .p-row { gap:6px; }
    #chiyu-template-media-prototype .p-slot button { padding:5px 8px; font-size:12px; }
    #chiyu-template-media-prototype .p-slot select { font-size:12px; margin:8px 0; }
    #chiyu-template-media-prototype .p-audio { width:100%; margin:8px 0; height:40px; }
    #chiyu-template-media-prototype .p-audioglyph { width:100%; height:54px; margin:10px 0; color:var(--p-purple); }
    #chiyu-template-media-prototype .p-outputrow { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:10px; margin-top:10px; align-items:end; }
    #chiyu-template-media-prototype .p-details { border-top:1px solid var(--p-line); padding-top:14px; margin-top:14px; }
    #chiyu-template-media-prototype summary { padding:5px 0; color:var(--p-text); }
    #chiyu-template-media-prototype .p-description-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
    #chiyu-template-media-prototype .p-editor { background:var(--p-input); border:1px solid var(--p-line); border-radius:10px; padding:14px; }
    #chiyu-template-media-prototype .p-edithead { margin-bottom:14px; }
    #chiyu-template-media-prototype .p-editgrid { display:grid; grid-template-columns:minmax(0,1fr) 204px; gap:16px; }
    #chiyu-template-media-prototype .p-editpreview { min-width:0; background:var(--p-raised); border-radius:8px; overflow:hidden; display:grid; place-items:center; }
    #chiyu-template-media-prototype .p-editpreview canvas { display:block; width:100%; height:auto; touch-action:none; }
    #chiyu-template-media-prototype .p-editpreview video { display:block; width:100%; max-height:350px; background:var(--p-input); }
    #chiyu-template-media-prototype .p-editfields { display:grid; align-content:start; gap:12px; }
    #chiyu-template-media-prototype input[type=range] { width:100%; accent-color:var(--p-purple); }
    #chiyu-template-media-prototype .p-editfoot { margin-top:16px; }
    #chiyu-template-media-prototype .p-wave { display:block; width:100%; height:96px; color:var(--p-purple); }
    #chiyu-template-media-prototype .p-timeline { position:relative; height:52px; padding:12px 0; margin:12px 12px 0; }
    #chiyu-template-media-prototype .p-track { position:absolute; left:11px; right:11px; top:17px; height:18px; border-radius:6px; background:var(--p-raised); }
    #chiyu-template-media-prototype .p-trackselected { position:absolute; height:100%; border-radius:4px; background:var(--p-purple); opacity:.6; }
    #chiyu-template-media-prototype .p-timeline input { position:absolute; inset:0; margin:0; height:52px; padding:0; appearance:none; background:none; pointer-events:none; }
    #chiyu-template-media-prototype .p-timeline input::-webkit-slider-thumb { appearance:none; pointer-events:auto; width:22px; height:40px; background:var(--p-green); border:2px solid var(--p-green-text); border-radius:5px; }
    #chiyu-template-media-prototype .p-timeline input::-moz-range-thumb { pointer-events:auto; width:18px; height:36px; background:var(--p-green); border:2px solid var(--p-green-text); border-radius:5px; }
    #chiyu-template-media-prototype .p-timeline input::-moz-range-track { background:transparent; }
    #chiyu-template-media-prototype .p-timeaxis { display:flex; justify-content:space-between; color:var(--p-muted); font-size:12px; }
    #chiyu-template-media-prototype .p-selectionlabel { display:flex; gap:6px; flex-wrap:wrap; margin:12px 0; align-items:center; justify-content:center; }
    #chiyu-template-media-prototype .p-selectionlabel span { padding:5px 8px; border-radius:6px; background:var(--p-raised); font-size:12px; }
    #chiyu-template-media-prototype .p-selectionlabel .p-kept { background:var(--p-selected); color:var(--p-purple); }
    #chiyu-template-media-prototype .p-error { color:var(--p-error); margin:10px 0; }
    #chiyu-template-media-prototype .p-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:16px; background:var(--p-panel); border:1px solid var(--p-line); border-radius:12px; }
    #chiyu-template-media-prototype .p-toast { margin-top:12px; color:var(--p-purple); overflow-wrap:anywhere; }
    #chiyu-template-media-prototype .p-library { margin:14px 0; border:1px solid var(--p-line); border-radius:10px; padding:14px; background:var(--p-raised); }
    #chiyu-template-media-prototype .p-librarychoices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
    #chiyu-template-media-prototype .p-librarychoices button { flex-direction:column; }
    #chiyu-template-media-prototype .p-librarychoices img { width:100%; aspect-ratio:4/3; object-fit:contain; }
    #chiyu-template-media-prototype .p-review { padding:14px; background:var(--p-input); border-radius:10px; margin-top:14px; border:1px solid var(--p-line); }
    #chiyu-template-media-prototype .p-reviewline { display:grid; grid-template-columns:120px minmax(0,1fr); gap:12px; padding:9px 0; border-bottom:1px solid var(--p-line); overflow-wrap:anywhere; }
    #chiyu-template-media-prototype .p-guidehead { display:grid; grid-template-columns:minmax(0,1fr) 90px; gap:10px; margin-bottom:10px; }
    @media(max-width:900px) { #chiyu-template-media-prototype .p-shell { grid-template-columns:1fr; } #chiyu-template-media-prototype .p-nav { display:none; } }
    @media(max-width:620px) { #chiyu-template-media-prototype .p-page { padding:16px 12px; } #chiyu-template-media-prototype .p-head { padding-right:0; padding-top:42px; } #chiyu-template-media-prototype .p-core,#chiyu-template-media-prototype .p-editgrid,#chiyu-template-media-prototype .p-description-grid { grid-template-columns:1fr; } #chiyu-template-media-prototype .p-triple { grid-template-columns:repeat(2,minmax(0,1fr)); } #chiyu-template-media-prototype .p-outputrow { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } #chiyu-template-media-prototype .p-outputrow button { grid-column:1/-1; } }
    @media(max-width:420px) { #chiyu-template-media-prototype .p-pair,#chiyu-template-media-prototype .p-triple,#chiyu-template-media-prototype .p-librarychoices { grid-template-columns:1fr; } #chiyu-template-media-prototype .p-reviewline { grid-template-columns:1fr; gap:3px; } }
    @media(pointer:coarse) { #chiyu-template-media-prototype button { min-height:44px; } #chiyu-template-media-prototype input,#chiyu-template-media-prototype select,#chiyu-template-media-prototype textarea { font-size:16px!important; } }


  #chiyu-template-media-prototype #p-outputs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(320px,calc((100% - 12px)/2)); gap:12px; width:100%; max-width:100%; overflow-x:auto; padding:12px 0 8px; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; }
  #chiyu-template-media-prototype .p-version { border:1px solid var(--p-line); border-radius:10px; background:var(--p-input); padding:12px; min-width:0; scroll-snap-align:start; }
  #chiyu-template-media-prototype .p-version-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
  #chiyu-template-media-prototype .p-version-body { display:grid; grid-template-columns:104px minmax(0,1fr); gap:12px; }
  #chiyu-template-media-prototype .p-version-preview { display:grid; justify-items:center; align-content:start; gap:8px; min-width:0; }
  #chiyu-template-media-prototype .p-cover-thumb { width:100%; height:128px; overflow:hidden; padding:5px; background:var(--p-raised); }
  #chiyu-template-media-prototype .p-cover-thumb canvas { display:block; max-width:100%; max-height:116px; width:auto; height:auto; }
  #chiyu-template-media-prototype .p-version-fields { display:grid; align-content:start; gap:12px; min-width:0; }
  #chiyu-template-media-prototype .p-ready { color:var(--p-purple); }
  #chiyu-template-media-prototype .p-unready { color:var(--p-error); }
  #chiyu-template-media-prototype .p-required { color:var(--p-error); margin-left:4px; }
  #chiyu-template-media-prototype .p-cover-modal { position:absolute; top:var(--cover-modal-top,120px); margin:0 auto; width:min(860px,calc(100% - 24px)); padding:0; max-height:720px; overflow:auto; color:var(--p-text); background:var(--p-panel); border:1px solid var(--p-line); border-radius:14px; box-shadow:0 14px 48px #0006; }
  #chiyu-template-media-prototype .p-cover-modal::backdrop { background:#0008; }
  #chiyu-template-media-prototype .p-cover-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid var(--p-line); }
  #chiyu-template-media-prototype .p-cover-main { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:20px; padding:16px; max-height:540px; overflow:auto; }
  #chiyu-template-media-prototype .p-cover-left { display:grid; gap:12px; align-content:start; min-width:0; }
  #chiyu-template-media-prototype .p-cover-stage { height:310px; display:grid; place-items:center; background:var(--p-raised); border-radius:10px; padding:8px; overflow:hidden; }
  #chiyu-template-media-prototype .p-cover-stage canvas { display:block; max-height:294px; max-width:100%; width:auto; height:auto; }
  #chiyu-template-media-prototype .p-cover-fields { display:grid; align-content:start; gap:14px; min-width:0; }
  #chiyu-template-media-prototype .p-cover-fields span { overflow-wrap:anywhere; }
  #chiyu-template-media-prototype .p-cover-upload { display:grid; gap:8px; min-width:0; }
  #chiyu-template-media-prototype .p-cover-upload input[type=file] { width:100%; font-size:12px; }
  #chiyu-template-media-prototype .p-cover-foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 16px; border-top:1px solid var(--p-line); }
  #chiyu-template-media-prototype .p-discard { margin:0 16px 14px; padding:12px; background:var(--p-raised); border-radius:8px; }
  @media(max-width:700px) { #chiyu-template-media-prototype #p-outputs { grid-auto-columns:100%; } #chiyu-template-media-prototype .p-cover-main { grid-template-columns:1fr; max-height:500px; } #chiyu-template-media-prototype .p-cover-stage { height:240px; } #chiyu-template-media-prototype .p-cover-stage canvas { max-height:224px; } }
  @media(max-width:520px) { #chiyu-template-media-prototype .p-version-body { grid-template-columns:1fr; } #chiyu-template-media-prototype .p-version-preview { justify-items:stretch; } }


  #chiyu-template-media-prototype .p-reference-row { display:grid; grid-template-columns:repeat(9,minmax(76px,1fr)); gap:8px; width:100%; max-width:100%; overflow-x:auto; padding:2px 0 8px; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; }
  #chiyu-template-media-prototype .p-reference-card { min-width:0; padding:6px; background:var(--p-input); border:1px solid var(--p-line); border-radius:8px; scroll-snap-align:start; }
  #chiyu-template-media-prototype .p-reference-label { display:block; text-align:center; font-size:12px; font-weight:500; margin-bottom:6px; white-space:nowrap; }
  #chiyu-template-media-prototype .p-reference-card .p-thumb { margin-bottom:6px; }
  #chiyu-template-media-prototype .p-reference-card select { font-size:12px; padding:4px; min-height:32px; margin-bottom:6px; }
  #chiyu-template-media-prototype .p-reference-card button.p-reference-action { width:100%; min-height:32px; padding:4px; font-size:12px; }
  #chiyu-template-media-prototype .p-reference-toolbar { margin-top:10px; padding:12px; border:1px solid var(--p-line); border-radius:8px; background:var(--p-input); }
  #chiyu-template-media-prototype .p-reference-toolbar .p-slotname { margin:8px 0; }
  @media(pointer:coarse) { #chiyu-template-media-prototype .p-reference-card select,#chiyu-template-media-prototype .p-reference-card button.p-reference-action { min-height:44px; } }

.modal-panel:has(#chiyu-template-media-prototype){width:min(1280px,calc(100% - 32px));max-width:none;}
#chiyu-template-media-prototype .p-page{padding:0;}
#chiyu-template-media-prototype .p-collection{display:grid;gap:8px;}

#chiyu-template-media-prototype{color-scheme:dark;}
#chiyu-template-media-prototype .p-cover-modal{position:fixed;inset:16px;margin:auto;max-height:calc(100dvh - 32px);width:min(860px,calc(100% - 32px));}
#chiyu-template-media-prototype .p-cover-main{max-height:min(540px,calc(100dvh - 190px));}

#chiyu-template-media-prototype .p-wizard-progress{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 20px;flex-wrap:wrap;}
#chiyu-template-media-prototype .p-wizard-progress li{padding:8px 12px;color:var(--p-muted);background:var(--p-raised);border-radius:8px;}
#chiyu-template-media-prototype .p-wizard-progress li[aria-current="step"]{color:var(--p-purple);background:var(--p-selected);}

/* Compact audio tracks; fixed-length selection reuses the native keyboard/touch slider. */
#chiyu-template-media-prototype .p-audio-list{display:grid;gap:10px}
#chiyu-template-media-prototype .p-audio-strip{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(200px,1.6fr) auto auto;gap:10px 14px;align-items:center;padding:12px}
#chiyu-template-media-prototype .p-audio-strip>*{min-width:0}
#chiyu-template-media-prototype .p-audio-strip .p-guidehead{grid-column:1/-1}
#chiyu-template-media-prototype .p-audio-strip:has(.p-guidehead){grid-column:1/-1}
#chiyu-template-media-prototype .p-audio-meta .p-slothead{align-items:baseline;margin-bottom:3px}
#chiyu-template-media-prototype .p-audio-meta .p-slotname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chiyu-template-media-prototype .p-audio-preview .p-thumb{aspect-ratio:auto;min-height:40px;margin:0;flex-direction:row;padding:8px}
#chiyu-template-media-prototype .p-audio-preview .p-audio{display:block;margin:0;min-width:0}
#chiyu-template-media-prototype .p-audio-options{display:flex;gap:8px;align-items:end;flex-wrap:wrap;max-width:190px}
#chiyu-template-media-prototype .p-audio-options .p-field{flex:1;min-width:85px}
#chiyu-template-media-prototype .p-audio-options select{margin:0}
#chiyu-template-media-prototype .p-audio-options:empty{display:none}
#chiyu-template-media-prototype .p-audio-strip:has(.p-audio-options:empty){grid-template-columns:minmax(145px,.8fr) minmax(200px,1.6fr) auto}
#chiyu-template-media-prototype .p-audio-actions .p-row{margin-top:0!important;justify-content:flex-end;max-width:250px}
#chiyu-template-media-prototype .p-audio-edithead,#chiyu-template-media-prototype .p-audio-title{display:flex;align-items:center;gap:12px;min-width:0}
#chiyu-template-media-prototype .p-audio-title{flex:1}
#chiyu-template-media-prototype .p-audio-title strong{white-space:nowrap}
#chiyu-template-media-prototype .p-audio-title span{color:var(--p-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chiyu-template-media-prototype .p-audio-transport{display:flex;align-items:center;gap:16px;margin:10px 0}
#chiyu-template-media-prototype .p-audio-transport audio{flex:1;min-width:0;margin:0}
#chiyu-template-media-prototype .p-audio-transport output{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;color:var(--p-purple)}
#chiyu-template-media-prototype .p-audio-axis{position:relative;height:76px;border-radius:8px;background:var(--p-raised);overflow:hidden}
#chiyu-template-media-prototype .p-audio-axis .p-wave{height:100%;pointer-events:none}
#chiyu-template-media-prototype .p-audio-axis input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;appearance:none;background:transparent;cursor:grab;--p-clip-width:100%}
#chiyu-template-media-prototype .p-audio-axis input:active{cursor:grabbing}
#chiyu-template-media-prototype .p-audio-axis input::-webkit-slider-runnable-track{width:100%;height:76px;background:transparent}
#chiyu-template-media-prototype .p-audio-axis input::-webkit-slider-thumb{appearance:none;width:var(--p-clip-width);height:76px;border:2px solid var(--p-green);border-radius:7px;background:color-mix(in srgb,var(--p-green) 12%,transparent);box-sizing:border-box}
#chiyu-template-media-prototype .p-audio-axis input::-moz-range-track{width:100%;height:76px;background:transparent}
#chiyu-template-media-prototype .p-audio-axis input::-moz-range-thumb{width:var(--p-clip-width);height:72px;border:2px solid var(--p-green);border-radius:7px;background:color-mix(in srgb,var(--p-green) 12%,transparent);box-sizing:border-box}
#chiyu-template-media-prototype .p-audio-axis input:focus-visible{outline:2px solid var(--p-purple);outline-offset:-3px}
#chiyu-template-media-prototype .p-audio-axis input:disabled{cursor:default}
#chiyu-template-media-prototype .p-audio-axisfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px}
#chiyu-template-media-prototype .p-audio-editfoot{margin-top:10px}
@media(max-width:1000px){#chiyu-template-media-prototype .p-audio-strip,#chiyu-template-media-prototype .p-audio-strip:has(.p-audio-options:empty){grid-template-columns:minmax(0,1fr) minmax(140px,.65fr)}#chiyu-template-media-prototype .p-audio-preview{grid-column:1/-1;grid-row:2}#chiyu-template-media-prototype .p-audio-actions{grid-column:1/-1}#chiyu-template-media-prototype .p-audio-actions .p-row{max-width:none}#chiyu-template-media-prototype .p-audio-strip:has(.p-guidehead) .p-audio-preview{grid-row:auto}}
@media(max-width:600px){#chiyu-template-media-prototype .p-audio-strip,#chiyu-template-media-prototype .p-audio-strip:has(.p-audio-options:empty){grid-template-columns:minmax(0,1fr)}#chiyu-template-media-prototype .p-audio-options{max-width:none}#chiyu-template-media-prototype .p-audio-edithead{flex-wrap:wrap;gap:6px}#chiyu-template-media-prototype .p-audio-title{flex-basis:100%}#chiyu-template-media-prototype .p-audio-transport{flex-wrap:wrap;gap:6px}#chiyu-template-media-prototype .p-audio-transport audio{flex-basis:100%}#chiyu-template-media-prototype .p-audio-axisfoot{flex-wrap:wrap;gap:4px}#chiyu-template-media-prototype .p-audio-actions .p-row{justify-content:flex-start}}

#chiyu-template-media-prototype .p-bottom > div:first-child { flex:1; min-width:0; }
#chiyu-template-media-prototype .p-bottom .p-toast { margin:4px 0 0; }