*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f2f2f2;background:#111214;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:1rem 1rem 2.5rem;display:flex}.header-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.app-header h1{align-items:center;gap:.35rem;margin:0 0 .25rem;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2.5rem;font-weight:700;display:flex}.title-emoji{font-size:1.35em;line-height:1}.header-actions{gap:.25rem;margin-bottom:.25rem;display:flex}.icon-button{color:#a0a0a6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.icon-button:hover{color:#f2f2f2;background:#1c1d20}.subtitle{color:#a0a0a6;margin:0;font-size:1.1rem}.hint{color:#a0a0a6;margin:0;font-size:.9rem}.plan-limit-banner{background:#18191c;border:1px solid #34353a;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.image-picker{gap:.5rem;display:flex}.image-picker .primary-button,.image-picker .secondary-button{flex:1}.signin-gate{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.primary-button{color:#2b1d00;cursor:pointer;background:#ffd23f;border:none;border-radius:999px;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;transition:transform .15s}.primary-button:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg)}.primary-button:active:not(:disabled){transform:translateY(0)rotate(0)scale(.97)}.primary-button:disabled{opacity:.5;cursor:default}.canvas-sizer{justify-content:center;display:flex}.canvas-stack{touch-action:none;background:#000;border-radius:18px;position:relative;overflow:hidden}.zoom-layer{transform-origin:0 0}.zoom-reset-button{z-index:3;color:#f2f2f2;cursor:pointer;background:#111214d9;border:1px solid #34353a;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;position:absolute;bottom:.6rem;right:.6rem}.image-canvas{touch-action:none;display:block}.image-canvas--disabled{pointer-events:none}.analyzing-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;text-align:center;z-index:2;background:#0a0a0cc7;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0}.crop-overlay{pointer-events:none;position:absolute;inset:0}.crop-box{pointer-events:auto;touch-action:none;cursor:move;background:#ffd23f2e;border:2px solid #ffd23f;position:absolute}.crop-handle{pointer-events:auto;touch-action:none;width:28px;height:28px;margin:-14px;position:absolute}.crop-handle:after{content:"";background:#ff8c42;border:2px solid #0b0b0c;border-radius:50%;position:absolute;inset:9px}.crop-handle--nw{cursor:nwse-resize;top:0;left:0}.crop-handle--ne{cursor:nesw-resize;top:0;left:auto;right:0}.crop-handle--sw{cursor:nesw-resize;top:auto;bottom:0;left:0}.crop-handle--se{cursor:nwse-resize;inset:auto 0 0 auto}.capture-marker{cursor:pointer;touch-action:none;background:#ffd23f14;border:2px solid #ffd23f8c;border-radius:4px;position:absolute}.capture-marker--loading{opacity:.7;border-style:dashed}.capture-marker-delete{color:#f2f2f2;cursor:pointer;background:#111214e6;border:1px solid #34353a;border-radius:50%;width:20px;height:20px;font-size:.9rem;line-height:1;position:absolute;top:-10px;right:-10px}.loading-indicator{color:#fff;background:#000000a6;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.spinner--large{border-width:4px;width:36px;height:36px}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{flex-direction:column;gap:.5rem;display:flex}.result-actions{gap:.5rem;display:flex}.settings-body,.history-panel{background:#1c1d20;border:1px solid #34353a;border-radius:14px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.settings-row-button{color:#f2f2f2;cursor:pointer;text-align:left;background:0 0;border:1px solid #34353a;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.95rem;font-weight:600;display:flex}.settings-input{color:#f2f2f2;background:#111214;border:1px solid #34353a;border-radius:8px;width:100%;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.settings-actions{gap:.5rem;display:flex}.secondary-button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #34353a;border-radius:999px;padding:.75rem 1.25rem;font-size:1rem}.secondary-button:disabled{opacity:.5;cursor:default}.history-list{flex-direction:column;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-item{border-bottom:1px solid #262629;align-items:center;gap:.5rem;padding:.6rem 0;display:flex}.history-item:last-child{border-bottom:none}.history-item-text{min-width:0;color:inherit;text-align:left;cursor:pointer;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;flex:1;padding:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.history-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.history-item-time{color:#a0a0a6;white-space:nowrap;font-size:.75rem}.history-item-delete{color:#a0a0a6;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.1rem;line-height:1}.capture-list-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.capture-list-items{flex-direction:column;gap:.75rem;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.capture-list-item{flex-direction:column;gap:.4rem;display:flex}.capture-textbox{color:#f2f2f2;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;cursor:text;background:#1c1d20;border:1px solid #34353a;border-radius:14px;width:100%;max-height:8rem;padding:.75rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.4;overflow-y:auto}.capture-list-item-actions{align-items:center;gap:.5rem;display:flex}.history-item-delete:hover{color:#f2f2f2}.result-text-wrap{position:relative}.result-text,.result-display{color:#f2f2f2;box-sizing:border-box;white-space:pre;background:#1c1d20;border:1px solid #34353a;border-radius:14px;width:100%;padding:.75rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;line-height:1.4;overflow-x:auto}.result-text{resize:vertical}.result-text--hidden{opacity:0}.result-text--multiline{white-space:pre-wrap;overflow-x:hidden}.result-display{cursor:text;border-color:#0000;position:absolute;inset:0;overflow-y:auto}.char-digit{color:#ffb454}.char-symbol{color:#ff6ea8}.char-letter,.char-space{color:#f2f2f2}.join-toggle{gap:.5rem;display:flex}.toggle-btn{color:#a0a0a6;cursor:pointer;background:#1c1d20;border:1px solid #34353a;border-radius:999px;padding:.4rem .85rem;font-size:.85rem}.toggle-btn--active{color:#2b1d00;background:#ffd23f;border-color:#ffd23f;font-weight:600}
