/* V50 independent tool workspace; the existing global header/navigation is intentionally untouched. */
:root{--x50-cyan:#79e4f4;--x50-purple:#aa9aff;--x50-ink:#edf8ff;--x50-muted:#adc2d7;--x50-line:#2e4360;--x50-bg:#071326}
.x50-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.15fr);gap:18px;align-items:start}.x50-stack{display:grid;gap:16px;min-width:0}.x50-card{background:linear-gradient(145deg,rgba(19,32,57,.95),rgba(10,20,39,.96));border:1px solid rgba(143,194,229,.22);border-radius:19px;padding:20px;box-shadow:0 14px 45px #0003;min-width:0}.x50-card h2{font-size:17px;margin:0 0 13px;color:#edf8ff}.x50-card h3{font-size:14px;margin:17px 0 8px;color:#deeefa}.x50-card p,.x50-help{font-size:12px;color:var(--x50-muted);line-height:1.65}.x50-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.x50-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b8cce0;min-width:0}.x50-field input:not([type=checkbox]):not([type=range]),.x50-field textarea,.x50-field select{min-width:0;max-width:100%;width:100%;background:#081427;border:1px solid var(--x50-line);border-radius:11px;padding:11px;color:#fff;font:inherit;font-size:14px}.x50-field input[type=range]{accent-color:var(--x50-cyan);width:100%;min-width:0}.x50-field input[type=file]{font-size:12px}.x50-field textarea{min-height:65px;resize:vertical}.x50-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:13px 0}.x50-action{appearance:none;padding:11px 15px;border-radius:11px;background:linear-gradient(120deg,#8ceafa,#b3a3ff);color:#081426;border:0;font-weight:800;font-size:13px;cursor:pointer;min-height:42px}.x50-action.secondary{background:#172844;color:#d6eeff;border:1px solid #3b5475}.x50-action[disabled]{opacity:.46;cursor:not-allowed}.x50-status{min-height:27px;color:#94e7f4;font-size:13px;white-space:pre-wrap;line-height:1.5}.x50-status.error{color:#ffb7b7}.x50-tags{display:flex;gap:7px;flex-wrap:wrap}.x50-tag{border:1px solid #2d526c;background:#10243a;color:#b8e9f9;border-radius:999px;padding:5px 10px;font-size:11px}.x50-drop{border:1px dashed #5b7898;background:#0a1b31;border-radius:13px;padding:14px;display:block;cursor:pointer}.x50-drop:focus-within{outline:2px solid #7fe6f9}.x50-drop input{max-width:100%;display:block}.x50-preview{background:#050d1a;border:1px solid #2c455c;border-radius:14px;padding:13px;min-width:0}.x50-stage{position:relative;overflow:hidden;border-radius:12px;border:1px solid #455d78;background:#0a1226}.x50-stage canvas{width:100%;height:auto;display:block;max-height:550px;object-fit:contain}.x50-controls-note{padding:12px;border-radius:12px;background:#0d2435;border:1px solid #2e5967;font-size:12px;color:#b3d3e5}.x50-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.x50-template{min-width:0;min-height:60px;padding:12px 8px;border-radius:12px;background:#0d1c35;border:1px solid #324863;color:#d2eaff;cursor:pointer;font:inherit;font-size:12px}.x50-template[aria-pressed=true]{border-color:#8fe4f6;background:#183b4f;box-shadow:0 0 0 1px #8fe4f655 inset}.x50-mockups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:15px}.x50-mock{background:#0a1527;border-radius:15px;padding:13px;min-width:0;border:1px solid #293e59}.x50-mock p{font-size:11px;margin:6px 0 1px}.x50-thumb{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;border-radius:7px;background:#061426}.x50-phone{max-width:220px;margin:auto;border:6px solid #303c55;border-radius:22px;background:#020811;padding:10px 5px 20px}.x50-phone img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.x50-fake-search{display:flex;gap:8px}.x50-fake-search img{width:55%;object-fit:cover;aspect-ratio:16/9}.x50-fake-search span{font-size:11px;font-weight:700;color:#e0f2ff;line-height:1.4}.x50-progress{height:8px;border-radius:30px;background:#10243e;overflow:hidden;margin:12px 0}.x50-progress>span{height:100%;display:block;width:0;background:linear-gradient(90deg,#70e6eb,#b199ff);transition:width .2s}.x50-checks{display:grid;gap:8px;padding:0;list-style:none}.x50-checks li{padding:9px 11px;border:1px solid #33445c;border-radius:10px;color:#e0ecfa;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.x50-checks li.ok{border-color:#2e7769;color:#a5f5cb;background:#10372c50}.x50-checks li.warn{border-color:#806f3a;color:#ffdca0}.x50-checks li.bad{border-color:#834552;color:#ffb9bd}.x50-audio-stat{font-size:13px;padding:12px;border-radius:11px;background:#09192f;color:#c3d9ea;white-space:pre-wrap;overflow-wrap:anywhere}.x50-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#c2d5e8}.x50-checkbox input{margin-top:3px;accent-color:var(--x50-cyan)}.x50-audio-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.x50-audio-controls .x50-field{gap:5px}.x50-note{border-left:3px solid #68dfea;padding:11px 14px;background:#0d2033;color:#b3d7ea;font-size:12px;border-radius:8px}.x50-meter{display:flex;align-items:center;gap:8px;color:#cce3f2;font-size:12px;flex-wrap:wrap}.x50-meter output{color:#9bf0ff}.x50-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #274057;padding-top:22px;margin-top:36px;color:#8da8c6;font-size:12px;flex-wrap:wrap}.x50-foot a{color:#8fdef3}.x50-link{color:#98e7f8;text-decoration:underline;text-underline-offset:3px}.x50-helper{display:inline-block;font-size:11px;color:#aac0dc}.x50-card :focus-visible{outline:2px solid #87eff6;outline-offset:3px}.x50-covers{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:start}.x50-covers canvas{width:100%;height:auto;aspect-ratio:1;background:#080f21;border-radius:11px;border:1px solid #435a72}.x50-covers .x50-field{margin-bottom:9px}.x50-download-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.x50-shortcut{display:flex;align-items:center;gap:8px;border:1px solid #405b72;background:#102338;padding:12px;border-radius:12px;color:#b6e9fc;font-size:12px}.x50-shortcut a{color:#8fe9f7;text-decoration:underline}.x50-tools-hero{max-width:900px}.x50-tools-hero h1 em{color:transparent}.x50-busy{opacity:.65;pointer-events:none}
@media(max-width:850px){.x50-work{grid-template-columns:minmax(0,1fr)}.x50-covers{grid-template-columns:150px minmax(0,1fr)}}@media(max-width:520px){.x50-grid,.x50-audio-controls,.x50-mockups{grid-template-columns:minmax(0,1fr)}.x50-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.x50-covers{grid-template-columns:minmax(0,1fr)}.x50-covers canvas{max-width:280px}.x50-card{padding:15px}.x50-row .x50-action{flex-grow:1}.x50-phone{max-width:210px}}@media(prefers-reduced-motion:reduce){.x50-progress>span{transition:none}}[dir=rtl] .x50-note{border-left:0;border-right:3px solid #68dfea}
