*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fb;color:#182438}a{color:#1958c7;text-decoration:none}.wrap{max-width:1150px;margin:auto;padding:20px}header{background:#fff;border-bottom:1px solid #e2e8f0}.nav{display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:850;color:#18366b}.brand span{color:#2777ef}.hero{background:linear-gradient(125deg,#163c8a,#2679ec);color:white;text-align:center;padding:42px 25px;border-radius:20px;margin:22px 0}.hero h1{font-size:clamp(27px,5vw,43px);margin:0}.hero p{opacity:.92}.hero input{max-width:640px;margin:15px auto;background:#fff}.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.filters button{background:#ffffff25;border:1px solid #ffffff55}.filters button.active{background:#fff;color:#2059b5}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:17px}.tile,.panel{background:white;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 5px 22px #162d5310}.tile{padding:25px 19px;display:flex;flex-direction:column;gap:5px;color:#172943;transition:.2s}.tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #18366b22}.tileicon{font-size:28px;color:#2374ec}.tile small,.adminrow small{color:#64748b}.panel{padding:28px;margin:22px 0}.pill{background:#e8f1ff;color:#1958c7;border-radius:30px;padding:5px 12px;font-size:13px}input,textarea,select{display:block;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px;margin:8px 0 16px;background:white;color:#1e293b;font:inherit}textarea{min-height:145px;resize:vertical}label{display:block;font-weight:600}button,.btn{background:#236be4;color:white;border:0;border-radius:10px;padding:11px 17px;font:inherit;cursor:pointer;display:inline-block;margin:4px 5px 4px 0}button:hover{filter:brightness(.94)}button.muted{background:#64748b}.result{background:#f1f5fb;border:1px solid #dae3f2;padding:15px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:60px;margin-top:15px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:145px}.preview{max-width:100%;max-height:420px;display:block;margin:15px 0;border-radius:10px}.stats{display:flex;gap:12px;flex-wrap:wrap}.stats strong{background:#eaf1fc;padding:16px;border-radius:10px}.adminrow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;gap:12px}.adminrow span{display:flex;flex-direction:column}.adminrow button{min-width:90px}footer{text-align:center;color:#64748b;margin-top:40px;border-top:1px solid #e2e8f0}@media(max-width:600px){.wrap{padding:13px}.panel{padding:18px}.hero{padding:28px 15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:15px 11px}.tile b{font-size:14px}}
/* Phase 2: unique colorful tool widgets */
.tile{position:relative;overflow:hidden}.tile:before{content:"";position:absolute;right:-26px;top:-36px;width:115px;height:115px;border-radius:50%;background:hsl(var(--hue,220) 95% 95%);pointer-events:none}.tileicon{--hue:210;position:relative;display:grid;place-items:center;width:57px;height:57px;border-radius:17px;color:hsl(var(--hue) 78% 43%);background:linear-gradient(140deg,hsl(var(--hue) 90% 93%),hsl(var(--hue) 95% 85%));box-shadow:inset 0 0 0 1px hsl(var(--hue) 80% 78%);margin-bottom:9px}.tileicon svg{width:37px;height:37px}.tile{--hue:210}.tile:has(.tileicon){border-bottom:3px solid hsl(var(--hue) 75% 62%)}.tile .tileicon{--hue:inherit}.tile:hover .tileicon{transform:rotate(-5deg) scale(1.07);transition:transform .2s}.result a{display:inline-block;margin:6px}.panel h1{letter-spacing:-.03em}