:root{--color-bg: #f0f2f5;--color-foreground: #333;--color-primary: #4a90e2;--color-primary-dark: #357ab8;--color-error: #d32f2f}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-foreground)}.app{padding:16px}.page{background:#fff;box-shadow:0 2px 8px #0000001a;border-radius:8px}.container{display:flex;gap:24px;flex-wrap:wrap}.left,.right{flex:1;min-width:320px}.biodata-form{max-width:800px;margin:0 auto}.biodata-form .field{margin-bottom:16px}.biodata-form label{display:block;font-weight:700;margin-bottom:4px}.biodata-form input,.biodata-form textarea,.biodata-form select{width:100%;padding:8px 10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:1rem}.biodata-form input:focus,.biodata-form textarea:focus,.biodata-form select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.biodata-preview{border:1px solid #ccc;padding:16px;background:#fff}.buttons{margin-top:16px;display:flex;gap:8px}button{padding:10px 20px;cursor:pointer;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;transition:background-color .2s}button:hover{background-color:var(--color-primary-dark)}button:disabled{background-color:#999;cursor:not-allowed}.page{max-width:800px;margin:0 auto;padding:16px}.form-page .buttons,.preview-page .buttons{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.form-page,.preview-page{padding:32px 24px}.language-switcher{margin-bottom:16px;display:flex;align-items:center;gap:8px}.language-switcher select{padding:6px 10px;border-radius:4px;border:1px solid #ccc}.field-list{margin-top:12px}.field select{max-width:200px}.field-list .list-item{display:flex;gap:8px;align-items:center;margin-bottom:4px}.field-list textarea,.field-list input{flex:1}.biodata-preview{border:1px solid #ccc;padding:24px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;max-width:800px;margin:0 auto}.biodata-template-classic{background:#fff url(/templates/classic.png) center/cover no-repeat}.biodata-template-modern{background:linear-gradient(135deg,#fafafa 25%,#e3f2fd)}.biodata-template-floral{background:url(/templates/floral.png) center/cover no-repeat}.biodata-preview h2{margin-top:0;font-size:1.8rem;text-align:center}.preview-section strong{display:block;font-size:1.1rem;margin-bottom:4px}.section-edit{border:1px dashed #aaa;padding:12px;margin-top:16px;border-radius:4px}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-weight:700;flex:1;padding:4px}.section-controls button{margin-left:4px}.preview-section{margin-top:16px}.invalid{border-color:red}.landing .hero{text-align:center;padding:40px 20px}.landing .features{margin-top:32px}.landing .features ul{list-style:disc inside;max-width:600px;margin:0 auto}.error{color:red;font-size:.875rem;margin-top:4px}.app-header{background:#4a90e2;color:#fff;padding:12px 24px}.app-header .header-content{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto}.app-header .app-title a{color:#fff;text-decoration:none}.app-footer{background:#f0f2f5;padding:12px 24px;text-align:center;margin-top:32px;font-size:.85rem;color:#666}._ReactTransliterate_136pa_1{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 6px 12px #0000002d;display:block;font-size:14px;list-style:none;padding:1px;text-align:left;z-index:20000;width:100%}._ReactTransliterate_136pa_1>li{cursor:pointer;padding:10px;min-width:100px}._Active_136pa_21{background-color:#65c3d7;color:#fff}