.app-icon-ready{align-items:center;gap:1rem;padding:1rem;display:flex}.app-icon-preview-card{border:1px solid var(--border);border-radius:1rem;flex:none;place-items:center;width:7rem;height:7rem;display:grid;overflow:hidden}.app-icon-preview-card img{object-fit:contain;width:100%;height:100%}.app-icon-controls{border-top:1px solid var(--foreground);grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.app-icon-control-group{gap:.65rem;display:grid}.app-icon-fit-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.app-icon-fit-active{border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}.app-icon-color-field{border:1px solid var(--border);border-radius:.7rem;align-items:center;gap:.75rem;width:max-content;padding:.65rem .75rem;display:flex}.app-icon-color-field input{background:0 0;border:0;width:2.5rem;height:2rem;padding:0}.app-icon-color-field span{font-size:.8rem;font-weight:700}.app-icon-plan{border-top:1px solid var(--border);padding:1rem}.app-icon-plan>div:first-child{align-items:center;gap:.65rem;display:flex}.app-icon-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.9rem;display:grid}.app-icon-plan-grid span,.app-icon-download-row span{gap:.15rem;min-width:0;display:grid}.app-icon-plan-grid span{border:1px solid var(--border);border-radius:.7rem;padding:.75rem}.app-icon-plan-grid b,.app-icon-download-row strong{overflow-wrap:anywhere;font-size:.8rem}.app-icon-plan-grid small,.app-icon-download-row small{color:var(--muted-foreground);font-size:.68rem}.app-icon-action{border-top:1px solid var(--border);padding:1rem}.app-icon-action .convert-button{width:100%}.app-icon-results{border-top:1px solid var(--foreground);padding:1rem}.app-icon-result-heading{align-items:center;gap:.8rem;display:flex}.app-icon-zip-button{width:100%;margin-top:1rem}.app-icon-download-list{gap:.55rem;margin-top:1rem;display:grid}.app-icon-download-row{border:1px solid var(--border);border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .75rem;display:flex}.app-icon-another{margin-top:.75rem}@media (width<=760px){.app-icon-controls{grid-template-columns:1fr}.app-icon-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.app-icon-ready{align-items:flex-start}.app-icon-preview-card{width:5rem;height:5rem}.app-icon-plan-grid{grid-template-columns:1fr}.app-icon-download-row{flex-direction:column;align-items:stretch}.app-icon-download-row .inline-flex{width:100%}}.crop-file-ready{min-height:auto;margin-bottom:0}.crop-workspace{border-top:1px solid var(--border);background:color-mix(in oklab, var(--foreground) 5%, var(--paper));padding:1.25rem}.crop-stage-wrap{justify-content:center;display:flex;overflow:hidden}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;line-height:0;display:inline-block;position:relative}.crop-stage>img{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}.crop-shade{display:none}.crop-selection{z-index:2;cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000094,inset 0 0 0 1px #00000059}.crop-grid{z-index:1;pointer-events:none;background:#ffffff6b;position:absolute}.crop-grid-v{width:1px;top:0;bottom:0}.crop-grid-h{height:1px;left:0;right:0}.crop-grid-v1{left:33.333%}.crop-grid-v2{left:66.666%}.crop-grid-h1{top:33.333%}.crop-grid-h2{top:66.666%}.crop-handle{z-index:3;border:2px solid var(--foreground);touch-action:none;background:#fff;border-radius:999px;width:1rem;height:1rem;padding:0;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.crop-handle-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.crop-handle-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.crop-handle-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-hint{color:var(--muted-foreground);text-align:center;margin-top:.75rem;font-size:.72rem}.crop-controls{border-top:1px solid var(--foreground);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(11rem,.75fr);display:grid}.crop-aspect-panel{border-right:1px solid var(--foreground);min-width:0;padding:.85rem 1rem}.crop-aspects{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.65rem;display:grid}.crop-aspect{min-width:0;box-shadow:none;font-size:.72rem}.crop-aspect-active{border-color:var(--foreground);background:var(--mint);color:var(--foreground)}@media (width<=800px){.crop-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crop-controls .convert-button{grid-column:1/-1}}@media (width<=520px){.crop-workspace{padding:.75rem}.crop-stage>img{max-height:52vh}.crop-controls{grid-template-columns:minmax(0,1fr)}.crop-aspect-panel{border-right:0;border-bottom:1px solid var(--border)}.crop-aspects{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-controls .convert-button{grid-column:auto}}.crop-selection:focus-visible,.crop-handle:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.favicon-ready{align-items:center;gap:1rem;padding:1rem;display:flex}.favicon-preview-card{border:1px solid var(--border);background:linear-gradient(45deg,#0000000d 25%,#0000 25%) 0 0/16px 16px,linear-gradient(45deg,#0000 75%,#0000000d 75%) 0 0/16px 16px,linear-gradient(45deg,#0000 75%,#0000000d 75%) 8px -8px/16px 16px,linear-gradient(45deg,#0000000d 25%,#fff 25%) 8px 8px/16px 16px;border-radius:.8rem;flex:none;place-items:center;width:6rem;height:6rem;display:grid;overflow:hidden}.favicon-preview-card img{object-fit:contain;width:100%;height:100%}.favicon-plan{border-top:1px solid var(--foreground);padding:1rem}.favicon-plan>div:first-child{align-items:center;gap:.65rem;display:flex}.favicon-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.9rem;display:grid}.favicon-plan-grid span,.favicon-download-row span{gap:.15rem;min-width:0;display:grid}.favicon-plan-grid span{border:1px solid var(--border);border-radius:.7rem;padding:.75rem}.favicon-plan-grid b,.favicon-download-row strong{overflow-wrap:anywhere;font-size:.8rem}.favicon-plan-grid small,.favicon-download-row small{color:var(--muted-foreground);font-size:.68rem}.favicon-action{border-top:1px solid var(--border);padding:1rem}.favicon-action .convert-button{width:100%}.favicon-results{border-top:1px solid var(--foreground);padding:1rem}.favicon-result-heading{align-items:center;gap:.8rem;display:flex}.favicon-download-list{gap:.55rem;margin-top:1rem;display:grid}.favicon-download-row{border:1px solid var(--border);border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .75rem;display:flex}.favicon-another{margin-top:.75rem}@media (width<=720px){.favicon-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.favicon-ready{align-items:flex-start}.favicon-preview-card{width:4.5rem;height:4.5rem}.favicon-plan-grid{grid-template-columns:minmax(0,1fr)}.favicon-download-row{flex-direction:column;align-items:stretch}.favicon-download-row .inline-flex{width:100%}}.pdf-drop{padding:2rem 1rem}.pdf-file-list{border-top:1px solid var(--border);gap:.65rem;padding:1rem;display:grid}.pdf-file-row{border:1px solid var(--border);background:var(--background);border-radius:.8rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.pdf-file-index{border:1px solid var(--border);border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:800;display:grid}.pdf-file-meta{flex:1;min-width:0}.pdf-file-meta strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pdf-file-meta small{color:var(--muted-foreground);margin-top:.2rem;display:block}.pdf-file-actions{gap:.25rem;display:flex}.pdf-settings{border-top:1px solid var(--foreground);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.pdf-setting{gap:.6rem;display:grid}.pdf-choice-row{flex-wrap:wrap;gap:.45rem;display:flex}.pdf-choice-active{border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}.pdf-action{border-top:1px solid var(--border);padding:1rem}.pdf-result{border-top:1px solid var(--foreground);align-items:center;gap:1rem;padding:1rem;display:flex}.pdf-result>div{flex:1;min-width:0}.pdf-empty-note{color:var(--muted-foreground);padding:0 1rem 1rem;font-size:.8rem}.pdf-add-more{border-top:1px solid var(--border);padding:1rem}.pdf-error{border-top:1px solid var(--border);color:var(--destructive);padding:1rem;font-size:.9rem;font-weight:700}@media (width<=760px){.pdf-settings{grid-template-columns:1fr}.pdf-file-row{align-items:flex-start}.pdf-file-actions{flex-wrap:wrap;justify-content:flex-end}.pdf-result{flex-direction:column;align-items:flex-start}.pdf-result .download-button{width:100%}}