:root{--primary:#854c30;--primary-hover:#5c3521;--secondary:#d8c6a1;--background:#fdf6e3;--text-main:#3b2f2f;--text-muted:#5c4b3b;--glass-bg:#ffffff4d;--glass-border:#fff6;--shadow:0 4px 12px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Potta One,Arial,sans-serif;display:flex}main{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--shadow);text-align:center;border-radius:24px;width:100%;max-width:600px;padding:2.5rem;transition:transform .3s}h1{color:var(--text-main);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.8rem}p{color:var(--text-main);margin-bottom:1.5rem;line-height:1.6}.input-group{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-group label{color:var(--text-main);cursor:pointer;font-size:.95rem;font-weight:600;display:block}input,select,textarea{width:100%;color:var(--text-main);background:#ffffff4d;border:1px solid #3b2f2f4d;border-radius:12px;outline:none;padding:.8rem 1rem;font-family:Potta One,Arial,sans-serif;font-size:1rem;transition:background .2s}input:focus,select:focus,textarea:focus{background:#ffffff80}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem;font-family:Potta One,Arial,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:var(--text-main)}.btn-secondary:hover{background:#c5b38f}.btn:active{transform:scale(.98)}textarea{resize:vertical}.mt-4{margin-top:1rem}.preview{width:100%;max-width:360px;box-shadow:var(--shadow);border:1px solid #3b2f2f33;border-radius:12px;margin:0 auto}.flex{display:flex}.gap-3{gap:.75rem}.items-center{align-items:center}.mb-0{margin-bottom:0!important}nav{justify-content:center;gap:1rem;padding:1rem;display:flex}nav a{color:var(--text-main);border-radius:12px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s}nav a:hover{text-decoration:underline}nav a.active{background:var(--glass-bg);box-shadow:var(--shadow)}footer{text-align:center;color:var(--text-main);padding:2rem;font-size:.9rem}footer a{color:var(--text-main);text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width:480px){.glass-card{padding:1.5rem}h1{font-size:1.6rem}}.error-page{background:var(--background);color:var(--text-main);text-align:center;z-index:9999;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;padding:2rem;font-family:Yu Mincho,Hiragino Mincho ProN,serif;display:flex;position:fixed;inset:0}.error-page h1{letter-spacing:.15em;margin-bottom:.3em;font-size:clamp(3rem,10vw,5rem)}.error-page .back-btn{background-color:var(--secondary);color:var(--text-main);box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:12px;margin-top:2rem;padding:.75em 2em;font-weight:700;text-decoration:none;transition:background .3s}.error-page .back-btn:hover{background-color:#c5b38f}.icon-small{width:20px!important;height:20px!important}.auto-width{width:auto!important}.block{display:block!important}.justify-center{justify-content:center}.error-msg{color:#b00020;margin-top:.5rem;font-weight:700}.output-area a{color:#6200ee;text-decoration:none}.output-area a:hover{text-decoration:underline}