:root{--background:#f4f6f8;--panel:#ffffff;--text:#111827;--muted:#5b6472;--accent:#136ef6;--accent-dark:#0f56be;--danger:#dc2626;--success:#15803d;--border:#d6dae2}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{background:radial-gradient(circle at top right,#d8ebff 0,var(--background) 42%);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.45}a{color:inherit}.container{margin:0 auto;max-width:1100px;padding:20px;width:100%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(13,30,58,.08);flex-direction:column;padding:18px}.header-row,.panel{display:flex;gap:14px}.header-row{align-items:center;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:10px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:8px}h1,h2,h3{line-height:1.25}label,p{font-size:14px}.muted{color:var(--muted)}label{display:flex;flex-direction:column;gap:6px}button,input{font:inherit}input[type=file],input[type=number],input[type=password],input[type=text],select{background:#fff;border:1px solid var(--border);border-radius:8px;min-height:38px;padding:8px 10px}input[type=range]{accent-color:var(--accent)}.secondary-button,button{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:38px;padding:0 12px;text-decoration:none}.secondary-button:hover,button:hover{background:var(--accent-dark)}button[disabled]{cursor:not-allowed;opacity:.6}.secondary-button{background:#f1f5f9;border:1px solid var(--border);color:#1f2937}.danger-button{background:#ef4444;border:0;border-radius:8px;color:#fff;min-height:38px;padding:0 12px}.danger-button:hover{background:#dc2626}.download-link{width:fit-content}.frame-canvas{background:linear-gradient(45deg,#eef1f5 25%,transparent 0) 0 0 /24px 24px,linear-gradient(-45deg,#eef1f5 25%,transparent 0) 0 0 /24px 24px,linear-gradient(45deg,transparent 75%,#eef1f5 0) 0 0 /24px 24px,linear-gradient(-45deg,transparent 75%,#eef1f5 0) 0 0 /24px 24px;border:1px solid var(--border);border-radius:8px;cursor:crosshair;max-width:100%}.checkbox-field{align-items:center;flex-direction:row;font-weight:600;gap:8px;margin-top:20px}.project-row{align-items:flex-start;border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.error-text{color:var(--danger);font-weight:600}.queue-text{color:var(--accent-dark);font-weight:600}.success-text{color:var(--success);font-weight:600}.output-preview{border:1px solid var(--border);border-radius:8px;max-width:min(520px,100%);width:100%}@media (max-width:840px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.header-row,.project-row{align-items:flex-start;flex-direction:column}}