.font-explorer-container{display:flex;flex-direction:column;gap:30px;width:100%}.control-panel{background:rgba(255,255,255,.9);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:3px solid #111;border-radius:2px 25px 3px 15px/25px 5px 15px 3px;padding:25px;display:grid;grid-template-columns:repeat(12,1fr);gap:20px;box-shadow:0 10px 30px #0000001a}.control-column{display:flex;flex-direction:column;gap:12px}.col-span-3{grid-column:span 3}.col-span-9{grid-column:span 9}label{font-size:.85rem;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:6px;color:#111}textarea,input[type=text],select{width:100%;background:#fff;border:2px solid #111;border-radius:8px;padding:10px;font-size:.9rem;outline:none;transition:all .2s}textarea:focus,input[type=text]:focus,select:focus{transform:translateY(-2px);box-shadow:0 4px #111}textarea{resize:none;height:120px;font-family:monospace;font-size:.8rem}#colSuggestions{display:none;grid-template-columns:repeat(3,1fr);gap:10px;max-height:250px;overflow-y:auto;padding-right:5px}#colSuggestions.grid{display:grid}.suggestion-card{background:#fff;border:2px solid #111;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;justify-content:center}.suggestion-card:hover{transform:translateY(-3px);box-shadow:0 6px #111}.suggestion-card .font-name{font-size:.7rem;font-weight:800;color:#888;margin-bottom:4px}.suggestion-card .font-preview{font-size:1.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ddd;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#ff0055;border:2px solid #111;border-radius:50%;cursor:pointer}.mode-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:2px solid #111;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px #111}.mode-btn.active{background:#111;color:#fff}.style-btn-group{display:flex;gap:5px}.style-btn{flex:1;padding:5px;background:#fff;border:2px solid #111;border-radius:8px;font-weight:800;cursor:pointer}.style-btn.active{background:#ff0055;color:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border:2px solid #111;border-radius:24px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border:2px solid #111;border-radius:50%}input:checked+.slider{background-color:#f05}input:checked+.slider:before{transform:translate(20px)}.dice-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}.dice-grid[data-count="1"] .dice-card{grid-column:span 12}.dice-grid[data-count="2"] .dice-card{grid-column:span 6}.dice-grid[data-count="3"] .dice-card{grid-column:span 4}.dice-grid .dice-card{grid-column:span 3}.dice-card{position:relative;background:#fff;border:2px solid #111;border-radius:15px;padding:10px;display:flex;flex-direction:column;min-height:200px;transition:all .3s}.btn-expand{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.8);border:2px solid #111;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:5}.btn-expand:hover{background:#fff;transform:scale(1.1)}.dice-card:hover{transform:translateY(-5px);box-shadow:0 10px #111}.dice-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}.dice-info{border-top:1px solid #eee;padding-top:8px;display:flex;align-items:center;justify-content:space-between}.font-label{font-size:.65rem;font-family:monospace;color:#888;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-preview-text{font-size:1.2rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{width:90%;max-width:800px;height:80vh;background:#fff;border:4px solid #111;border-radius:20px;position:relative;display:flex;flex-direction:column;overflow:hidden}.modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#fff;border:2px solid #111;border-radius:50%;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.modal-close:hover{background:#eee}.modal-canvas-container{flex:1;background:#fdfdfd}.modal-info{padding:30px;border-top:3px solid #111;text-align:center;background:#fff}.modal-info .font-label{font-size:1.2rem;font-weight:800;margin-bottom:10px;color:#111;display:block;max-width:100%}.modal-info .font-preview-text{font-size:4rem;max-width:100%}@media (max-width: 900px){.dice-grid .dice-card{grid-column:span 6}.dice-grid[data-count="1"] .dice-card{grid-column:span 12}}@media (max-width: 500px){.dice-grid .dice-card{grid-column:span 12}}