:root{color-scheme:light;--bg: #fafafa;--card: #ffffff;--panel: #fafafa;--input: #ffffff;--text: #111111;--subtext: #999999;--muted: #bbbbbb;--border: #e5e5e5;--button: #111111;--button-text: #ffffff;--shadow: 0 16px 40px rgba(0, 0, 0, .04);--danger: #111111}:root[data-theme=dark]{color-scheme:dark;--bg: #111111;--card: #1c1c1c;--panel: #252525;--input: #252525;--text: #f5f5f5;--subtext: #aaaaaa;--muted: #777777;--border: #333333;--button: #f5f5f5;--button-text: #111111;--shadow: 0 16px 44px rgba(0, 0, 0, .24);--danger: #f5f5f5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif;letter-spacing:-.2px}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px}.card{width:100%;max-width:520px;display:flex;flex-direction:column;gap:14px;padding:22px 20px;border:.5px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.page-footer{width:100%;max-width:520px;margin:0;color:var(--muted);font-size:11px;line-height:1.4;text-align:center}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:var(--button);position:relative}.logo:before{content:"";position:absolute;width:14px;height:9px;border:2px solid var(--button-text);border-bottom:0;border-radius:8px 8px 0 0;left:10px;top:7px}.logo:after{content:"";position:absolute;width:16px;height:13px;border-radius:3px;background:var(--button-text);left:9px;bottom:7px}h1{margin:0;font-size:17px;font-weight:600;color:var(--text)}.brand p{margin:3px 0 0;font-size:12px;color:var(--subtext)}.top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.divider{width:100%;height:.5px;background:var(--border)}.theme-toggle,.tabs,.expire-options{display:flex;gap:6px;width:100%}.theme-toggle{width:auto;padding:3px;border:.5px solid var(--border);border-radius:999px;background:var(--panel)}.theme-toggle button,.tabs button,.expire-options button{border:.5px solid var(--border);background:var(--input);color:var(--subtext);cursor:pointer}.theme-toggle button{min-width:46px;padding:5px 8px;border:0;border-radius:999px;font-size:11px;background:transparent}.theme-toggle button.active,.tabs button.active,.expire-options button.active{border-color:var(--button);background:var(--button);color:var(--button-text)}.tabs button{flex:1;padding:10px 0;border-radius:10px;font-size:13px;font-weight:600}.login-box,.upload-box,.done-box,.view-box,.state-box{display:flex;flex-direction:column;gap:12px;width:100%}.section-title{margin:0;color:var(--text);font-size:13px;font-weight:600}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted,.hint{color:var(--subtext);font-size:12px}.hint{margin:0;line-height:1.5}.input,.textarea{width:100%;border:.5px solid var(--border);border-radius:9px;background:var(--input);color:var(--text);outline:none}.input{min-height:38px;padding:9px 11px;font-size:13px}.textarea{min-height:170px;padding:12px;resize:vertical;line-height:1.55;font-size:13px}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.textarea:focus{border-color:var(--button)}.soft-panel,.image-panel,.expire-panel{width:100%;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--panel)}.rules-list{display:flex;flex-direction:column;gap:7px}.rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:6px;align-items:center}.arrow{color:var(--muted);font-size:13px}.mini-actions{display:flex;gap:7px}.primary-button,.secondary-button,.ghost-button,.icon-button,.link-box{border:0;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center}.primary-button{width:100%;min-height:43px;padding:11px 14px;background:var(--button);color:var(--button-text);font-size:14px;font-weight:600}.secondary-button{width:100%;min-height:40px;padding:10px 14px;border:.5px solid var(--border);background:var(--input);color:var(--text);font-size:13px}.primary-button.small,.secondary-button.small{width:auto;min-height:31px;padding:7px 12px;border-radius:8px;font-size:12px}.ghost-button{padding:0;background:transparent;color:var(--muted);font-size:12px}.icon-button{padding:5px 6px;border:.5px solid transparent;background:transparent;color:var(--subtext);font-size:11px;white-space:nowrap}.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:default}.error-text{margin:-2px 0 0;color:var(--danger);font-size:12px}.preview-box,.content-box{width:100%;margin:0;padding:13px;border:.5px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);white-space:pre-wrap;word-break:break-word;line-height:1.6;font-size:13px}.preview-box{max-height:220px;overflow:auto}.content-box{max-height:65vh;overflow:auto}.upload-label{display:flex;align-items:center;justify-content:center;min-height:76px;border:.5px dashed var(--border);border-radius:12px;background:var(--input);color:var(--subtext);cursor:pointer;font-size:13px}.upload-label input{display:none}.image-list,.view-images{display:flex;flex-direction:column;gap:8px}.image-row{display:flex;align-items:center;gap:8px;padding:8px;border:.5px solid var(--border);border-radius:10px;background:var(--input)}.image-row img{width:50px;height:50px;flex:0 0 auto;border-radius:8px;object-fit:cover;background:var(--panel)}.image-row span{min-width:0;flex:1;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.expire-options button{flex:1;padding:9px 4px;border-radius:10px;font-size:12px;font-weight:600}.done-title{margin:0;color:var(--text);font-size:16px;font-weight:600}.link-box{display:block;width:100%;padding:11px 12px;border:.5px solid var(--border);background:var(--panel);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;word-break:break-all}.toast{position:fixed;left:50%;bottom:28px;z-index:10;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:var(--button);color:var(--button-text);box-shadow:var(--shadow);font-size:13px}.view-image-card{display:flex;flex-direction:column;gap:8px}.view-image-card img{display:block;width:100%;max-height:70vh;object-fit:contain;border:.5px solid var(--border);border-radius:12px;background:var(--panel)}@media (max-width: 520px){.page{align-items:center;justify-content:flex-start;padding:14px 12px}.card{padding:18px 16px;border-radius:14px}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end;justify-content:flex-start}.theme-toggle{width:auto}.theme-toggle button{flex:0 0 auto}.rule-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.image-row{display:grid;grid-template-columns:50px 1fr auto}.image-row .icon-button:nth-of-type(1),.image-row .icon-button:nth-of-type(2){display:none}}