.digsig-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f8fafc}.digsig-workspace{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(124,58,237,.1);padding:2rem}.digsig-header{text-align:center;margin-bottom:3rem}.digsig-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.digsig-description{color:#94a3b8;max-width:800px;margin:1rem auto}.digsig-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.digsig-type-selector{display:flex;gap:1rem;justify-content:center}.digsig-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.digsig-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-1px);box-shadow:0 4px 6px rgba(124,58,237,.2)}.digsig-btn.active{background:linear-gradient(135deg,#5b21b6,#4c1d95);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.digsig-type-controls{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.digsig-number-input,.digsig-select,.digsig-text-input{background:rgba(30,41,59,.4);border:1px solid rgba(124,58,237,.2);border-radius:.5rem;padding:.75rem 1rem;color:#f8fafc}.digsig-text-input{min-width:300px}.digsig-select{min-width:200px}.digsig-number-input{width:100px}.digsig-canvas-container{background:#fff;border-radius:.5rem;overflow:hidden;margin:2rem auto;box-shadow:0 4px 6px rgba(0,0,0,.1);width:600px;max-width:100%}.digsig-canvas{width:100%;height:200px;cursor:crosshair;touch-action:none}.digsig-canvas.show-grid{background-image:linear-gradient(90deg,rgba(124,58,237,.1) 1px,transparent 0),linear-gradient(180deg,rgba(124,58,237,.1) 1px,transparent 0);background-size:20px 20px}.digsig-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.digsig-clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.digsig-clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.digsig-download-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.digsig-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.digsig-download-group{display:flex;gap:.5rem;flex-wrap:wrap}.digsig-content{margin-top:4rem}.digsig-faq,.digsig-features,.digsig-tips,.digsig-use-cases{margin-bottom:3rem}.digsig-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.digsig-feature-card{background:rgba(30,41,59,.4);border:1px solid rgba(124,58,237,.2);border-radius:.75rem;padding:1.5rem}@media (max-width:768px){.digsig-container{padding:1rem}.digsig-workspace{padding:1.5rem}.digsig-header h1{font-size:2rem}.digsig-type-controls{flex-direction:column}.digsig-select,.digsig-text-input{width:100%;min-width:unset}.digsig-canvas-container{width:100%}}@media (hover:none) and (pointer:coarse){.digsig-btn,.digsig-number-input,.digsig-select,.digsig-text-input{min-height:44px;padding:12px 24px}}.digsig-color-controls{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:1rem 0}.digsig-color-group{display:flex;align-items:center;gap:.5rem}.digsig-color-input{width:44px;height:44px;padding:0;border:none;border-radius:.5rem;cursor:pointer;background:none}.digsig-color-input::-webkit-color-swatch-wrapper{padding:0}.digsig-color-input::-webkit-color-swatch{border:2px solid rgba(124,58,237,.2);border-radius:.5rem}