:root{--moss-900: #23301f;--moss-700: #3c5233;--moss-500: #5a7a4e;--moss-300: #9db98f;--moss-100: #e8efe3;--cream: #faf8f2;--white: #ffffff;--text: #2b2f28;--text-sub: #6d746a;--danger: #c0392b;--radius: 16px}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--moss-100),var(--cream) 60%)}.login-card{width:100%;max-width:380px;background:var(--white);border-radius:24px;padding:36px 28px;text-align:center;box-shadow:0 8px 32px #3c52331f}.login-card .logo{font-size:44px}.login-card h1{font-size:22px;margin:12px 0 6px;color:var(--moss-900)}.login-desc{font-size:14px;color:var(--text-sub);margin:0 0 24px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input{padding:14px 16px;border:1.5px solid var(--moss-300);border-radius:12px;font-size:16px;text-align:center;outline:none}.login-card input:focus{border-color:var(--moss-500)}button,.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .05s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--moss-700);color:var(--white)}.btn.ghost{background:var(--moss-100);color:var(--moss-700)}.btn.insta{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:var(--white)}.btn.big{width:100%;padding:15px 18px;font-size:16px}.error{color:var(--danger);font-size:14px;margin:10px 0 0}.app{min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--moss-900);color:var(--white)}.logo-sm{font-size:28px}.header h1{font-size:18px;margin:0}.header p{font-size:13px;margin:2px 0 0;color:var(--moss-300)}.layout{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;max-width:560px;width:100%;margin:0 auto}.card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:0 2px 12px #3c523312}.card h2{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 14px;color:var(--moss-900)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--moss-700);color:var(--white);font-size:13px;flex-shrink:0}.dropzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;border:2px dashed var(--moss-300);border-radius:var(--radius);background:var(--moss-100);color:var(--moss-700);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.dropzone-icon{font-size:36px}.dropzone-sub{font-size:12px;font-weight:400;color:var(--text-sub)}.preview{display:flex;flex-direction:column;gap:10px}.preview img,.preview video{display:block;width:auto;height:auto;max-width:100%;max-height:420px;margin:0 auto;border-radius:12px}.label{font-size:13px;font-weight:600;color:var(--text-sub);margin:14px 0 8px}.label:first-of-type{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{user-select:none;-webkit-user-select:none;padding:8px 14px;border-radius:999px;border:1.5px solid var(--moss-300);background:var(--white);color:var(--moss-700);font-size:14px;font-family:inherit;cursor:pointer}.chip.on{background:var(--moss-700);border-color:var(--moss-700);color:var(--white);font-weight:600}.text-input{width:100%;padding:12px 14px;border:1.5px solid var(--moss-300);border-radius:12px;font-size:15px;font-family:inherit;outline:none;margin-bottom:16px}.text-input:focus{border-color:var(--moss-500)}.caption-box{width:100%;padding:14px;border:1.5px solid var(--moss-300);border-radius:12px;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical;outline:none}.caption-box:focus{border-color:var(--moss-500)}.btn-row{display:flex;gap:10px;margin-top:12px}.guide{margin:16px 0 0;padding:14px 14px 14px 32px;background:var(--moss-100);border-radius:12px;font-size:14px;line-height:1.9;color:var(--moss-900)}.placeholder{color:var(--text-sub);font-size:14px;line-height:1.7;margin:0}.footer{text-align:center;font-size:12px;color:var(--text-sub);padding:20px 0 28px}@media(min-width:900px){.header{padding:22px 32px}.layout{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"upload options" "upload caption";align-items:start;gap:20px;padding:24px}.card:nth-child(1){grid-area:upload;position:sticky;top:24px}.card:nth-child(2){grid-area:options}.card:nth-child(3){grid-area:caption}.preview img,.preview video{max-height:560px}}