.sketch-frame{padding:var(--space-lg);background:var(--color-canvas);position:relative}.sketch-frame__border{background:var(--color-outline);position:absolute}.sketch-frame--solid{border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-lg)}.sketch-frame--dashed{border:var(--border-thick)dashed var(--color-outline);border-radius:var(--radius-lg)}.sketch-frame--double{border:var(--border-medium)solid var(--color-outline);border-radius:var(--radius-lg)}.sketch-frame--double:before{content:"";border:var(--border-thin)solid var(--color-outline);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:4px}.sketch-frame--sketchy{border:none}.sketch-frame--sketchy:before,.sketch-frame--sketchy:after{content:"";pointer-events:none;position:absolute}.sketch-frame--sketchy:before{border:var(--border-thick)solid var(--color-outline);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;inset:0}.sketch-frame--sketchy:after{border:var(--border-thin)solid var(--color-ink-lighter);border-radius:70% 30% 30% 70%/70% 70% 30% 30%;inset:2px}.sketch-frame--corners:before{content:"";border-top:var(--border-thick)solid var(--color-primary);border-left:var(--border-thick)solid var(--color-primary);border-radius:var(--radius-sm)0 0 0;width:20px;height:20px;position:absolute;top:-8px;left:-8px}.sketch-frame--corners:after{content:"";border-bottom:var(--border-thick)solid var(--color-primary);border-right:var(--border-thick)solid var(--color-primary);border-radius:0 0 var(--radius-sm)0;width:20px;height:20px;position:absolute;bottom:-8px;right:-8px}.sketch-frame--corners .sketch-frame__corner{width:20px;height:20px;position:absolute}.sketch-frame--corners .sketch-frame__corner--top-right{border-top:var(--border-thick)solid var(--color-secondary);border-right:var(--border-thick)solid var(--color-secondary);border-radius:0 var(--radius-sm)0 0;top:-8px;right:-8px}.sketch-frame--corners .sketch-frame__corner--bottom-left{border-bottom:var(--border-thick)solid var(--color-secondary);border-left:var(--border-thick)solid var(--color-secondary);border-radius:0 0 0 var(--radius-sm);bottom:-8px;left:-8px}.sketch-frame--paper{background:var(--color-canvas-light);border:var(--border-medium)solid var(--color-ink-lighter);border-radius:var(--radius-md);box-shadow:5px 5px 0 var(--color-canvas-dark),10px 10px 0 var(--color-ink-lighter)}.sketch-frame--torn{background:var(--color-canvas-light);clip-path:polygon(0 3%,5% 0,15% 2%,25% 0,35% 3%,45% 1%,55% 2%,65% 0,75% 3%,85% 1%,95% 2%,100% 0,100% 97%,95% 100%,85% 98%,75% 100%,65% 97%,55% 99%,45% 98%,35% 100%,25% 97%,15% 99%,5% 98%,0 100%);padding:var(--space-xl)var(--space-lg);border:none}.sketch-frame--sticky{background:var(--color-accent);border:none;border-radius:0;transform:rotate(-1deg);box-shadow:3px 3px 10px #0000001a}.sketch-frame--sticky:before{content:"";border-radius:var(--radius-sm);background:#c8c8c899;width:60px;height:25px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.sketch-frame--primary{border-color:var(--color-primary)}.sketch-frame--secondary{border-color:var(--color-secondary)}.sketch-frame--accent{border-color:var(--color-accent)}.sketch-frame--shadow{box-shadow:var(--shadow-lg)}.sketch-frame--shadow-colored{box-shadow:6px 6px 0 var(--color-primary)}.sketch-frame--hover-lift{transition:transform var(--duration-fast)var(--ease-bounce),box-shadow var(--duration-fast)var(--ease-smooth)}.sketch-frame--hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)rotate(1deg)}.sketch-frame__content{z-index:var(--z-raised);position:relative}.sketch-frame--compact{padding:var(--space-md)}.sketch-frame--spacious{padding:var(--space-xl)}