*{box-sizing:border-box}html,body{overflow:hidden;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:#fafaf7}#cv{display:block;touch-action:none;width:100vw;height:100vh}#toolbar{position:fixed;display:flex;z-index:10;overflow:hidden;background:#fff;border:1px solid #e6e6e1;border-radius:10px;flex-wrap:nowrap;justify-content:flex-start;align-items: center;gap:3px 8px;max-width:97vw;padding:4px 8px;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000012}#toolbar.tight #utilGroup .mlbl,#toolbar.compact .mlbl{display:none}#toolbar.compact .kb{left:2px}#toolbar.compact .mode,#toolbar.compact #ligBtn{padding-left:9px}#scenePop{position:fixed;z-index:16;display:none;overflow:auto;background:#fff;border:1px solid #e2e2dd;border-radius:10px;flex-direction:column;gap:2px;width:270px;max-height:62vh;padding:6px;box-shadow:0 8px 24px #00000024}#scenePop.open{display:flex}#scenePop button{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;padding:5px 7px;font-size:12px;line-height:1.35}#scenePop button:hover{background:#f4f4ff}#scenePop .sb{display:block;color:#9a9a92;font-size:10.5px}#scenePop .sh{color:#999;text-transform:uppercase;letter-spacing:.03em;padding:6px 7px 2px;font-size:10.5px}#moreBtn{padding:2px 7px;font-size:15px;line-height:12px}#morePop{position:fixed;z-index:16;display:none;background:#fff;border:1px solid #e2e2dd;border-radius:10px;flex-direction:column;gap:3px;min-width:150px;padding:6px;box-shadow:0 8px 24px #00000024}#morePop.open{display:flex}#morePop button{text-align:left;display:flex;align-items: center;gap:6px;width:100%}#morePop .mlbl{display:inline!important}#toolbar .group{flex:none}#toolbar button,#toolbar input{white-space:nowrap}.group{display:flex;align-items: center;gap:3px}.group[hidden]{display:none}.group+.group{border-left:1px solid #eee;padding-left:8px}button,select,input{cursor:pointer;color:#333;background:#fff;border:1px solid #d6d6d0;border-radius:6px;padding:3px 7px;font:12px inherit}#toolbar .lbl{display:none}#toolbar .mode,#toolbar #ligBtn,#toolbar button{padding-top:3px;padding-bottom:3px}input[type=text]{cursor:text}#seqIn{text-transform:uppercase;font-family:ui-monospace,Menlo,monospace}input[type=number]{cursor:text;width:54px}button:hover,select:hover{background:#f5f5ff}button.mode.active{color:#4a47b1;background:#e0dfff;border-color:#6965db}.swatch{outline:1px solid #ccc;border:2px solid #fff;border-radius:6px;width:20px;height:20px;padding:0}.swatch:hover{outline:2px solid #6965db}.lbl{color:#888;font-size:12px}#colorBtn{padding:3px 5px}#colorChip{display:inline-block;outline:1px solid #bbb;vertical-align:middle;background:#f59e0b;border-radius:4px;width:16px;height:16px}#colorPop{position:fixed;z-index:16;display:none;background:#fff;border:1px solid #e2e2dd;border-radius:10px;flex-direction:column;gap:8px;padding:10px;box-shadow:0 8px 24px #00000024}#colorPop.open{display:flex}#colorSwatches{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}#colorPop .cp-row{display:flex;color:#666;align-items: center;gap:6px;font-size:12px}.mode,#ligBtn{position:relative;padding-left:12px}.kb{position:absolute;color:#bcbcb4;font-size:8.5px;font-weight:400;top:1px;left:3px}#enzPanel,#cutPanel,#transformPanel,#dogmaPanel,#arrowPanel,#pcrPanel{position:fixed;z-index:12;display:none;background:#fff;border:1px solid #e9e9e4;border-radius:12px;width:210px;padding:12px;top:60px;left:14px;box-shadow:0 8px 24px #0000001a}#props{position:fixed;z-index:12;display:none;background:#fff;border:1px solid #e9e9e4;border-radius:12px;width:200px;padding:12px;top:60px;right:14px;box-shadow:0 8px 24px #0000001a}#props.open,#enzPanel.open,#cutPanel.open,#transformPanel.open,#dogmaPanel.open,#arrowPanel.open,#pcrPanel.open{display:block}.cs,.tf,.dg,.ar,.pol{text-align:left;width:100%;font-size:12px}.tsz{text-align:center;flex:1}.tsz.sel,#textBold.active,#textItalic.active,.cs.sel,.tf.sel,.dg.sel,.ar.sel,.pol.sel{color:#4a47b1;background:#e0dfff;border-color:#6965db}#pcrTube{display:flex;flex-direction:column;gap:3px;margin-top:2px}.tube-row{display:flex;color:#555;align-items:baseline;gap:6px;font-size:11.5px}.tube-row .dot{border-radius:2px;flex:none;align-self: center;width:8px;height:8px}.tube-row .nm{color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.tube-row .at{color:#999;white-space:nowrap;margin-left:auto}.tube-row.bad .at{color:#dc2626}#pcrRun[disabled]{opacity:.45;cursor:not-allowed}#pcrYield{color:#0d9488;margin-top:6px;font-size:12px;font-weight:600}.cut-note{color:#999;margin-top:8px;font-size:11px}#enzSearch{width:100%;margin:6px 0}.chips{display:flex;gap:4px;margin-top:8px}.eg{text-align:center;flex:1;padding:3px 2px;font-size:10.5px}.eg.sel{color:#4a47b1;background:#e0dfff;border-color:#6965db}#enzList{overflow:auto;max-height:calc(100vh - 200px)}#enzList .eh{color:#999;text-transform:uppercase;letter-spacing:.03em;margin:8px 0 2px;font-size:10.5px}#enzList .eh:first-child{margin-top:0}.ei{display:block;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:3px 6px;font-size:12px}.ei:hover{background:#f4f4ff}.ei.sel{color:#4a47b1;background:#e0dfff;border-color:#6965db}.ei.none{color:#888;margin-bottom:4px;font-style:italic}.ei code{color:#6965db;font-family:ui-monospace,Menlo,monospace;font-size:11px}#enzDesc{color:#888;min-height:14px;margin-top:8px;font-size:11px}.props-title{color:#444;font-size:13px;font-weight:600}#props input,#props select{width:100%}.prow{display:flex;gap:6px;margin-top:2px}.prow button{flex:1;padding:5px 4px;font-size:12px}#props button.active{color:#4a47b1;background:#e0dfff;border-color:#6965db}#props .del{color:#dc2626;border-color:#f0caca;width:100%;margin-top:10px}#props .del:hover{background:#fdf1f1}#swatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}#hint{position:fixed;color:#666;z-index:10;pointer-events:none;text-align:center;background:#ffffffeb;border:1px solid #e5e5e0;border-radius:8px;max-width:94vw;padding:5px 14px;font-size:12.5px;bottom:10px;left:50%;transform:translate(-50%)}#toast{position:fixed;color:#fff;opacity:0;pointer-events:none;z-index:20;background:#1e293b;border-radius:8px;padding:8px 16px;transition:opacity .25s;font-size:13px;bottom:52px;left:50%;transform:translate(-50%)}#drawColor{width:30px;height:26px;padding:1px 2px}#panel{position:fixed;z-index:15;display:none;background:#fff;border:1px solid #e2e2dd;border-radius:12px;width:300px;padding:14px;top:72px;right:14px;box-shadow:0 8px 24px #0000001f}#panel.open{display:block}#panelTitle{color:#333;margin-bottom:8px;font-size:14px;font-weight:600}.panel-msg{color:#888;margin:0 0 8px;font-size:12.5px}.panel-lbl{display:block;color:#888;margin:6px 0 3px;font-size:12px}#panelBody input,#panelBody textarea{cursor:text;resize:vertical;width:100%}#panelBody .mono{text-transform:uppercase;font-family:ui-monospace,Menlo,monospace}#panelBtns{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}#panelOk{color:#fff;background:#2563eb;border-color:#2563eb}#panelOk:hover{background:#1d4ed8}#panelOk.danger{background:#dc2626;border-color:#dc2626}#panelOk.danger:hover{background:#b91c1c}#cheat{position:fixed;z-index:14;display:none;background:#fff;border:1px solid #e2e2dd;border-radius:12px;flex-direction:column;width:320px;max-height:calc(100vh - 96px);top:72px;right:14px;box-shadow:0 8px 24px #0000001f}#cheat.open{display:flex}#cheatHead{display:flex;border-bottom:1px solid #eee;justify-content:space-between;align-items: center;padding:8px 10px}#cheatTabs{display:flex;gap:4px}.ctab{padding:4px 8px;font-size:12px}.ctab.active{color:#4a47b1;background:#e0dfff;border-color:#6965db}#cheatClose{color:#999;background:0 0;border:none;padding:2px 6px;font-size:14px}#cheatBody{overflow:auto;color:#333;padding:10px 12px;font-size:12px}#cheatBody h4{color:#555;margin:10px 0 4px;font-size:12px}#cheatBody h4:first-child{margin-top:0}.codegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.codegrid .stop{color:#dc2626}.codegrid .start{color:#16a34a;font-weight:700}.enzrow{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.enzrow code{color:#6965db;font-family:ui-monospace,Menlo,monospace}.enzrow .d{color:#999;font-size:11px}.iupac{border-collapse:collapse;width:100%}.iupac td{border-bottom:1px solid #f0f0ec;padding:2px 4px;font-family:ui-monospace,Menlo,monospace}.iupac td:first-child{color:#6965db;width:28px;font-weight:700}.cheat-note{color:#999;margin:2px 0 0;font-size:11px}#toolbar select{max-width:190px}#scenePick{font-size:12px}#props .del{margin-top:10px}.ends-note{color:#888;border-top:1px solid #f0f0ec;margin-top:6px;padding-top:6px;font-size:11px;line-height:1.4}.ei.blocked{opacity:.55}.ei .tag{color:#b45309;background:#fef3c7;border-radius:4px;margin-left:4px;padding:0 4px;font-size:9.5px}#steps{position:fixed;z-index:11;color:#444;display:none;background:#fff;border:1px solid #e9e9e4;border-radius:12px;width:260px;padding:10px 12px;font-size:12px;bottom:44px;left:14px;box-shadow:0 8px 24px #0000001a}#steps.open{display:block}#steps h5{color:#333;margin:0 0 6px;font-size:12px}#steps ol{margin:0;padding-left:18px}#steps li{margin-bottom:3px;line-height:1.35}#stepsClose{position:absolute;color:#999;background:0 0;border:none;padding:2px 5px;font-size:13px;top:6px;right:6px}#toast.error{background:#7f1d1d}#toolbar button,.tf,.dg,.cs,#sangerBtn{display:inline-flex;align-items: center;gap:5px}.icon{display:block;flex:none}#toolbar button .icon{opacity:.78}#toolbar button:hover .icon,#toolbar button.active .icon{opacity:1}.tf .icon,.dg .icon,#sangerBtn .icon{opacity:.7}#featureList{display:flex;flex-direction:column;gap:3px;margin-top:2px}.feature-row{display:flex;align-items: center;gap:4px}.feature-row input{flex:auto;min-width:0;font-size:12px}.feature-row button:not(.swatch){padding:2px 5px;font-size:11px;line-height:1}.feature-row .swatch{flex:none;width:14px;height:14px}#textSwatches{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}#textSwatches .swatch.active{outline:2px solid #6965db}#textProps,#molProps{display:none}#textProps.on,#molProps.on{display:block}