:root{--code-bg:#1a1a18;--code-header-bg:#222220;--code-border:#2e2e2c;--code-text:#e2d8cc;--code-keyword:#e15350;--code-string:#66c673;--code-comment:#5e5e58;--code-number:#f68f3b;--code-function:#ffa06b;--code-operator:#a09890;--code-tag:#e15350;--code-attr:#f68f3b}code{background-color:var(--bg-status);color:var(--primary-accent);font-family:var(--font-primary);font-size:.88em;padding:1px 6px;border-radius:var(--radius-xs);white-space:nowrap;font-feature-settings:"calt" 1,"liga" 1}code.code-dark{background-color:var(--code-bg);color:var(--code-text)}.code-body code,pre.code-block code{background:0 0;color:inherit;padding:0;font-size:inherit;white-space:inherit;border-radius:0}.code-block{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-m);overflow:hidden;margin:var(--space-3) 0;font-family:var(--font-primary);font-size:var(--fs-s);line-height:var(--lh-base);color:var(--code-text);position:relative;font-feature-settings:"calt" 1,"liga" 1;font-variant-ligatures:contextual common-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}pre.code-block{padding:var(--space-4) var(--space-5);white-space:pre;overflow-x:auto;margin:var(--space-3) 0}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--code-header-bg);border-bottom:1px solid var(--code-border);user-select:none;min-height:36px}.code-label{font-size:var(--fs-xs);color:var(--code-operator);font-family:var(--font-primary);letter-spacing:.04em}.code-copy{font-size:var(--fs-xs);font-family:var(--font-primary);color:var(--code-operator);background:0 0;border:1px solid var(--code-border);border-radius:var(--radius-xs);padding:2px 10px;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);white-space:nowrap}.code-copy:hover{color:var(--code-text);border-color:var(--code-operator)}.code-copy.copied{color:var(--code-string);border-color:var(--code-string)}.code-body{display:block;margin:0;padding:var(--space-4) var(--space-5);white-space:pre;overflow-x:auto;color:var(--code-text);line-height:var(--lh-base);font-family:inherit;font-size:inherit;tab-size:4;-moz-tab-size:4;scrollbar-width:thin;scrollbar-color:var(--code-border) transparent}.code-body::-webkit-scrollbar{height:6px}.code-body::-webkit-scrollbar-track{background:0 0}.code-body::-webkit-scrollbar-thumb{background:var(--code-border);border-radius:3px}.kw{color:var(--code-keyword)}.str{color:var(--code-string)}.cm{color:var(--code-comment);font-style:italic}.num{color:var(--code-number)}.fn{color:var(--code-function)}.op{color:var(--code-operator)}.tag{color:var(--code-tag)}.attr{color:var(--code-attr)}.lit{color:var(--code-number);font-style:italic}.code-block.terminal{border-left:3px solid var(--code-string)}.code-block.terminal .code-header{border-bottom-color:#2e3a2e}.code-block.terminal .code-label{color:var(--code-string)}.code-block.terminal .code-body{color:var(--code-string)}.code-block.terminal .code-copy:hover{color:var(--code-string);border-color:var(--code-string)}.code-block.diff .code-body{padding-left:0;padding-right:0}.line-added,.line-neutral,.line-removed{display:block;padding:0 var(--space-5);white-space:pre}.line-added{background-color:rgba(102,198,115,.1);border-left:3px solid var(--code-string);color:var(--code-string)}.line-removed{background-color:rgba(225,83,80,.1);border-left:3px solid var(--code-keyword);color:var(--code-keyword)}.line-neutral{border-left:3px solid transparent;color:var(--code-operator)}
.slideshow-layout{display:flex;flex-direction:column;width:100%;margin:0 auto;gap:15px}.slideshow-container{position:relative;flex:1;height:auto;overflow:hidden;border-radius:24px;box-shadow:0 4px 12px rgba(0,0,0,.1);aspect-ratio:16/9}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:contain}.controls-bar{display:flex;justify-content:center;gap:10px}.control-btn{background-color:transparent;color:var(--primary-accent);border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease;user-select:none;border-radius:25px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;line-height:1em!important;cursor:pointer}.control-btn:hover{border-color:var(--secondary-accent);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.control-btn:active{transform:translateY(0);box-shadow:none}.progress-container{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:10}.progress-dot{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.5);transition:background-color .3s}.progress-dot.active{background-color:#fff}.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;width:100vw;height:100vh;filter:opacity(.5) , blur(10);background-color:var(--bg-main);display:flex;justify-content:center;align-items:center}.fullscreen .slide{position:static;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:1}.fullscreen .slide img{max-height:90vh;max-width:90vw;width:auto;height:auto;object-fit:contain}.exit-fullscreen{position:absolute;top:20px;right:20px;border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:transparent;color:var(--primary-accent);border:none;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10000}.exit-fullscreen:hover{background-color:rgba(255,255,255,.5)}
.toggle-container{display:flex;align-items:center;gap:8px;user-select:none;margin-top:var(--space-1)}.label-after,.label-before{color:var(--text-light);font-size:.9em}.toggle-checkbox{display:none}.toggle-label{display:inline-block;width:50px;height:25px;background-color:#e0e0e0;border-radius:25px;position:relative;cursor:pointer;transition:background-color .3s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.toggle-label::after{content:'';display:block;width:21px;height:21px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s ease,background-color .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.3)}.toggle-checkbox:checked+.toggle-label{background-color:var(--green)}.toggle-checkbox:checked~.label-after{color:var(--green);font-weight:700}.toggle-checkbox:checked+.toggle-label::after{left:calc(100% - 21px - 2px)}.toggle-container.is-readonly{opacity:.5}.toggle-container.is-readonly .toggle-label{cursor:not-allowed}