@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-gradient: radial-gradient(circle at top right, #1a202c, #0d1117);--text-color: #f8fafc;--header-bg: rgba(30, 41, 59, .6);--header-border: rgba(255, 255, 255, .08);--toolbar-bg: rgba(15, 23, 42, .4);--btn-text: #94a3b8;--btn-hover-bg: rgba(255, 255, 255, .1);--btn-hover-text: #f8fafc;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .2);--primary-border: rgba(59, 130, 246, .3);--primary-border-hover: rgba(59, 130, 246, .6);--primary-tint: rgba(59, 130, 246, .15);--primary-tint-hover: rgba(59, 130, 246, .25);--primary-light: #60a5fa}@media (prefers-color-scheme: light){:root{--bg-gradient: radial-gradient(circle at top right, #f8fafc, #e2e8f0);--text-color: #0f172a;--header-bg: rgba(255, 255, 255, .7);--header-border: rgba(0, 0, 0, .08);--toolbar-bg: rgba(241, 245, 249, .8);--btn-text: #64748b;--btn-hover-bg: rgba(0, 0, 0, .05);--btn-hover-text: #0f172a;--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .1);--primary-border: rgba(37, 99, 235, .3);--primary-border-hover: rgba(37, 99, 235, .6);--primary-tint: rgba(37, 99, 235, .08);--primary-tint-hover: rgba(37, 99, 235, .15);--primary-light: #2563eb}}.share-page-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-gradient);color:var(--text-color);font-family:Inter,-apple-system,sans-serif;overflow:hidden;transition:background .3s ease,color .3s ease}.glass-panel{background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--header-border);transition:background .3s ease,border-bottom .3s ease}.share-header{display:flex;justify-content:center;align-items:center;padding:4px 16px;box-shadow:0 2px 12px #0000001a;z-index:10;position:relative}.logo-section{position:absolute;left:24px;display:flex;align-items:center}.logo{font-size:1rem;font-weight:800;margin:0;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.toolbar{display:flex;gap:8px;background:var(--toolbar-bg);padding:4px;border-radius:10px;transition:background .3s ease}.tool-btn{position:relative;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--btn-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.tool-btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text);transform:translateY(-2px)}.tool-btn.active{background:var(--primary-tint);color:var(--primary-light);border:1.5px solid var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.share-main{flex:1;display:flex;justify-content:center;align-items:center;padding:24px}.canvas-wrapper{position:relative;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}#cropCanvas{display:block;max-width:100%;max-height:calc(100vh - 100px);object-fit:contain}.hidden{display:none!important}#textOverlay{position:absolute;background:transparent;border:1px dashed var(--primary);color:red;font-size:26px;font-weight:700;line-height:30px;font-family:sans-serif;resize:none;overflow:hidden;outline:none;z-index:100;padding:0;margin:0;white-space:pre}.update-action-container{position:absolute;right:24px;display:flex;align-items:center}.update-btn{background:var(--primary-tint);color:var(--primary-light);border:1px solid var(--primary-border);padding:6px 14px;border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px var(--primary-glow);transition:all .2s cubic-bezier(.4,0,.2,1)}.copy-link-btn{display:flex;align-items:center;background:var(--toolbar-bg);color:var(--btn-text);border:1px solid var(--header-border);padding:6px 14px;border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.copy-link-btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-text)}.copy-link-btn.copied{background:rgba(16,185,129,.15);color:#34d399;border-color:#10b9814d}@media (prefers-color-scheme: light){.copy-link-btn.copied{background:rgba(16,185,129,.1);color:#059669;border-color:#10b98133}}@keyframes checkmarkPop{0%{transform:scale(.6) rotate(-15deg);opacity:0}70%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.copied-icon{animation:checkmarkPop 1.5s cubic-bezier(.22,1,.36,1) forwards}.update-btn:hover{background:var(--primary-tint-hover);border:1px solid var(--primary-border-hover);box-shadow:0 4px 12px var(--primary-glow)}.last-shot-banner{background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;z-index:20}.close-banner-btn{background:transparent;border:none;color:#fca5a5;font-size:1.2rem;cursor:pointer;padding:0 4px}.close-banner-btn:hover{color:#fecaca}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--header-bg);border:1px solid var(--header-border);padding:40px;border-radius:16px;max-width:400px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0003}.not-found-icon{color:var(--primary);margin-bottom:16px}.not-found-container h2{margin:0 0 12px;font-size:1.5rem;color:var(--text-color)}.not-found-container p{color:var(--btn-text);margin:0 0 24px;line-height:1.5}.home-link{background:var(--primary);color:#fff;text-decoration:none;padding:10px 20px;border-radius:99px;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 4px 12px var(--primary-glow)}.home-link:hover{background:var(--primary-light);transform:translateY(-2px)}*{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}