svg generavimas ir jo style(css) įterpimas

Sveiki, riekia pagalbos generuojant svg failą/brėžinuką. Generavimas - viskas gerai, bet su elementų stilizavimu - neaišku. Desktope/laptope rodo gerai, bet užsikraunant mobiliam - dingsta(ar nepriima) style informacija. Kaip teisingai viska sudėlioti, kad rodytu visur?

Kodo pavyzdys:

<?xml version="1.0" standalone="no"?>

<svg xmlns="http://www.w3.org/2000/svg" style="border: 1px solid black" width="1200" height="800" id="myCanvas1" xmlns:xlink="http://www.w3.org/1999/xlink"><style id="style" type="text/css">svg line, svg rect, svg polyline, svg text {transform: translate(0.1px,0.1px);/* shape-rendering: geometricPrecision; */}svg line:hover, svg text:hover {cursor:pointer;}svg polyline.descr {}svg line.blue {stroke-width:1;stroke:blue;fill:transparent;}svg line.black {stroke-width:1;stroke:black;fill:transparent;}svg line.green {stroke-width:1;stroke:green;fill:transparent;}svg line.brown {stroke-width:1;stroke:brown;fill:transparent;}svg line.red {stroke-width:1;stroke:red;fill:transparent;}svg text.black {stroke-width:1;fill:black;font-family:Arial;font-size:8pt;font-weight:bold;}svg text.brown {stroke-width:1;fill:brown;font-family:Arial;font-size:8pt;font-weight:bold;}svg text.blue, svg g text.blue {stroke-width:1;fill:blue;font-family:Arial;font-size:8pt;font-weight:bold; }svg rect.dm {stroke-width:1;stroke:brown;fill:transparent;}svg rect.lm {stroke-width:1;stroke:brown;fill:lightgreen;stroke-left:0;stroke-right:0;}svg rect.gm {stroke:black;stroke-width:2;fill:transparent;}svg rect.gm:hover {stroke-width:4; stroke:red;}svg rect.nm {stroke:black;stroke-width:2;fill:transparent;}svg rect.dm:hover {stroke-width:4; stroke:red;}svg text:hover {font-size:10pt;font-size:1.2vw;}svg line:hover {stroke-width:2;stroke:red;}#position span {display:inline-block;width: 100%;}#position legend {display:inline;}#layer input+label {display:inline-block;}#position input{float:right;}#info {border: 1px solid grey;position:absolute;width:110px;height:300px;}#title_descr, #mark_descr {transform: translate(10px,10px);}</style><defs id="defs"><rect id="dm" class="dm" stroke-width="2" stroke="brown" fill="transparent" transform="translate(0.01px,0.01px)"/></defs><text x="520" y="50" id="measure" class="measure"/><polyline points="1040.01,680 1040.01,680 981.46,680 981.46,592.19 883.67,328.73 883.67,328.73 785.87,592.19 785.87,680 727.33,680 727.33,592.19 629.54,328.73 629.54,328.73 531.74,592.19 531.74,680 249.63,680 249.63,680 161.81,680 161.81,680 249.63,211.63 249.63,211.63 659.45,211.63 659.45,270.18 718,270.18 718,211.63 952.19,211.63 952.19,211.63 1040.01,680 1040.01,680 " stroke-width="2" fill="#C9EEF8" stroke="blue" /><line x1="1116.12" y1="682.93" x2="1116.12" y2="211.63" class="blue"/><line x1="73.99" y1="680" x2="1121.97" y2="680" class="blue"/><line x1="952.19" y1="211.63" x2="1121.97" y2="211.63" class="blue"/><line x1="73.99" y1="682.93" x2="1121.97" y2="682.93" class="blue"/><text x="1124.9" y="685.86" class="blue">0.050</text><text x="1124.9" y="445.82" class="blue">8.000</text><line x1="1040.01" y1="153.09" x2="161.81" y2="153.09" class="blue"/><text x="589.2" y="150.16" class="blue">15.000</text><line x1="981.46" y1="685.86" x2="981.46" y2="179.43" class="blue"/><text x="999.02" y="179.43" class="blue">1.000</text><line x1="883.67" y1="328.73" x2="883.67" y2="179.43" class="blue"/><text x="920.85" y="179.43" class="blue">1.670</text><line x1="883.67" y1="328.73" x2="1086.84" y2="328.73" class="blue"/><line x1="785.87" y1="592.19" x2="785.87" y2="179.43" class="blue"/><text x="823.06" y="179.43" class="blue">1.670</text><line x1="785.87" y1="592.19" x2="1086.84" y2="592.19" class="blue"/><line x1="727.33" y1="685.86" x2="727.33" y2="179.43" class="blue"/><text x="744.89" y="179.43" class="blue">1.000</text><line x1="629.54" y1="328.73" x2="629.54" y2="179.43" class="blue"/><text x="666.72" y="179.43" class="blue">1.670</text><line x1="629.54" y1="328.73" x2="1086.84" y2="328.73" class="blue"/><line x1="531.74" y1="592.19" x2="531.74" y2="179.43" class="blue"/><text x="568.93" y="179.43" class="blue">1.670</text><line x1="531.74" y1="592.19" x2="1086.84" y2="592.19" class="blue"/><line x1="249.63" y1="685.86" x2="249.63" y2="179.43" class="blue"/><text x="378.98" y="179.43" class="blue">4.819</text><line x1="161.81" y1="685.86" x2="161.81" y2="179.43" class="blue"/><text x="194.01" y="179.43" class="blue">1.500</text><line x1="952.19" y1="211.63" x2="952.19" y2="164.8" class="blue"/><line x1="1040.01" y1="680" x2="1040.01" y2="150.16" class="blue"/><line x1="1040.01" y1="182.36" x2="952.19" y2="182.36" class="blue"/><line x1="1040.01" y1="167.72" x2="952.19" y2="167.72" class="blue"/><text x="984.39" y="164.8" class="blue">1.500</text><line x1="718" y1="211.63" x2="718" y2="164.8" class="blue"/><line x1="952.19" y1="182.36" x2="718" y2="182.36" class="blue"/><line x1="952.19" y1="167.72" x2="718" y2="167.72" class="blue"/><text x="823.38" y="164.8" class="blue">4.000</text><line x1="659.45" y1="270.18" x2="659.45" y2="164.8" class="blue"/><line x1="718" y1="182.36" x2="659.45" y2="182.36" class="blue"/><line x1="718" y1="167.72" x2="659.45" y2="167.72" class="blue"/><text x="677.02" y="164.8" class="blue">1.000</text><line x1="659.45" y1="270.18" x2="1080.99" y2="270.18" class="blue"/><line x1="1075.13" y1="211.63" x2="1075.13" y2="270.18" class="blue"/><text x="1078.06" y="246.76" class="blue">1.000</text><line x1="249.63" y1="211.63" x2="249.63" y2="164.8" class="blue"/><line x1="659.45" y1="182.36" x2="249.63" y2="182.36" class="blue"/><line x1="659.45" y1="167.72" x2="249.63" y2="167.72" class="blue"/><text x="442.83" y="164.8" class="blue">7.000</text><line x1="161.81" y1="680" x2="161.81" y2="164.8" class="blue"/><line x1="161.81" y1="680" x2="161.81" y2="150.16" class="blue"/><line x1="249.63" y1="182.36" x2="161.81" y2="182.36" class="blue"/><line x1="1080.99" y1="680" x2="1080.99" y2="592.19" class="blue"/><text x="1083.91" y="641.95" class="blue">1.500</text><line x1="1080.99" y1="592.19" x2="1080.99" y2="328.73" class="blue"/><text x="1083.91" y="466.31" class="blue">4.500</text><g class="t_desc" id="title_descr"><text x="22.24" y="18.39" class="black">Šlaitas 1 iš 1</text><text x="22.24" y="33.39" class="black">Plotis: 15.000 ,m</text><text x="22.24" y="48.39" class="black">Aukštis: 8.000 + 0.050 ,m</text><text x="22.24" y="63.39" class="black">Plotas: 81.9 ,m2</text><text x="22.24" y="78.39" class="black">Danga: Gotika 266 vnt (106.8,m2)</text><text x="22.24" y="93.39" class="black">Plėvelė: 94 ,m2;</text></g><g class="t_desc" id="mark_descr"><polyline points="992.24,18.39 962.24,18.39 " stroke-width="1" fill="#C9EEF8" class="descr" stroke="blue" .....