:root{--font-display: "Poppins", "Segoe UI", "Helvetica Neue", sans-serif;--font-body: "Inter", "Arial", "Helvetica", sans-serif;--color-petrol: #155D70;--color-petrol-dark: #0F4252;--glass-bg: rgba(15,66,82,.3);--glass-border: rgba(255,255,255,.18);--glass-shadow: 0 10px 40px rgba(15, 66, 82, .32)}.tool-root--embed[data-astro-cid-kujuspg2]{height:auto;min-height:100%;padding:1rem;background:#155d70;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-body, "Inter", "Arial", "Helvetica", sans-serif)}.tool-layout[data-astro-cid-kujuspg2]{display:grid;grid-template-columns:minmax(312px,408px) minmax(0,1fr);gap:18px;align-items:start;height:auto}.tool-controls[data-astro-cid-kujuspg2],.tool-preview[data-astro-cid-kujuspg2]{display:flex;flex-direction:column;height:auto;min-height:0}.tool-controls[data-astro-cid-kujuspg2]{overflow-y:visible}.tool-preview[data-astro-cid-kujuspg2]{flex:1;height:auto}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2]{display:grid;gap:12px;flex:1;min-height:0}.tool-controls[data-astro-cid-kujuspg2] .form-row[data-astro-cid-kujuspg2]{display:grid;gap:6px}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] label[data-astro-cid-kujuspg2]{font-size:.9rem;opacity:.9;color:#fff}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2][type=number],.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] select[data-astro-cid-kujuspg2],.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2]{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s ease,background .2s ease}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2][type=number]:focus,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] select[data-astro-cid-kujuspg2]:focus,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2]:focus{border-color:#fff6;background:#ffffff1a}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2]::placeholder,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2]::placeholder{color:#ffffffb3}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2]{resize:vertical;min-height:80px}.tool-controls[data-astro-cid-kujuspg2] .row[data-astro-cid-kujuspg2]{display:flex;align-items:center}.tool-controls[data-astro-cid-kujuspg2] .gap[data-astro-cid-kujuspg2]{gap:10px}.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2]{position:relative;background:#155d7052;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px #0f425247,inset 0 1px #ffffff26;color:#fff;border-radius:12px;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,backdrop-filter .18s ease;font-family:inherit;font-size:.9rem;padding:.5rem 1rem}.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#fff3,#ffffff0f);pointer-events:none}.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2]:hover{transform:translateY(-1px);box-shadow:0 14px 48px #0f42525c,inset 0 1px #ffffff40}.tool-controls[data-astro-cid-kujuspg2] .btn-blue[data-astro-cid-kujuspg2]{background:#155d70c7}.tool-controls[data-astro-cid-kujuspg2].panel,.tool-preview[data-astro-cid-kujuspg2].panel{background:#0f42524d;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 40px #0f425252;border-radius:18px;padding:16px}.tool-preview[data-astro-cid-kujuspg2] #previewContainer[data-astro-cid-kujuspg2]{background:#05081666;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.12);overflow:visible;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%}#collageCanvas[data-astro-cid-kujuspg2]{display:block;max-width:100%;max-height:100%;width:auto;height:auto;min-width:200px;min-height:200px;border-radius:8px;background:#050816;object-fit:contain}.tool-controls[data-astro-cid-kujuspg2] .h3[data-astro-cid-kujuspg2],.tool-preview[data-astro-cid-kujuspg2] .h3[data-astro-cid-kujuspg2]{font-family:var(--font-display, "Poppins", "Segoe UI", "Helvetica Neue", sans-serif);font-weight:600;font-size:clamp(18px,3vw,24px);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25)}[data-astro-cid-kujuspg2][data-tooltip]{position:relative;cursor:help}[data-astro-cid-kujuspg2][data-tooltip]:hover:after,[data-astro-cid-kujuspg2][data-tooltip]:focus:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);background:#0f4252;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;line-height:1.4;white-space:normal;max-width:280px;width:max-content;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0f425280;border:1px solid rgba(255,255,255,.2);opacity:0;animation:tooltipFadeIn .2s ease forwards}[data-astro-cid-kujuspg2][data-tooltip]:hover:before,[data-astro-cid-kujuspg2][data-tooltip]:focus:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 2px);border:6px solid transparent;border-top-color:#0f4252;z-index:1001;pointer-events:none;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] label[data-astro-cid-kujuspg2][data-tooltip]:hover:after,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] label[data-astro-cid-kujuspg2][data-tooltip]:focus:after{bottom:auto;top:calc(100% + 8px)}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] label[data-astro-cid-kujuspg2][data-tooltip]:hover:before,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] label[data-astro-cid-kujuspg2][data-tooltip]:focus:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:#0f4252}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2][data-tooltip]:hover:after,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2][data-tooltip]:focus:after,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] select[data-astro-cid-kujuspg2][data-tooltip]:hover:after,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] select[data-astro-cid-kujuspg2][data-tooltip]:focus:after,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2][data-tooltip]:hover:after,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2][data-tooltip]:focus:after{bottom:auto;top:calc(100% + 8px)}.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2][data-tooltip]:hover:before,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] input[data-astro-cid-kujuspg2][data-tooltip]:focus:before,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] select[data-astro-cid-kujuspg2][data-tooltip]:hover:before,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] select[data-astro-cid-kujuspg2][data-tooltip]:focus:before,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2][data-tooltip]:hover:before,.tool-controls[data-astro-cid-kujuspg2] .form[data-astro-cid-kujuspg2] textarea[data-astro-cid-kujuspg2][data-tooltip]:focus:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:#0f4252}.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2][data-tooltip]:hover:after,.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2][data-tooltip]:focus:after{bottom:auto;top:calc(100% + 8px)}.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2][data-tooltip]:hover:before,.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2][data-tooltip]:focus:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:#0f4252f2}@media (max-width: 1024px){.tool-layout[data-astro-cid-kujuspg2]{grid-template-columns:minmax(288px,360px) minmax(0,1fr);gap:12px}}@media (max-width: 900px){.tool-layout[data-astro-cid-kujuspg2]{grid-template-columns:1fr;grid-template-rows:auto 1fr}.tool-controls[data-astro-cid-kujuspg2]{max-height:50vh;overflow-y:auto}.tool-preview[data-astro-cid-kujuspg2]{min-height:400px}.tool-root--embed[data-astro-cid-kujuspg2]{padding:.75rem}}@media (max-width: 640px){.tool-root--embed[data-astro-cid-kujuspg2]{padding:.5rem}.tool-controls[data-astro-cid-kujuspg2].panel,.tool-preview[data-astro-cid-kujuspg2].panel{padding:12px}.tool-controls[data-astro-cid-kujuspg2] .row[data-astro-cid-kujuspg2]{flex-direction:column}.tool-controls[data-astro-cid-kujuspg2] .btn[data-astro-cid-kujuspg2]{width:100%}}