/* Shared polish and the file conversion workspace. */
.language-picker{position:relative}.language-picker>button{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:28px;min-height:44px;padding:10px 16px;background:var(--surface);color:var(--navy);font-size:12px;font-weight:600}.language-picker svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5}.language-picker .chevron{width:13px;height:13px;fill:none;transition:transform .2s}.language-picker>button[aria-expanded=true] .chevron{transform:rotate(180deg)}#language-menu{position:absolute;z-index:30;right:0;top:calc(100% + 10px);min-width:210px;padding:8px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 16px 45px #081d6320;animation:studio-in .18s ease}#language-menu button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:var(--text);padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer}#language-menu button span{font:10px monospace;letter-spacing:.8px;color:var(--muted);width:24px}#language-menu button:hover,#language-menu button[aria-pressed=true]{background:var(--surface-alt);color:var(--navy)}.studio-time{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 5px 15px -12px #081d6350;margin:5px 0 25px}.time-symbol{font-size:24px;color:var(--muted)}#studio-date{font-size:11px;color:var(--muted)}.clock-row{display:flex;align-items:center;gap:10px;margin-top:3px}#studio-clock{font:600 14px monospace;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--navy)}.clock-row>span{font-size:9px;color:var(--muted)}.live-dot{width:5px;height:5px;border-radius:50%;background:#78a893;margin-left:12px}.tool-tabs{display:flex;flex-wrap:wrap;gap:8px}.tool-tabs a{flex:1;text-align:center;white-space:nowrap;min-width:130px}.service-state{border:1px solid #c9a76670;border-radius:15px;background:var(--surface);padding:18px 22px;margin:0 0 25px;font-size:12px;color:var(--text)}.service-state p{margin:7px 0;line-height:1.6}.service-state button{border:0;padding:7px 0;background:none;text-decoration:underline;color:var(--navy);cursor:pointer}.converter-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}.converter-modes button{position:relative;display:flex;flex-direction:column;text-align:left;padding:22px;border:1px solid var(--border);border-radius:15px;gap:9px;background:var(--surface);color:var(--text);cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.converter-modes button>span{font:10px monospace;letter-spacing:1px;color:var(--muted)}.converter-modes button strong{font-size:14px}.converter-modes button small{font-size:9px;color:var(--muted)}.converter-modes button:hover{transform:translateY(-3px);border-color:#94a7d9}.converter-modes button[aria-pressed=true]{background:var(--navy);color:var(--surface)}.converter-modes button[aria-pressed=true] span,.converter-modes button[aria-pressed=true] small{color:var(--surface)}.convert-art{display:flex;align-items:center;justify-content:center;gap:15px;height:115px}.convert-art i{display:grid;place-items:center;width:64px;height:79px;border-radius:12px;border:1px solid #bbc7e5;background:var(--surface);font:12px monospace;box-shadow:0 12px 20px -12px #081d6350;transform:rotate(-7deg)}.convert-art i:last-child{transform:rotate(7deg)}.convert-art b{font-size:28px;font-weight:400}.convert-list{padding:0;list-style:none;margin:18px 0}.convert-list li{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:7px;background:var(--surface-alt)}.convert-list .file-info{flex:1;min-width:0}.file-info strong{display:block;font-size:12px;overflow-wrap:anywhere}.file-info small{font-size:10px;color:var(--muted)}.convert-list button{border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--navy);cursor:pointer;min-width:28px;height:30px}.converter-settings label{font-size:12px;display:block}.converter-settings label>span:first-child{display:block;margin-bottom:9px}.converter-settings input[type=text]{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.converter-settings input[type=range]{width:100%;accent-color:var(--navy);margin-top:12px}.converter-settings small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.range-value{font:11px monospace;color:var(--muted)}#convert-progress progress{width:100%;height:5px;accent-color:var(--navy);margin:20px 0 0}.converted-item{border:1px solid var(--border);border-radius:14px;margin:16px 0;overflow:hidden;animation:studio-in .3s ease}.converted-item img{display:block;max-width:100%;max-height:200px;margin:auto;object-fit:contain;background:white}.converted-item>div{padding:16px;background:var(--surface-alt)}.converted-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.converted-item small{font-size:11px;color:var(--muted)}.converted-item a{display:inline-flex;margin-top:12px;font-size:12px;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:3px}.converter-output{min-width:0}#convert-zip{width:100%;margin-top:14px}.converter-grid .settings-grid{margin-top:24px}button:disabled{cursor:not-allowed;opacity:.5}#converter-workspace .field-hint{line-height:1.7}
@keyframes studio-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:850px){.converter-modes{grid-template-columns:repeat(2,1fr)}.converter-modes button{padding:16px}.tool-tabs a{font-size:12px}.studio-time{margin-top:4px}}
@media(max-width:500px){.tool-header-actions{gap:8px}.language-picker>button{gap:8px;padding:10px 12px}.tool-tabs{gap:6px}.tool-tabs a{min-width:43%;padding:12px 7px;font-size:11px}.converter-modes{gap:8px}.converter-modes button strong{font-size:12px}.converter-modes button small{font-size:8px}.studio-time{max-width:100%;gap:9px;padding:10px 12px}#studio-date{font-size:10px}.clock-row{gap:8px}.live-dot{margin-left:0}.convert-list li{gap:5px;padding:9px}.converter-grid .settings-grid{grid-template-columns:1fr}.convert-art{height:95px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}