.wpd-triangle-generator{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;padding:3rem 1rem;background-color:#f9fafb;min-height:100vh}.wpd-triangle-generator-container{max-width:64rem;margin:0 auto}.wpd-triangle-generator-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.wpd-triangle-generator-grid{grid-template-columns:repeat(2,1fr)}}.wpd-triangle-controls,.wpd-triangle-preview{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.wpd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.wpd-title{font-size:1.25rem;font-weight:600;color:#111827}.wpd-control-group{margin-bottom:1.5rem}.wpd-control-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.wpd-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.wpd-preset-button{padding:.5rem;font-size:.875rem;border-radius:.375rem;border:none;cursor:pointer;background-color:#f3f4f6;color:#374151;transition:all 0.2s}.wpd-preset-button:hover{background-color:#e5e7eb}.wpd-preset-button.active{background-color:#3b82f6;color:#fff}.wpd-direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.wpd-direction-button{padding:.5rem;border-radius:.375rem;border:none;cursor:pointer;background-color:#f3f4f6;color:#374151;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.wpd-direction-button:hover{background-color:#e5e7eb}.wpd-direction-button.active{background-color:#3b82f6;color:#fff}.wpd-range-input{width:100%;height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none}.wpd-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer}.wpd-range-input::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}.wpd-color-input{height:2.5rem;width:5rem;padding:0;border:none;border-radius:.375rem;cursor:pointer}.wpd-preview-container{border:1px solid #e5e7eb;border-radius:.5rem;padding:2rem;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;margin-bottom:1.5rem;position:relative}.wpd-grid-background{position:absolute;inset:0;background-image:linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:20px 20px}.wpd-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.wpd-code-title{font-size:1.125rem;font-weight:500;color:#111827}.wpd-copy-button{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;background-color:#f3f4f6;border:none;border-radius:.375rem;cursor:pointer;transition:all 0.2s}.wpd-copy-button:hover{background-color:#e5e7eb}.wpd-copy-button.copied{background-color:#dcfce7;color:#166534}.wpd-code-block{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5}.wpd-code-block code{color:#f9fafb;background:#fff0;padding:0;margin:0;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}.wpd-reset-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.wpd-reset-button:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px rgb(0 0 0 / .05);transform:translateY(-1px)}.wpd-reset-button:active{background-color:#f3f4f6;transform:translateY(0);box-shadow:0 1px 2px rgb(0 0 0 / .05)}.wpd-reset-button .wpd-icon-rotate{color:#6b7280;transition:transform 0.3s ease}.wpd-reset-button:hover .wpd-icon-rotate{transform:rotate(-180deg);color:#4b5563}.wpd-value-display{font-size:.875rem;color:#6b7280}.wpd-triangle{position:relative;transition:all 0.3s ease}