body{padding-bottom:80px}.hint{color:var(--muted);margin:4px 0 12px;font-size:13px}.editor{grid-template-columns:300px 1fr;align-items:start;gap:16px;display:grid}.side{padding:14px;position:sticky;top:12px}.mods{gap:8px;margin-bottom:10px;display:flex}.mods button{flex:1}.mods button.on{background:linear-gradient(180deg, #fff6c8, var(--sun))}.steps{margin:0;padding-left:22px}.steps li{cursor:pointer;border-radius:10px;padding:6px 8px;font-size:14px;font-weight:600;line-height:1.3}.steps li::marker{font:800 14px var(--fun);color:var(--edge)}.steps li small{color:var(--muted);font-size:12px;font-weight:500;display:block}.steps li small b{color:#a66d00}.steps li:hover{background:var(--cream2)}.steps li.on{box-shadow:inset 0 0 0 2px var(--sun);background:#fff1b8}.io{border-top:2px dashed #d9c58e;gap:8px;margin-top:12px;padding-top:12px;display:grid}.file-btn{text-align:center;font:700 15px var(--fun);border:3px solid var(--edge);background:linear-gradient(180deg, #fff, var(--cream2));box-shadow:0 3px 0 var(--edge);cursor:pointer;border-radius:14px;padding:5px 14px;position:relative}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.body .head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.body h2{margin:0}.body .head small{color:var(--muted)}button:disabled{opacity:.45;cursor:default}.q{background:#fffdf6;border:2px solid #d9c58e;border-radius:16px;margin-bottom:14px;padding:12px 14px}.q-head{font-family:var(--fun);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.q-head span{gap:6px;display:flex}.q-head button{padding:0 9px;font-size:14px}.q textarea{border:2px solid var(--edge);resize:vertical;width:100%;color:var(--ink);border-radius:12px;padding:8px 10px;font:500 15px Poppins,sans-serif}.q textarea[data-f=explain]{background:#f6fbf8;border-color:#9cb8ac;font-size:13px}.opts{gap:6px;margin:8px 0;display:grid}.opt{border-radius:12px;align-items:center;gap:8px;padding:4px 8px;display:flex}.opt.right{background:#dcf8e7}.opt input[type=radio]{accent-color:#1f8a52;flex:none;width:20px;height:20px}.opt input[type=text]{flex:1;padding:6px 10px;font-size:14px}.opt button{box-shadow:none;border-width:2px;padding:0 8px;font-size:13px}.addopt{justify-self:start;padding:2px 10px;font-size:13px}.add{border-style:dashed;width:100%;padding:10px;font-size:17px}.none{color:var(--muted);text-align:center;background:var(--cream2);border-radius:14px;padding:14px}.savebar{background:var(--edge);color:#fff;justify-content:center;align-items:center;gap:12px;padding:12px;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0003}.savebar .primary{font-size:17px}@media (width<=800px){.editor{grid-template-columns:1fr}.side{position:static}}