:root{color:#f5f7ef;font-synthesis:none;text-rendering:optimizelegibility;background:#10110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#10110f;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}iframe{background:#050705;border:0;width:100%;height:100%;display:block}.app-shell{background:linear-gradient(135deg,#10110f 0%,#181915 48%,#101111 100%);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{pointer-events:none;content:"";background-image:radial-gradient(circle,#ffffff6b 0 1px,#0000 1.5px),radial-gradient(circle,#edb05d57 0 1px,#0000 1.5px);background-position:0 0,54px 88px;background-size:148px 148px,220px 220px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 78%);mask-image:linear-gradient(#000c,#0000 78%)}.workspace{z-index:1;width:min(1120px,100vw - 32px);min-height:100vh;margin:0 auto;padding:20px 0 240px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding-bottom:18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{color:#10110f;background:#f2c46d;border:1px solid #ffffff52;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:.92rem;font-weight:800;display:grid;box-shadow:0 10px 36px #f2c46d3d}.brand strong,.brand small{display:block}.brand strong{letter-spacing:0;font-size:1.3rem}.brand small{color:#c9d2c7;max-width:36ch;margin-top:2px;font-size:.82rem}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.control-button,.icon-button,.category-tab,.floating-panel-actions button,.floating-panel-actions a{color:#f7faef;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.control-button{gap:8px;min-height:40px;padding:0 12px}.icon-button{width:40px;height:40px}.control-button:hover,.icon-button:hover,.category-tab:hover,.floating-panel-actions button:hover,.floating-panel-actions a:hover{background:#ffffff29}.toolkit-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e110fc2;border:1px solid #ffffff26;border-radius:8px;padding:24px;box-shadow:0 24px 70px #00000047}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.eyebrow{color:#79dac5;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1{letter-spacing:0;max-width:13ch;margin:0;font-size:4.6rem;line-height:.92}.text-link{color:#10110f;background:#79dac5;border-radius:8px;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:.92rem;font-weight:800;display:inline-flex}.category-tabs{flex-wrap:wrap;gap:8px;padding-bottom:20px;display:flex}.category-tab{color:#dfe7da;min-height:36px;padding:0 12px;font-size:.9rem}.category-tab.active{color:#10110f;background:#f2c46d;border-color:#f2c46d}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tool-card{background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:auto 1fr;gap:12px;min-height:172px;padding:16px;transition:transform .16s,background .16s,border-color .16s;display:grid}.tool-card:hover{background:#ffffff1f;border-color:#79dac5a3;transform:translateY(-2px)}.tool-icon{color:#f2c46d;background:#f2c46d1f;border:1px solid #f2c46d3d;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.tool-content,.tool-title,.tool-description,.tool-category{display:block}.tool-title{color:#fff;justify-content:space-between;align-items:flex-start;gap:8px;font-weight:800;display:flex}.tool-description{color:#c9d2c7;margin-top:8px;font-size:.88rem;line-height:1.45}.tool-category{color:#8ee3d1;letter-spacing:0;text-transform:uppercase;margin-top:14px;font-size:.74rem;font-weight:800}.quick-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.quick-tile{text-align:left;color:#f7faef;cursor:pointer;background:#ffffff17;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:12px;min-height:78px;padding:14px 16px;display:flex}.quick-tile svg{color:#79dac5;flex:none}.quick-tile strong,.quick-tile small{display:block}.quick-tile small{color:#c9d2c7;margin-top:3px;font-size:.82rem}.floating-panel{z-index:5;background:#070907;border:1px solid #ffffff38;border-radius:8px;grid-template-rows:46px 1fr;min-width:280px;min-height:220px;display:grid;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 20px 60px #00000075}.floating-panel.interacting iframe{pointer-events:none}.floating-panel-header{color:#f7faef;cursor:grab;touch-action:none;background:linear-gradient(90deg,#1c241f,#262014);border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 8px 0 14px;display:flex}.floating-panel-header:active{cursor:grabbing}.floating-panel-header span{min-width:0}.floating-panel-header strong,.floating-panel-header small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.floating-panel-header strong{font-size:.9rem}.floating-panel-header small{color:#b9c5b6;font-size:.72rem}.floating-panel-actions{gap:5px;display:flex}.floating-panel-actions button,.floating-panel-actions a{width:30px;height:30px}.floating-panel-body{background:#060706;min-height:0}.resize-handle{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,#0000 50%,#79dac5eb 50%) 100% 100%/14px 14px no-repeat,0 0;width:24px;height:24px;padding:0;position:absolute;bottom:0;right:0}@media (width<=1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{overflow:hidden auto}.workspace{width:min(100% - 20px,680px);padding-top:14px;padding-bottom:520px}.topbar,.section-heading{grid-template-columns:1fr;display:grid}.top-actions{justify-content:stretch}.control-button{flex:120px}.toolkit-panel{padding:18px}h1{max-width:12ch;font-size:3rem}.text-link{width:fit-content}.tool-grid,.quick-strip{grid-template-columns:1fr}.tool-card{min-height:142px}.floating-panel{max-width:calc(100vw - 14px)}}
