/* Try on your clip: same canvas, dock and panels as the gallery (gallery.css, community.css) */
.tr [hidden]{display:none!important}
.tr{padding:8px clamp(12px,3vw,40px) 40px;max-width:1320px;margin:0 auto}
.tr h1{font:800 clamp(28px,4vw,44px)/1.05 system-ui,sans-serif;margin:10px 0 10px;letter-spacing:-.02em}
.tr-lede{color:var(--mut);max-width:62ch;margin:0 0 22px}
.tr h2{font:800 18px/1.2 system-ui,sans-serif;margin:0 0 10px}
.tr-h2{margin-top:24px!important;padding-top:18px;border-top:1px solid var(--line)}
.tr-invite{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 20px}
.tr-invite p{margin:0 0 12px;color:var(--mut)}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:600 14px/1 system-ui,sans-serif;background:transparent;color:inherit;border:1px solid #3a3a42;border-radius:999px;padding:10px 14px;cursor:pointer;min-height:40px}
.chip:hover{border-color:#6a6a72}.chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.tr-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(14px,2vw,26px);align-items:start}
@media (max-width:900px){.tr-grid{grid-template-columns:1fr}}

.tr-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:72vh;margin:0 auto;background:#000;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tr-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.tr-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tr-mark{position:absolute;right:3%;bottom:3%;font:600 clamp(10px,1.6vw,13px)/1 system-ui,sans-serif;color:rgba(255,255,255,.9);background:rgba(10,10,12,.55);border-radius:999px;padding:.5em .8em;pointer-events:none}
.tr-drop{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:#131317;padding:18px;text-align:center}
.tr-drop-in{display:grid;justify-items:center;gap:8px;max-width:36ch;border:1.5px dashed #3e3e46;border-radius:12px;padding:26px 22px}
.tr-drop svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.tr-drop b{font:700 17px/1.2 system-ui,sans-serif}
.tr-drop span span,.tr-drop-in>span{color:var(--mut);font-size:14px}
.tr-drop:hover .tr-drop-in,.tr-drop.over .tr-drop-in{border-color:#8a8a92}
.tr-drop:focus-within .tr-drop-in{outline:2px solid currentColor;outline-offset:3px}

.tr-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.tr-scrub{flex:1 1 180px;display:flex}.tr-scrub input{width:100%}
.tr-tc{font:500 13px/1 ui-monospace,Consolas,monospace;color:var(--mut);min-width:11ch}
.tr-small{color:var(--mut);font-size:13px;margin:8px 0 0}
.tr-msg{margin:10px 0 0;font-size:14px}.tr-msg[data-kind=err]{color:#ff8a93}

.tr-btn{font:600 14px/1 system-ui,sans-serif;background:#e9e9ec;color:#0e0e10;border:1px solid #e9e9ec;border-radius:10px;padding:0 16px;min-height:42px;cursor:pointer}
.tr-btn:hover{background:#fff}.tr-btn:disabled{opacity:.45;cursor:not-allowed}
.tr-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.tr-btn.ghost{background:transparent;color:inherit;border-color:#3a3a42}.tr-btn.ghost:hover{border-color:#6a6a72}
.tr-btn.wide{width:100%;margin-top:12px}

.tr-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.tr-field{display:grid;gap:6px;margin:0 0 14px;font:600 13px/1.2 system-ui,sans-serif;color:var(--mut)}
.tr-field span{display:flex;justify-content:space-between}
.tr-field output{color:inherit;font-weight:500}
.tr-field select,.tr-field input[type=text],.tr-field input[type=number]{font:15px system-ui,sans-serif;background:#0e0e10;color:#e9e9ec;border:1px solid #303036;border-radius:9px;padding:10px 11px;min-height:42px;width:100%}
.tr-field input[type=color]{width:100%;height:42px;border:1px solid #303036;border-radius:9px;background:transparent;padding:3px}
.tr-field input[type=range],.tr-scrub input{accent-color:#e9e9ec;min-height:28px}
.tr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tr-check{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 6px}
.tr-fx{margin:0 0 4px}.tr-fx span{color:var(--mut);font-size:13px;display:block;margin-top:2px}
.tr-gate{margin:12px 0;padding:12px 14px;border:1px solid #5a2328;border-radius:10px;font-size:14px}
.tr-gate p{margin:0}.tr-gate a{text-decoration:underline}
.tr-prog{margin-top:12px;display:grid;gap:6px}
.tr-prog progress{width:100%;height:8px;accent-color:#e9e9ec}
#dlnote a{text-decoration:underline}

/* light mode */
.light .tr-stage{border-color:#dedcd5}
.light .tr-drop{background:#e9e7e1}.light .tr-drop-in{border-color:#b9b7af}
.light .tr-btn{background:#16181b;color:#fff;border-color:#16181b}.light .tr-btn:hover{background:#000}
.light .tr-btn.ghost,.light .chip{background:transparent;color:#16181b;border-color:#c9c7bf}
.light .tr-field select,.light .tr-field input[type=text],.light .tr-field input[type=number]{background:#f7f6f3;color:#16181b;border-color:#d6d4cd}
.light .tr-field input[type=color]{border-color:#d6d4cd}
.light .tr-field input[type=range],.light .tr-scrub input,.light .tr-prog progress{accent-color:#16181b}
.light .tr-msg[data-kind=err]{color:#b4141f}.light .tr-gate{border-color:#f0b8bd}

@media (max-width:640px){.tr-two{grid-template-columns:1fr}.tr-panel{padding:14px}.tr-stage{max-height:60vh}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.tr-panel .tr-small{margin-bottom:14px}
/* share after export */
.tr-share{margin-top:12px;display:grid;gap:10px}
.tr-sharerow{display:flex;flex-wrap:wrap;gap:8px;margin:0}
a.tr-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.tr-sub{font:500 clamp(15px,1.6vw,18px)/1.45 system-ui,sans-serif;max-width:64ch;margin:0 0 10px}
.tr-share{margin-top:0}

/* Finish: overlays on the preview */
.tr-fin{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tr-finui{position:absolute;inset:0;pointer-events:none}
body.has-clip .tr-finui.has{pointer-events:auto;touch-action:none;cursor:default}
.tr-sel{position:absolute;left:0;top:0;border:1.5px dashed rgba(255,255,255,.9);outline:1px solid rgba(0,0,0,.55);border-radius:4px;cursor:move;touch-action:none;box-sizing:border-box}
.tr-sel:focus-visible{border-style:solid;outline:2px solid #fff;outline-offset:2px}
.tr-sel.off{opacity:.5}
.tr-h{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #16181b;box-sizing:border-box;touch-action:none}
.tr-h::after{content:"";position:absolute;inset:-12px}
.tr-h.size{right:-11px;bottom:-11px;cursor:nwse-resize}
.tr-h.rot{left:50%;top:-34px;margin-left:-11px;cursor:grab}
.tr-h.rot::before{content:"";position:absolute;left:50%;top:20px;width:1.5px;height:12px;margin-left:-.75px;background:#fff}

/* Finish panel */
.fin-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;margin:4px 0 12px}
.fin-tabs [role=tab]{flex:1;font:600 14px/1 system-ui,sans-serif;background:transparent;color:inherit;border:0;border-radius:8px;min-height:38px;cursor:pointer}
.fin-tabs [role=tab][aria-selected=true]{background:#e9e9ec;color:#0e0e10}
.fin-tabs [role=tab]:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.fin-pane .tr-btn.wide{margin-top:0}
.fin-stk{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.fin-stk-b{aspect-ratio:1;background:transparent;border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;display:grid;place-items:center;min-height:44px}
.fin-stk-b:hover{border-color:#6a6a72}.fin-stk-b:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.fin-stk-b canvas{width:100%;height:100%;display:block}
.fin-frames{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px}
.fin-fr{display:flex;align-items:center;gap:8px;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:42px;cursor:pointer}
.fin-fr:has(input:checked){border-color:currentColor}
.fin-fr:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}
.fin-edit{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px}
.fin-edithead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px}
.fin-h3{font:700 15px/1.2 system-ui,sans-serif;margin:16px 0 8px}
.fin-edithead .fin-h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-edit textarea{font:15px system-ui,sans-serif;background:#0e0e10;color:#e9e9ec;border:1px solid #303036;border-radius:9px;padding:10px 11px;width:100%;resize:vertical;box-sizing:border-box}
.fin-seg,.fin-colours{border:0;padding:0;margin:0 0 14px;min-width:0}
.fin-seg legend,.fin-colours legend{font:600 13px/1.2 system-ui,sans-serif;color:var(--mut);padding:0;margin:0 0 6px}
.fin-seg{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}.fin-seg legend{width:100%}
.fin-seg label{display:flex;gap:6px;align-items:center}
.fin-sws{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.fin-sw{width:32px;height:32px;border-radius:50%;background:var(--c);border:1px solid rgba(128,128,128,.6);cursor:pointer;padding:0}
.fin-sw[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}
.fin-sw:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.fin-pickc{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut)}
.fin-pickc input{width:56px;height:32px;border:1px solid #303036;border-radius:8px;background:transparent;padding:2px}
.fin-now{margin:-4px 0 14px}.fin-now .tr-btn{min-height:38px;padding:0 10px}
.fin-layers{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fin-layers li{display:flex;gap:6px;align-items:center}
.fin-pick{flex:1;min-width:0;text-align:left;font:500 14px/1.2 system-ui,sans-serif;background:transparent;color:inherit;border:1px solid var(--line);border-radius:9px;padding:0 10px;min-height:38px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fin-static{display:flex;align-items:center;cursor:default}
.fin-layers li.on .fin-pick{border-color:currentColor}
.fin-mini{font:600 13px/1 system-ui,sans-serif;background:transparent;color:inherit;border:1px solid #3a3a42;border-radius:9px;padding:0 10px;min-height:38px;cursor:pointer}
.fin-mini:disabled{opacity:.4;cursor:not-allowed}
.fin-pick:focus-visible,.fin-mini:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.light .fin-tabs [role=tab][aria-selected=true]{background:#16181b;color:#fff}
.light .fin-mini{border-color:#c9c7bf}
.light .fin-edit textarea{background:#f7f6f3;color:#16181b;border-color:#d6d4cd}
.light .fin-pickc input{border-color:#d6d4cd}
@media (max-width:640px){.fin-stk{grid-template-columns:repeat(6,1fr)}.fin-frames{grid-template-columns:1fr}}
@media (max-width:380px){.fin-stk{grid-template-columns:repeat(4,1fr)}}
.tr-rules{margin:8px 0 0}.tr-rules a{text-decoration:underline;color:inherit}
/* camera */
.tr-cap{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tr-capm{display:flex;flex-wrap:wrap;gap:8px}
.tr-capg{display:inline-flex;gap:0}
.tr-capg .tr-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.tr-capg .tr-flip{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;font-weight:500;font-size:13px;padding:0 12px}
.tr-cam{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tr-cam video{display:block;width:100%;max-width:520px;aspect-ratio:16/9;background:#000;border-radius:10px;object-fit:cover}
.tr-cam .tr-btn[aria-pressed=true]{background:#e5484d;border-color:#e5484d;color:#fff}
@media (max-width:640px){.tr-bar .tr-scrub{flex-basis:100%;order:-1}}

/* ---------------- editor: tabs, panes, timeline ---------------- */
.tr-grid{grid-template-areas:"view panel"}
.tr-view{grid-area:view;min-width:0}.tr-panel{grid-area:panel;min-width:0}.tl{grid-area:tl}
body.ed .tr{max-width:1600px}
body.ed .tr h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ed .tr{padding-top:14px}
body.ed .tr-sub,body.ed .tr-lede,body.ed .tr-invite{display:none}
body.ed .tr-grid{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"view panel" "tl tl";row-gap:14px}
body.ed .tr-panel{max-height:calc(50vh + 150px);overflow:auto;overscroll-behavior:contain}
@media (max-width:900px){
  .tr-grid{grid-template-areas:"view" "panel"}
  body.ed .tr-grid{grid-template-columns:1fr;grid-template-areas:"view" "tl" "panel"}
  body.ed .tr-panel{max-height:none;overflow:visible}
}
.ed-tabs{display:none;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;margin:0 0 14px;overflow-x:auto}
body.ed .ed-tabs{display:flex}
.ed-tabs [role=tab]{flex:1 0 auto;font:600 13px/1 system-ui,sans-serif;background:transparent;color:inherit;border:0;border-radius:8px;min-height:40px;padding:0 10px;cursor:pointer}
.ed-tabs [role=tab][aria-selected=true]{background:#e9e9ec;color:#0e0e10}
.ed-tabs [role=tab]:focus-visible{outline:2px solid currentColor;outline-offset:1px}
body:not(.ed) #pane-clip,body:not(.ed) #pane-sound{display:none}
body.ed .ed-pane:not(.on){display:none}
body.ed #pane-out>.tr-h2:first-child{margin-top:0!important;padding-top:0;border-top:0}
.ed-aspects{border:0;padding:0;margin:0 0 6px;display:grid;gap:6px;min-width:0}
.ed-asp{display:grid;grid-template-columns:auto 24px minmax(44px,auto) minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:42px;cursor:pointer;font-size:14px}
.ed-asp i{display:block;height:20px;max-width:24px;border:1.5px solid currentColor;border-radius:3px;justify-self:center;box-sizing:border-box}
.ed-asp i.orig{width:18px;height:14px;border-style:dashed}
.ed-asp span{color:var(--mut);font-size:13px}
.ed-asp:has(input:checked){border-color:currentColor}
.ed-asp:has(input:focus-visible){outline:2px solid currentColor;outline-offset:2px}
.ed-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ed-acts .tr-btn,.tr-panel .tr-two>.tr-btn{min-height:40px;padding:0 12px}
.tr-two>.tr-btn{margin:0 0 12px}
.tr-saved{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:0 0 18px}
.tr-saved p{margin:0 0 10px}
.tr-ask{margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:10px}
.tr-ask p{margin:0 0 10px;font-size:14px}.tr-ask .tr-sharerow{margin:0}
.tr-keep{margin-top:18px}
.tr-panui{position:absolute;inset:0;pointer-events:none}
.tr-panui.on{pointer-events:auto;cursor:move;touch-action:none;z-index:3;outline:2px dashed #ffb020;outline-offset:-5px;border-radius:14px}

.tl{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px 12px 8px;min-width:0}
.tl-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.tl-bar .tr-btn{min-height:40px;padding:0 12px}
.tl-grp{display:inline-flex;gap:4px}
.tl-zoomg{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.tl-zoomg input{width:110px;accent-color:#e9e9ec}
.tl-bar .tl-z{min-width:40px;padding:0;font-size:18px}
.tl-scroll{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;border-radius:10px;background:#0b0b0d;border:1px solid var(--line);scrollbar-width:thin}
.tl-inner{position:relative;min-width:100%;padding-bottom:6px}
.tl-ruler{position:relative;height:24px;cursor:pointer;touch-action:none;border-bottom:1px solid var(--line)}
.tl-ruler:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.tl-tick{position:absolute;bottom:0;height:6px;border-left:1px solid #44444c;pointer-events:none}
.tl-tick.major{height:22px;border-color:#6a6a72;font:500 11px/1 ui-monospace,Consolas,monospace;color:var(--mut);padding:3px 0 0 4px;white-space:nowrap;box-sizing:border-box}
.tl-track{position:relative}
.tl-v{height:62px;margin-top:10px}
.tl-clip{position:absolute;top:2px;height:56px;border-radius:8px;overflow:hidden;background:#26262b;border:2px solid #3a3a42;box-sizing:border-box;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none}
.tl-clip.on{border-color:#ffb020}
.tl-clip:focus-visible{outline:2px solid #fff;outline-offset:1px}
.tl-clip.drag{opacity:.85;z-index:3;cursor:grabbing}
.tl-th{position:absolute;left:0;top:0;height:100%;display:block;pointer-events:none}
.tl-lab{position:absolute;left:14px;bottom:4px;font:600 11px/1 system-ui,sans-serif;color:#fff;background:rgba(10,10,12,.72);padding:3px 5px;border-radius:5px;white-space:pre;pointer-events:none;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}
.tl-hd{position:absolute;top:0;bottom:0;width:12px;background:rgba(255,255,255,.3);cursor:ew-resize;touch-action:none;z-index:1}
.tl-hd::after{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px}
.tl-hd::before{content:"";position:absolute;left:5px;top:34%;bottom:34%;width:2px;background:#16181b;border-radius:1px}
.tl-hd.in{left:0}.tl-hd.out{right:0}
.tl-clip.on .tl-hd,.tl-mus.on .tl-hd{background:#ffb020}
.tl-tr{position:absolute;top:-3px;width:28px;height:22px;margin-left:-14px;border-radius:8px;border:1px solid #3a3a42;background:#16161a;color:#9a9aa3;z-index:2;display:grid;place-items:center;cursor:pointer;padding:0}
.tl-tr svg{width:14px;height:14px;fill:currentColor}
.tl-tr.has{color:#ffb020;border-color:#ffb020}
.tl-tr:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.tl-drop{position:absolute;top:0;bottom:0;width:4px;background:#ffb020;border-radius:2px;z-index:4;pointer-events:none}
.tl-o{height:30px;margin-top:4px}
.tl-ov{position:absolute;height:8px;border:0;border-radius:4px;background:#4d8dff;padding:0;cursor:pointer}
.tl-ov::after{content:"";position:absolute;inset:-4px 0}
.tl-ov.cap{background:#2fbf71}.tl-ov.on{outline:2px solid #fff;outline-offset:1px}
.tl-ov:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tl-m{height:42px;margin-top:4px}
.tl-mus{position:absolute;top:2px;height:36px;border-radius:8px;background:#1c3a2b;border:2px solid #2e5a43;box-sizing:border-box;overflow:hidden;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none}
.tl-mus.on{border-color:#ffb020}
.tl-mus:focus-visible{outline:2px solid #fff;outline-offset:1px}
.tl-mus .tl-lab{left:16px}
.tl-wave{position:absolute;left:0;top:1px;height:30px;pointer-events:none}
.tl-addm{position:absolute;left:12px;top:3px;height:34px;font:600 13px/1 system-ui,sans-serif;background:transparent;color:inherit;border:1px dashed #4a4a52;border-radius:8px;padding:0 12px;cursor:pointer}
.tl-addm:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.tl-ph{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:#ffb020;pointer-events:none;z-index:5;will-change:transform}
.tl-ph::before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top-color:#ffb020}
.tl-keys{margin:6px 2px 0}
@media (max-width:640px){
  .tl{padding:8px}
  .tl-bar{gap:6px}.tl-bar .tr-btn{padding:0 10px;font-size:13px}
  .tl-zoomg{margin-left:0;width:100%}.tl-zoomg input{flex:1}
  .tl-v{height:70px}.tl-clip{height:64px}
  .tl-hd{width:16px}.tl-hd::before{left:7px}
  .tl-keys{display:none}
}
.light .ed-tabs [role=tab][aria-selected=true]{background:#16181b;color:#fff}
.light .tl-scroll{background:#f7f6f3}
.light .tl-tick{border-color:#c9c7bf}.light .tl-tick.major{border-color:#9a988f}
.light .tl-clip{background:#e3e1da;border-color:#cfccc4}
.light .tl-clip.on,.light .tl-mus.on{border-color:#c77800}
.light .tl-clip.on .tl-hd,.light .tl-mus.on .tl-hd{background:#c77800}
.light .tl-clip:focus-visible{outline-color:#16181b}
.light .tl-tr{background:#fff;border-color:#c9c7bf;color:#5d636a}
.light .tl-tr.has{color:#a35f00;border-color:#c77800}
.light .tl-ph{background:#c77800}.light .tl-ph::before{border-top-color:#c77800}
.light .tl-drop{background:#c77800}
.light .tl-mus{background:#d6eadf;border-color:#a9cdb8}
.light .tl-wave{filter:invert(1)}
.light .tl-addm{border-color:#b9b7af}
.light .tl-zoomg input{accent-color:#16181b}
.light .tr-panui.on{outline-color:#c77800}
