.placeholder-tool-page{flex-direction:column;gap:30px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.placeholder-workstation{grid-template-columns:350px 1fr;align-items:start;gap:25px;display:grid}.glass-panel{background:var(--card-bg,#ffffff0d);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000001a}.panel-title{color:var(--text-main,#fff);border-bottom:1px solid var(--border-color,#ffffff1a);margin-top:0;margin-bottom:20px;padding-bottom:15px;font-size:1.25rem;font-weight:600}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-group.full-width{margin-bottom:25px}.setting-group label{color:var(--text-secondary,#ffffffb3);font-size:.9rem;font-weight:500}.modern-input{border:1px solid var(--border-color,#ffffff1a);color:var(--text-main,#fff);background:#0003;border-radius:8px;width:100%;padding:10px 12px;font-size:.95rem;transition:all .2s}.modern-input:focus{border-color:var(--accent-primary,#10b981);outline:none;box-shadow:0 0 0 2px #10b98133}.color-picker-wrapper{align-items:center;gap:10px;display:flex}.color-picker-wrapper input[type=color]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:1px solid #fff3;border-radius:6px}.color-hex-input{text-transform:uppercase;flex-grow:1;font-family:monospace}.export-section{border-top:1px solid var(--border-color,#ffffff1a);margin-top:10px;padding-top:20px}.export-section h3{color:var(--text-main,#fff);margin-top:0;margin-bottom:15px;font-size:1rem;font-weight:600}.export-buttons{flex-direction:column;gap:12px;display:flex}.primary-btn,.secondary-btn,.outline-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.primary-btn{background:linear-gradient(135deg, var(--accent-primary,#10b981) 0%, #059669 100%);color:#fff;box-shadow:0 4px 14px #10b98163}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.secondary-btn{color:var(--text-main,#fff);background:#ffffff1a;border:1px solid #ffffff1a}.secondary-btn:hover{background:#ffffff26;transform:translateY(-2px)}.outline-btn{color:var(--text-secondary,#aaa);background:0 0;border:1px dashed #fff3}.outline-btn:hover{color:var(--text-main,#fff);background:#ffffff0d;border-color:#fff6}.preview-container-wrapper{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:300px;padding:20px;display:flex;overflow:hidden}.preview-checkerboard{background-color:#e5e5f7;background-image:repeating-linear-gradient(45deg,#c4c4c4 25%,#0000 25% 75%,#c4c4c4 75%,#c4c4c4),repeating-linear-gradient(45deg,#c4c4c4 25%,#e5e5f7 25% 75%,#c4c4c4 75%,#c4c4c4);background-position:0 0,10px 10px;background-size:20px 20px;border-radius:4px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000004d}.svg-preview{width:100%;height:100%}.svg-preview svg{width:100%;height:100%;display:block}.preview-info{color:var(--text-secondary,#fff9);justify-content:space-between;margin-top:15px;padding:0 5px;font-size:.85rem;display:flex}@media (max-width:900px){.placeholder-workstation,.settings-grid{grid-template-columns:1fr}.export-buttons{flex-flow:wrap}.primary-btn,.secondary-btn,.outline-btn{flex:1;min-width:140px}}