.specimen-wrap{position:relative;border:1px solid var(--rule);background:#f0f0ec;padding-bottom:29px;overflow:hidden}.specimen{height:180px;overflow:hidden;padding:23px 17px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;background:#fff;color:#242431;position:relative;font-size:8px;line-height:1.4}.specimen strong{font-size:22px;line-height:1.06;letter-spacing:-.045em;font-weight:750;z-index:1}.specimen>span{z-index:1}.specimen em{font-family:Georgia,serif;font-weight:400}.mini-pill{font-size:6px;letter-spacing:1px;background:#f0edff;color:#674aba;padding:4px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:5px}.fake-button{padding:7px 12px;border-radius:20px;background:#4338ca;color:white;font-size:7px}.example-toggle{position:absolute;bottom:0;left:0;width:100%;height:29px;border:0;border-top:1px solid var(--rule);background:#f0f0ec;font-size:10px;color:var(--muted)}.example-toggle:hover{background:#e3e3db;color:var(--ink)}.specimen-labels{background:#faf9ff}.decorative-dot{display:inline-block;width:5px;height:5px;background:#7c67c5;border-radius:100%;margin-right:5px}.specimen-dots>span:last-child{font-size:6px;letter-spacing:1px;color:#82709e}.specimen-arrows{align-items:stretch;text-align:left;padding-inline:27px}.specimen-arrows strong{font-size:18px}.specimen .line-row{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:6px;gap:10px}.specimen-arrows .fake-button{align-self:start;background:#222}.emoji-row,.icon-row{display:flex;justify-content:space-around;gap:20px;margin-top:8px}.emoji-row>span{font-size:26px}.emoji-row small,.icon-row small{display:block;font-size:8px;margin-top:5px}.icon-row i{display:flex;align-items:center;justify-content:center;font-size:18px;width:32px;height:32px;border-radius:9px;background:#edf0ff;color:#6354b4;font-style:normal}.specimen-tracking .tracked{font-size:6px;letter-spacing:1.8px;color:#787279}.specimen-gradient{background:linear-gradient(145deg,#eeedff,#faf7ff)}.specimen-gradient strong{font-size:25px}.gradient-type{background:linear-gradient(100deg,#9333ea,#2563eb);color:transparent;background-clip:text}.specimen-gradient .fake-button{background:linear-gradient(110deg,#9333ea,#2563eb)}.specimen-beige{background:#f0e8db;color:#423a31}.specimen-beige strong{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.04em}.specimen-beige em{color:#ab4b32}.tracked{font-size:6px;letter-spacing:1.4px}.rust-line{height:1px;width:28px;background:#ab4b32}.specimen-hero{gap:7px}.specimen-hero strong{font-size:19px}.mini-actions{display:flex;gap:5px}.mini-actions i{font-style:normal;border:1px solid #ddd;border-radius:20px;padding:5px 9px;font-size:6px}.mini-actions i:first-child{background:#6e53d5;border-color:#6e53d5;color:white}.three-cards{display:flex;gap:5px;width:90%;margin-top:4px}.three-cards i{height:27px;border-radius:6px;background:#f1eef9;flex:1}.specimen-cards{padding:15px 25px}.specimen-cards strong{font-size:17px}.bento{display:grid;grid-template-columns:1.3fr 1fr;gap:6px;width:100%}.bento i{font-size:8px;font-style:normal;text-align:left;padding:10px;border-radius:10px;background:#eeedf8;color:#635a80}.bento i:nth-child(3){background:#eaf0ed}.specimen-nesting{padding:12px;background:#edf0f7}.nest{width:100%;border:1px solid #d5d9e3;border-radius:12px;padding:8px;background:#f5f6fa;text-align:left;font-size:7px}.nest-a{background:#fff}.nest-b{margin-top:6px;background:#f1f2f7}.nest-c{margin-top:5px;background:white;padding:11px}.nest-c strong{display:block;font-size:18px}.nest-c span{display:block;margin-top:5px}.specimen-glass{background:#15102c;color:#fff}.glass-orb{position:absolute;width:100px;height:100px;border-radius:100%;background:#c02cfa;filter:blur(25px);left:10px;top:13px}.glass-panel{z-index:1;display:flex;flex-direction:column;gap:12px;padding:22px 18px;background:#ffffff12;border:1px solid #ffffff50;backdrop-filter:blur(8px);border-radius:15px}.glass-panel>span{font-size:6px;letter-spacing:1px}.glass-panel strong{font-size:22px}.glass-button{border:1px solid #ffffff50;padding:7px;border-radius:20px}.specimen-grid{background-color:#f1f5fc;background-image:linear-gradient(#c9d3e344 1px,transparent 1px),linear-gradient(90deg,#c9d3e344 1px,transparent 1px);background-size:19px 19px}.specimen-grid .fake-button{background:#223652;border-radius:4px}.specimen-motion{gap:16px;align-items:stretch;text-align:left;background:#fafafa;padding-inline:25px}.motion-row{font-size:15px;font-weight:700;letter-spacing:-.03em;display:block}.motion-row:nth-child(2){opacity:.4;transform:translateY(2px)}.motion-row:nth-child(3){opacity:.15;transform:translateY(4px)}.specimen-motion small{font-size:7px;color:#555}.specimen-cursor{background:#11131c;color:white}.cursor-aura{position:absolute!important;width:160px;height:160px;top:15px;left:30%;background:radial-gradient(circle,#8c5dcc80,transparent 65%);z-index:0!important}.drawn-cursor{position:absolute;top:45px;left:65%;font-size:40px;transform:rotate(-30deg);color:#c5a5f0}.specimen-cursor strong{font-size:21px}
.specimen-alt{background:#f4f3ee;color:#282a27;text-align:left;align-items:flex-start;padding:23px;gap:12px}.specimen-alt strong.alt-title{font-size:25px;line-height:1.05;letter-spacing:-.04em}.specimen-alt>span,.specimen-alt>u{font-size:9px}.specimen-alt>u{text-underline-offset:3px}.paper-object{width:32px;height:42px;background:#b2c6b7;transform:rotate(-8deg);box-shadow:6px 3px 0 #ddd9cc}.specimen-alt:has(.paper-object){gap:9px}.specimen-alt:has(.paper-object)>strong{font-size:18px}.crop-demo{display:flex;gap:8px}.crop-demo i{display:block;width:53px;height:37px;background:#c7b59c}.crop-demo i:nth-child(2){width:37px;background:#658477}.type-alt{font-weight:800!important}.color-swatches{display:flex;width:100%;gap:5px}.color-swatches i{display:block;width:38px;height:18px;background:#a0624a}.color-swatches i:nth-child(2){background:#343e3b}.color-swatches i:nth-child(3){background:#ded9ca}.specimen-alt:has(.color-swatches) .alt-title{font-size:21px}.tool-demo{width:100%}.tool-demo strong{font-size:18px}.tool-demo>span{font-size:8px;display:block;margin-top:8px}.crop-area{height:50px;width:75%;margin-top:12px;background:#a4b7ac;outline:1px dashed #4e695d;outline-offset:-6px}.layout-alt{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center}.layout-alt strong{font-size:21px}.layout-alt>span:last-child{grid-column:1/-1;font-size:9px}.large-object{height:72px;background:#a0644d;border-radius:48% 48% 25% 25%;width:54px;justify-self:center}.specimen-alt .line-row{align-self:stretch;font-size:10px}.wave-bars{display:flex;align-items:center;height:38px;gap:5px}.wave-bars i{width:7px;background:#516f63;height:30%}.wave-bars i:nth-child(2n){height:85%}.wave-bars i:nth-child(3n){height:60%}.progress-demo{display:block;width:85%;height:4px;background:linear-gradient(90deg,#4e695d 65%,#ddded7 65%)}