*{box-sizing:border-box;min-width:0;margin:0;padding:0}[hidden]{display:none!important}html{text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-primary);min-height:100dvh;color:var(--text-primary);font-family:var(--ff-base);accent-color:var(--accent);flex-direction:column;font-size:.94rem;display:flex}::selection{background:var(--selection-bg);color:var(--selection-text)}a{color:inherit}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ap-visually-hidden{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ap-skip-link{z-index:10;border-radius:var(--button-radius);background:var(--bg-primary);color:var(--text-primary);border:var(--border-width-hairline) solid var(--border-primary);padding:.6rem .9rem;text-decoration:none;transition:transform .15s;position:absolute;top:.75rem;left:.75rem;transform:translateY(-160%)}.ap-skip-link:focus-visible{transform:translateY(0)}.ap-app{flex-direction:column;flex:1;min-height:0;display:flex}.ap-topbar{justify-content:space-between;align-items:center;gap:var(--space-m);padding:var(--space-s) var(--space-l);border-bottom:var(--border-width-hairline) solid var(--border-primary);display:flex}.ap-back{font-size:.78rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;color:var(--text-secondary);text-decoration:none}.ap-back:hover{color:var(--text-primary)}.ap-toolname{font-family:var(--ff-heading);font-weight:var(--font-weight-heading);letter-spacing:-.01em;font-size:.95rem}.ap-theme-toggle{width:2rem;height:2rem}.ap-theme-toggle svg{width:100%;height:100%}.ap-layout{flex:1;grid-template-columns:minmax(280px,360px) 1fr;min-height:0;display:grid}.ap-controls{border-right:var(--border-width-hairline) solid var(--border-primary);flex-direction:column;max-height:calc(100dvh - 3.6rem);display:flex;position:sticky;top:0}.ap-form{padding:var(--space-l);gap:var(--space-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ap-section{gap:var(--space-s);flex-direction:column;display:flex}.ap-section h2{font-size:.7rem;font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.ap-hint{color:var(--text-tertiary);font-size:.76rem;line-height:1.5}.ap-dropzone{gap:var(--space-3xs);padding:var(--space-m);border:1px dashed var(--border-secondary);border-radius:var(--radius-card);cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s;display:flex}.ap-dropzone:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ap-app.is-dragging .ap-dropzone{border-color:var(--text-primary);background:var(--hover-background)}@media (hover:hover){.ap-dropzone:hover{border-color:var(--text-secondary)}}.ap-dropzone-title{font-size:.86rem;font-weight:var(--font-weight-medium)}.ap-filemeta{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.76rem}.ap-textarea{resize:vertical;width:100%;padding:var(--space-xs) var(--space-s);border:var(--border-width-hairline) solid var(--border-primary);border-radius:var(--radius-card);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.88rem;line-height:1.5}.ap-field{gap:var(--space-3xs);flex-direction:column;display:flex}.ap-field.is-disabled{opacity:.4;pointer-events:none}.ap-field-label{justify-content:space-between;align-items:baseline;gap:var(--space-xs);font-size:.8rem;display:flex}.ap-field-label output{font-variant-numeric:tabular-nums;color:var(--text-secondary)}input[type=range]{appearance:none;background:0 0;width:100%;height:1.25rem}input[type=range]::-webkit-slider-runnable-track{background:var(--border-secondary);height:2px}input[type=range]::-moz-range-track{background:var(--border-secondary);height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--border-secondary);margin-top:-6px;transition:transform .15s}input[type=range]::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--bg-primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--border-secondary);border-radius:0;transition:transform .15s}input[type=range]:focus-visible::-webkit-slider-thumb{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (hover:hover){input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}}.ap-color-grid{gap:var(--space-s);grid-template-columns:repeat(2,1fr);display:grid}.ap-color-field{justify-content:space-between;align-items:center;gap:var(--space-xs);font-size:.82rem;display:flex}.ap-color-field.is-disabled{opacity:.4}.ap-color-field input[type=color]{appearance:none;border:var(--border-width-hairline) solid var(--border-primary);border-radius:var(--button-radius);cursor:pointer;background:0 0;width:2.1rem;height:2.1rem;padding:0}.ap-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.ap-color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.ap-color-field input[type=color]:disabled{cursor:not-allowed}.ap-checkbox-field{align-items:center;gap:var(--space-2xs);color:var(--text-secondary);font-size:.82rem;display:flex}.ap-actions{gap:var(--space-xs) var(--space-s);padding:var(--space-m) var(--space-l);border-top:var(--border-width-hairline) solid var(--border-primary);background:var(--bg-primary);grid-template-columns:1fr 1fr;display:grid}.ap-actions .ui-button{min-height:2.5rem}.ap-actions .ap-action-wide{grid-column:1/-1}.ap-stage{align-items:center;gap:var(--space-s);flex-direction:column;min-height:0;padding:clamp(1rem,3vw,2rem);display:flex}.ap-canvas-frame{border:var(--border-width-hairline) solid var(--border-primary);background:#fff;flex:1;justify-content:center;align-items:center;width:100%;min-height:16rem;display:flex;position:relative}.ap-app.is-dragging .ap-canvas-frame{border:1px dashed var(--text-primary)}.ap-canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ap-empty-state{padding:var(--space-xl);text-align:center;color:#8a8a8a;max-width:22ch;font-size:.86rem}.ap-stamp{letter-spacing:.04em;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.7rem}@media (width<=860px){.ap-layout{grid-template-columns:1fr;grid-auto-rows:auto}.ap-controls{border-right:none;border-bottom:var(--border-width-hairline) solid var(--border-primary);max-height:none;position:static}.ap-form{padding:var(--space-m);overflow-y:visible}.ap-actions{position:sticky;bottom:0}.ap-canvas-frame{flex:none;min-height:60dvh}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}